:root{--color-white:#fff;--color-green:#3da32d;--color-green-light:#46bb33;--color-grey-800:#434343;--color-grey-900:#2c2c2c;--clr-board-bg:#333336;--clr-board-highlight:#564c4c;--clr-board-shadow:#000}html{box-sizing:border-box;margin:0}*,:before,:after{box-sizing:inherit}body{background-color:var(--clr-board-bg);color:#fff;margin:0;font-family:sans-serif}#app{grid-template-rows:50px auto;grid-template-columns:1fr clamp(100px,96%,422px) 1fr;display:grid}a:link{color:#fff}a:hover{color:#aaa}a:visited{color:#fff}div{margin:0;padding:0}.yellow{color:#e5e51b}.top{text-align:center;margin-bottom:30px}.board{border:2px solid #766464;border-color:var(--clr-board-shadow) var(--clr-board-highlight) var(--clr-board-highlight) var(--clr-board-shadow);grid-area:2/2}.board-row{flex-direction:row;height:62px;display:flex}.peg{justify-content:center;width:20%;display:flex}.peg-secret{width:25%}.peg-image{width:60%}.peg-hole-image{width:20%}.feedback{flex-flow:wrap;justify-content:flex-start;width:20%;padding:8px;display:flex}.feedback-item{justify-content:center;align-items:center;width:45%;display:flex}.feedback-hole-svg{fill:var(--clr-board-shadow)}.svg-hole{width:70%}.svg-hole-animation{cursor:pointer;animation:1.8s linear infinite alternate-reverse pulse}.svg-hole-normal{fill:#454545}.svg-selected-hole{width:66%}.svg-circle{width:100%}.svg-feedback-peg{width:51%}.svg-feedback-hole{width:20%}.pulse1{cursor:pointer;animation:1.8s ease-out infinite alternate-reverse pulse-one}.pulse2{cursor:pointer;animation:1.8s ease-out infinite alternate-reverse pulse-two}@keyframes pulse-one{0%{stroke:#222}to{stroke:#999}}@keyframes pulse-two{0%{stroke:#111}to{stroke:#777}}.overlay-title{text-align:center}.side-peg{width:100%}.peg-illu{width:70%}.peg-illu-halo,.selected-hole-halo{animation:1.8s linear infinite alternate-reverse pulse}.hide-me{display:none}.picker-box{-webkit-user-select:none;user-select:none;cursor:pointer;flex-wrap:wrap;justify-content:center;margin:0 auto;display:flex}.picker-color{justify-content:center;align-items:center;width:48px;height:56px;margin:15px;display:flex}.feedback-picker{min-height:96px}.feedback-picker-controls{grid-template-columns:repeat(5,1fr);align-items:center;min-height:74px;display:grid}.feedback-button{color:var(--color-white);cursor:pointer;border:0;grid-row:1;justify-content:center;justify-self:center;align-items:center;padding:0;line-height:1;display:flex}.feedback-button:disabled{cursor:default;opacity:.35}.feedback-button:focus-visible{outline-offset:4px;outline:2px solid #ddd}.feedback-button-peg{background:0 0;border-radius:50%;width:56px;height:56px}.feedback-button-peg:not(:disabled):hover{transform:translateY(-2px)}.feedback-button-peg .svg-feedback-peg{filter:drop-shadow(0 7px 2px #0000003d);width:36px}.feedback-button-red{grid-column:1}.feedback-button-white{grid-column:3}.feedback-button-submit{background-color:var(--color-green);border-radius:50%;grid-column:5;width:64px;height:64px;font-size:44px;box-shadow:inset -7px -9px #00000026,0 8px 2px #0000002e}.feedback-button-submit:hover{background-color:var(--color-green-light)}.feedback-button-undo{background-color:#4c4c4c;border-radius:50%;grid-column:4;width:38px;height:38px;font-size:28px;box-shadow:inset -5px -5px #0000001f,0 5px 2px #00000024}.feedback-button-undo:not(:disabled):hover{background-color:#5b5b5b}.feedback-picker-error{color:#f0dada;text-align:center;min-height:22px;margin:0;font-size:.82rem}.picker-checkmark{color:var(--color-grey-800);background-color:#333;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:30px;display:flex}.picker-checkmark-active{color:var(--color-white);background-color:var(--color-green)}.picker-checkmark-active:hover{color:var(--color-white);background-color:var(--color-green-light)}.show-pointer{cursor:pointer}.cover-giveup{color:#8a8a8a;cursor:pointer;align-items:center}.status-messages{text-align:center}.intro-explain{height:58px;display:flex}button{color:#ccc;background-color:#484848;border:0;border-radius:20px;padding:8px 20px}button:focus{outline:none}button:hover{color:#fff}@media screen and (width<=550px){.board-row{height:60px}.picker-box{margin:0 auto}.picker-color{cursor:pointer;width:40px;margin:10px}.feedback-picker{min-height:88px}.feedback-picker-controls{min-height:68px}.feedback-button-peg{width:48px;height:48px}.feedback-button-peg .svg-feedback-peg{width:32px}.feedback-button-submit{width:56px;height:56px;font-size:38px}.feedback-button-undo{width:34px;height:34px;font-size:24px}.svg-feedback-hole{width:25%}.picker-checkmark{height:40px;font-size:24px}}.bottom-part{text-align:center;grid-column:2;margin:10px auto}.secret-box{margin:16px -16px 0}.secret-peek{padding:5px 12px;font-size:.85rem}.exit-bar{grid-area:1/2;justify-content:center;align-items:center;display:flex}._ridge-bottom_1c575_1{border:var(--clr-board-bg) solid 2px}._inset_1c575_5{border-style:solid;border-width:2px;border-color:var(--clr-board-highlight) var(--clr-board-shadow) var(--clr-board-shadow) var(--clr-board-highlight);padding:10px}._secret_140jv_3{border:solid 1px var(--clr-board-shadow);margin-bottom:14px;position:relative;overflow:hidden}._row_140jv_11{height:62px;display:flex}._slider_140jv_19{background-color:var(--clr-board-bg);width:80%;transition:transform 1.5s;position:absolute;top:0;bottom:0;left:0}._closed_140jv_29{transform:translate(0)}._peek_140jv_33{transform:translateY(-60%)}._open_140jv_37{transform:translate(130%)}._frame_la6d1_3{grid-area:2/2;position:relative}._stack_la6d1_13{flex-direction:column;display:flex}._reversed_la6d1_18{flex-direction:column-reverse}._footer_la6d1_23{text-align:center;margin-top:10px}._overlay_rburv_3{z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}._panel_rburv_13{background-color:#141414eb;border-radius:16px;flex-direction:column;align-items:center;gap:16px;max-width:86%;padding:28px 24px;display:flex}._title_1s6fa_1{color:#fff;text-align:center;margin:0 0 8px;font-size:2.6rem;font-weight:400}._button_1s6fa_10{color:#fff;cursor:pointer;background-color:#2f7bf6;border:0;border-radius:22px;min-width:170px;padding:10px 28px;font-size:1rem}._button_1s6fa_10:hover{color:#fff;background-color:#1f6ae8}