.home-portal-menu{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));z-index:5;--menu-bg:#ffffffeb;--menu-line:#07132f33;--menu-fg:#07132f;width:44px;height:44px;color:var(--menu-fg);position:absolute}.home-portal-menu[data-theme=dark]{--menu-bg:#040b16b8;--menu-line:#6fd6ff66;--menu-fg:#e8f7ff}body:not([data-screen=home]) .home-portal-menu{display:none}.home-portal-menu:has([data-asobiba-link][hidden]){display:none}.home-portal-menu>summary,.home-portal{box-sizing:border-box;border:1px solid var(--menu-line);background:var(--menu-bg);min-height:44px;color:var(--menu-fg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:999px;font:800 13px/1 system-ui,sans-serif;text-decoration:none;box-shadow:0 6px 16px #0006}.home-portal-menu>summary{cursor:pointer;justify-content:center;align-items:center;width:44px;height:44px;padding:0;list-style:none;display:flex}.home-portal-menu>summary::-webkit-details-marker{display:none}.home-portal-menu>summary::marker{content:""}.home-portal-menu[open]>summary svg{transform:rotate(180deg)}.home-portal{white-space:nowrap;align-items:center;gap:4px;width:max-content;max-width:calc(100vw - 80px);padding:0 14px 0 10px;display:flex;position:absolute;top:0;left:50px}.home-portal-menu:not([open])>.home-portal,.home-portal[hidden]{display:none}.home-portal-menu svg{flex:none}.home-portal-menu>summary:focus-visible,.home-portal:focus-visible{outline:3px solid var(--menu-fg);outline-offset:2px}.settings-dialog .settings-row{border-bottom:2px dashed color-mix(in srgb, currentColor 22%, transparent);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:16px;font-weight:800;display:flex}.settings-dialog .settings-row:last-of-type{margin-bottom:14px}.settings-dialog .locale-pill select:focus-visible{outline:none}html[data-keyboard-focus] .settings-dialog .locale-pill:has(select:focus-visible){outline-offset:2px;outline:3px solid}.ura-more{box-sizing:border-box;min-width:44px;min-height:44px;color:inherit;text-align:center;text-underline-offset:3px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;grid-column:1/-1;justify-content:center;align-items:center;gap:.4em;font-size:13px;font-weight:700;line-height:1.2;text-decoration:underline;display:flex}.ura-more:after{content:"";border-top:2px solid;border-right:2px solid;flex:none;width:.45em;height:.45em;transform:rotate(45deg)}.ura-more[hidden]{display:none}:root{color:#283a32;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f4f1e7;--ink:#283a32;--accent:#344f43;background:#b9aa96;font-family:system-ui,-apple-system,BlinkMacSystemFont,Noto Sans,sans-serif;font-size:14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}#app{height:calc(100dvh - var(--game-ad-h,0px))}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button,input,select{font:inherit}button,summary,select{cursor:pointer}button,input,select,summary{min-height:44px}button{min-width:44px}input,textarea{-webkit-user-select:text;user-select:text}button:disabled{cursor:wait;opacity:.55}h1,h2,p{margin:0}button,select{touch-action:manipulation}body[data-screen=play] #play{touch-action:none}#play,#result{height:calc(100dvh - var(--game-ad-h,0px));width:min(100%,620px);margin:0 auto;overflow:hidden}#play{background:var(--paper);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.mini-label{padding:calc(14px + env(safe-area-inset-top)) 76px 12px 20px;z-index:1;border-bottom:1px solid #8b948966}.eyebrow{letter-spacing:.18em;color:#68746c;margin-bottom:5px;font:600 9px ui-monospace,monospace}.mini-label h1{text-wrap:balance;font-size:clamp(15px,4.4vw,20px);font-weight:650;line-height:1.4}.clock{align-items:baseline;gap:9px;margin:10px 0 0;font:500 11px ui-monospace,monospace;display:flex}.clock b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:650}.clock small{margin-left:2px;font-size:11px}.workbench{background:#b9aa96;min-height:0;position:relative;overflow:hidden}#board{touch-action:none;width:100%;height:100%;display:block}.guide{pointer-events:none;text-wrap:balance;background:#f5f2e6ec;width:min(86%,350px);padding:16px 18px;line-height:1.55;position:absolute;bottom:9%;left:50%;transform:translate(-50%)rotate(-1deg);box-shadow:0 4px 12px #0002}.guide p{font-size:15px;font-weight:650}.guide small{color:#5c6257;margin-top:7px;font-size:12px;display:block}.loading{text-align:center;background:var(--paper);gap:10px;width:80%;padding:16px;display:grid;position:absolute;bottom:15%;left:10%;box-shadow:0 4px 15px #0003}.loading progress{width:100%;accent-color:var(--accent)}.loading span{font:12px ui-monospace,monospace}.start-overlay{inset:0 0 var(--game-ad-h,0px);z-index:4;padding:calc(68px + env(safe-area-inset-top)) 18px calc(20px + var(--game-safe-bottom,env(safe-area-inset-bottom)));touch-action:none;background:#283a3266;place-items:center;display:grid;position:fixed}#intro{flex-direction:column;gap:14px;width:min(100%,420px);min-height:0;max-height:100%;display:flex}.intro-card{overscroll-behavior:contain;touch-action:pan-y;background:var(--paper);border:1px solid #8b9489;border-radius:4px;min-height:0;padding:22px;font-size:14px;line-height:1.65;overflow-y:auto;box-shadow:0 6px 22px #0003}.intro-card h2{margin-bottom:12px;font-size:23px}.intro-goal{font-weight:650}.intro-card ol{margin:16px 0;padding-left:1.6em}.intro-card li+li{margin-top:10px}.intro-tip{border-top:1px solid #8b948966;padding-top:12px}#start{flex:none;min-height:52px;box-shadow:0 4px 14px #0004}.start-overlay.countdown{padding-top:env(safe-area-inset-top);background:#283a3233}#countdown{aspect-ratio:1;background:#f4f1e7ed;border-radius:50%;place-items:center;width:min(48vw,190px);display:grid;position:relative;box-shadow:0 6px 22px #0003}#countdown svg{fill:none;stroke-width:3px;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.countdown-track{stroke:#8b948944}.countdown-ring{stroke:var(--accent)}#countdown b{font:650 clamp(64px,22vw,100px) ui-monospace,monospace}.work-note{padding:8px 18px calc(10px + var(--game-safe-bottom,env(safe-area-inset-bottom)));background:var(--paper);border-top:1px solid #9b9e9170;justify-content:flex-end;align-items:center;gap:12px;display:flex}.step{align-items:center;gap:8px;margin-top:9px;font-size:12px;display:flex}.step>span{border:1px solid #819082;padding:3px 5px;font:11px ui-monospace,monospace}.instruction{text-wrap:pretty;margin-top:6px;font-size:12px;line-height:1.45}#lift{min-width:44px}#next,#finish{min-width:110px;max-width:70%;position:static}.defect-summary{color:#596153;margin:4px 0;font-size:9px}.btn{min-height:48px;color:var(--ink);background:#eeeee3;border:1px solid #506455;border-radius:4px;padding:10px 15px;font-weight:650;line-height:1.25;box-shadow:0 2px #12251b38}.btn:active{box-shadow:none;transform:translateY(1px)}.btn.primary{background:var(--accent);color:#fdfbf1}.settings-open{top:calc(12px + env(safe-area-inset-top));background:var(--paper);width:46px;height:46px;color:var(--ink);z-index:5;border:1px solid #6b7a6c;border-radius:4px;place-items:center;display:grid;position:fixed;right:max(12px,50vw - 298px);box-shadow:0 2px 5px #0002}.settings-open svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:23px;height:23px}.howto{color:var(--ink);width:calc(100% - 30px);max-width:440px;max-height:calc((100dvh - var(--game-ad-h,0px)) - 44px);background:#f6f3e9;border:1px solid #667663;border-radius:5px;padding:20px;overflow:auto;box-shadow:0 15px 65px #0005}.howto::backdrop{background:#17211999}.howto h2{margin:0 0 16px;font-size:21px}.settings-row{justify-content:space-between;align-items:center;gap:8px;margin:12px 0;display:flex}.settings-row select{background:var(--paper);max-width:70%;color:var(--ink);border:1px solid #829180;padding:8px}.sound-button,.sound-toggle{background:var(--paper);border:1px solid #829180;min-width:70px;padding:8px}.settings-row button svg{width:20px;height:20px}.best{border-top:1px solid #bbbfb2;padding:12px 0;font-size:13px}.howto details{border-top:1px solid #bbbfb2;padding:3px 0}.howto summary{align-items:center;font-weight:650;display:flex}.howto details p{text-wrap:pretty;margin:8px 0;font-size:13px;line-height:1.65}.howto form{margin-top:16px}.howto form .btn{width:100%}.credits{overflow-wrap:anywhere}.credits a{color:#385f50}.rotate-note{display:none}#result{background:#b9aa96;grid-template-rows:minmax(100px,1fr) auto auto;display:grid}.result-photo{min-height:0;overflow:hidden}.result-photo img{object-fit:cover;object-position:center 50%;width:100%;height:100%;display:block}.slip{background:var(--paper);z-index:1;border-top:3px double #6b7767;min-width:0;margin:0 12px;padding:12px 15px 8px;position:relative;box-shadow:0 4px 18px #312a2238}.slip header{justify-content:space-between;align-items:center;gap:8px;min-height:27px;font:500 10px ui-monospace,system-ui,sans-serif;display:flex}.slip header>span{text-wrap:balance;max-width:70%;line-height:1.4}.stamp{color:#426853;white-space:nowrap;border:1.5px solid #426853;padding:5px 6px;font-size:10px;font-weight:750;display:block;transform:rotate(-5deg)}.stamp.bad{color:#915243;border-color:#915243}.slip h2{text-wrap:balance;overflow-wrap:anywhere;margin:8px 0 6px;font-size:clamp(17px,4.8vw,22px);line-height:1.3}.note{color:#596153;white-space:pre-line;text-wrap:pretty;font-size:12px;line-height:1.45}.measurements{border-top:1px dashed #8e9883;border-bottom:1px dashed #8e9883;justify-content:space-between;gap:5px;margin:9px 0 4px;padding:7px 0;display:flex}.measurements>div{min-width:0}.measurements dt{font-size:9px;line-height:1.3}.measurements dd{margin:3px 0 0;font:500 13px ui-monospace,monospace}.measurements small{margin-left:2px;font-size:9px}.name-row{align-items:center;gap:10px;font-size:11px;display:flex}.name-row span{overflow-wrap:anywhere;max-width:32%}.name-row input{width:0;min-width:0;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #aab0a1;border-radius:0;flex:1;padding:6px;font-size:16px}.name-row input::placeholder{color:#6d7767}.result-buttons{padding:10px 12px calc(12px + var(--game-safe-bottom,env(safe-area-inset-bottom)));background:var(--paper);grid-template-columns:1fr 1fr;gap:10px;display:grid}fieldset{border:0;min-width:0;margin:0;padding:0}.result-actions{width:100%;display:flex}.result-buttons .btn{width:100%;min-height:48px;font-size:15px}.result-actions svg{fill:none;stroke:currentColor;stroke-width:1.8px;vertical-align:middle;width:19px;height:19px;margin-right:7px}#share{color:var(--ink);background:#eeeade}.copy-status{margin-top:4px;font-size:10px;line-height:1.2}.phrase{word-break:normal}@media (height<=680px) and (orientation:portrait){.mini-label{padding-top:calc(9px + env(safe-area-inset-top));padding-bottom:8px}.step{margin-top:5px;font-size:11px}.instruction{margin-top:4px;font-size:11px}.eyebrow{font-size:8px}.mini-label h1{font-size:14px}.clock{margin-top:6px}.work-note{padding-top:8px;padding-bottom:calc(9px + var(--game-safe-bottom,env(safe-area-inset-bottom)));min-height:0}.slip{padding:8px 12px 4px}.slip h2{margin:5px 0;font-size:16px}.slip header{min-height:23px;font-size:8px}.stamp{font-size:9px}.note{font-size:10px;line-height:1.3}.measurements{margin-top:6px;padding:5px 0}.measurements dd{font-size:12px}.result-buttons{padding-top:7px;padding-bottom:calc(8px + var(--game-safe-bottom,env(safe-area-inset-bottom)))}.guide{padding:11px 14px}.guide p{font-size:13px}}@media (orientation:landscape){.rotate-note{z-index:20;text-align:center;background:#f4f1e7f5;place-items:center;padding:30px;line-height:1.6;display:grid;position:fixed;inset:0}.rotate-note p{max-width:360px}#play,#result,.start-overlay,.settings-open{visibility:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.settings-open{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23283a32' stroke-width='1.6'%3E%3Cpath d='M19.42 10.34L22.09 10.48V13.52L19.42 13.66A7.6 7.6 0 0 1 18.42 16.07L20.21 18.05L18.05 20.21L16.07 18.42A7.6 7.6 0 0 1 13.66 19.42L13.52 22.09H10.48L10.34 19.42A7.6 7.6 0 0 1 7.93 18.42L5.95 20.21L3.79 18.05L5.58 16.07A7.6 7.6 0 0 1 4.58 13.66L1.91 13.52V10.48L4.58 10.34A7.6 7.6 0 0 1 5.58 7.93L3.79 5.95L5.95 3.79L7.93 5.58A7.6 7.6 0 0 1 10.34 4.58L10.48 1.91H13.52L13.66 4.58A7.6 7.6 0 0 1 16.07 5.58L18.05 3.79L20.21 5.95L18.42 7.93A7.6 7.6 0 0 1 19.42 10.34Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:23px 23px}.settings-open svg{visibility:hidden}.howto[open]{max-height:calc(100dvh - var(--game-ad-h,0px) - env(safe-area-inset-top) - var(--game-safe-bottom,env(safe-area-inset-bottom)) - 24px);top:env(safe-area-inset-top);bottom:calc(var(--game-ad-h,0px) + var(--game-safe-bottom,env(safe-area-inset-bottom)));flex-direction:column;margin-block:auto;display:flex;overflow:hidden}.howto>h2,.howto>.settings-row,.howto>form,.howto>#settings-help{flex:none}.howto>form{order:2;margin-bottom:0}.settings-content,.howto>ol,.howto>.instructions{overscroll-behavior:contain;touch-action:pan-y;min-height:0;overflow-y:auto}@media (height<=500px){.howto[open]{padding:12px 18px}.howto h2{margin:0 0 6px;font-size:18px}.howto .settings-row{margin:4px 0;padding:0}.howto form{margin-top:6px}.howto form .btn{margin-top:0}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#settings .settings-row>span{flex-shrink:0}#settings .locale-pill{align-items:center;gap:4px;min-width:0;min-height:44px;display:inline-flex}#settings .locale-pill svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}#settings .locale-pill{border:1.5px solid color-mix(in srgb, currentColor 35%, transparent);border-radius:999px;padding:0 8px 0 12px}#settings .locale-pill select{appearance:none;color:inherit;min-width:0;max-width:min(100%,9.5em);min-height:44px;font:inherit;background:0 0;border:0;padding:0 6px;font-weight:700}.rotate-note{bottom:var(--game-ad-h,0px)}.workbench{grid-template-rows:minmax(0,1fr) auto;display:grid}.board-frame{min-height:0;position:relative;overflow:hidden}.board-frame #board{position:absolute;inset:0}.tools{z-index:1;box-sizing:border-box;background:#c8baa5;border-top:1px solid #8b806c;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:8px;height:84px;padding:6px 12px 8px;display:grid;position:relative}.tools:has(>button:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.tools button{min-width:44px;min-height:0;color:var(--ink);overflow-wrap:anywhere;background:#e2d8c6;border:2px solid #0000;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;font-size:10px;line-height:1.2;display:flex}.tools button[aria-pressed=true]{background:#f8f3e7;border-color:#344f43;transform:translateY(-3px);box-shadow:0 3px 5px #302b2555}.tool-art{background-image:url(../img/kit.webp);background-repeat:no-repeat;flex:none;width:32px;height:32px}.tool-art.wet{background-position:95.95% 19.84%;background-size:476.19% 270.27%;width:19px}.tool-art.dry{background-position:4.62% 86.32%;background-size:454.55% 312.5%;width:22px}.tool-art.spatula{background-position:64.44% 80%;background-size:526.32% 555.56%}.tool-art.dust{background-position:36.56% 80.49%;background-size:574.71% 526.32%}.cause{margin:5px 0;font-size:12px;font-weight:700}.slip{position:relative}.best-stamp{color:#98503d;border:1.5px solid;margin-top:4px;padding:2px 6px;font-size:10px;display:inline-block;transform:rotate(4deg)}.jolt-a{animation:.22s ease-out jolt-a}.jolt-b{animation:.22s ease-out jolt-b}@keyframes jolt-a{25%{transform:translate(2px,-1px)}60%{transform:translate(-2px,1px)}}@keyframes jolt-b{25%{transform:translate(-2px,1px)}60%{transform:translate(2px,-1px)}}.intro-card .phrase{word-break:keep-all;overflow-wrap:anywhere}.mini-label{padding:calc(10px + env(safe-area-inset-top)) 72px 8px 16px}.mini-label h1{font-size:15px;line-height:1.3}.step-row{justify-content:space-between;align-items:center;gap:10px;min-height:24px;margin-top:4px;display:flex}.step-row .step{min-width:0;margin-top:0}.step-row .clock{flex:none;gap:6px;margin:0}.step-row .clock b{font-size:17px}.mini-label .instruction{margin-top:5px;margin-right:-56px}@media (height<=680px) and (orientation:portrait){.mini-label{padding-top:calc(8px + env(safe-area-inset-top));padding-bottom:6px}.mini-label h1{font-size:14px}.step-row{margin-top:3px}.mini-label .instruction{margin-top:6px}}#step-guide{z-index:3;transform-origin:50%;pointer-events:none;background:#f4f1e7f5;border:1px solid #748273;border-radius:5px;align-items:center;gap:10px;padding:16px 14px;display:flex;position:absolute;top:50%;left:12px;right:12px;translate:0 -50%;box-shadow:0 5px 18px #17211940}#step-guide.closing{animation:.18s ease-in forwards guide-close}#step-guide h2{overflow-wrap:anywhere;margin:0 0 7px;font-size:clamp(17px,4.8vw,22px);line-height:1.3}#step-guide h2 span{color:#647663;font-variant-numeric:tabular-nums}#step-guide>div{min-width:0}#step-guide .phrase,#step-guide p:lang(ko){word-break:keep-all;overflow-wrap:anywhere}#step-guide p{text-wrap:pretty;margin:0;font-size:clamp(14px,3.9vw,17px);font-weight:600;line-height:1.5}.step-motion{fill:none;stroke:#344f43;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:78px;height:64px}.step-motion .loose-film{fill:#c3dce8db;stroke:#577b8c}.step-motion .film-tab{fill:#b7352e;stroke:#b7352e}#lift .step-motion{width:44px;height:32px}@keyframes guide-close{to{opacity:0;transform:scale(.82)}}@media (width<=340px){#step-guide{gap:6px;padding:12px}#step-guide .step-motion{width:60px;height:52px}}#result{grid-template-rows:minmax(70px,1fr) auto auto 44px auto auto}#result .slip{padding:5px 12px}#result .slip h2{margin:3px 0;font-size:16px}#result .note{font-size:10px;line-height:1.2}#result .measurements{margin:3px 0;padding:3px 0}#result .cause,#result .defect-summary{margin:2px 0;font-size:10px}#result .best-stamp{background:var(--paper);position:absolute;top:-24px;right:7px}.ranking{background:var(--paper);min-width:0;margin:0 12px;padding:0 12px;position:relative}.ranking-head{justify-content:space-between;align-items:center;gap:4px;display:flex}.ranking h3{overflow-wrap:anywhere;margin:0;font-size:11px}.ranking-tabs{flex-shrink:0;display:flex}.ranking-tabs button{min-width:44px;min-height:44px;color:var(--ink);background:0 0;border:0;padding:3px 7px;font-size:11px}.ranking-tabs .on{text-underline-offset:5px;font-weight:700;text-decoration:underline}.ranking-list{margin:0;padding:0;font-size:11px;list-style:none}.ranking-list li{grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:4px;min-height:17px;display:grid}.ranking-list .who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking-list .me{background:#dce5d6;font-weight:700}.ranking-list .apart{border-top:1px dashed #84927c}.ranking-list small{font-size:9px}.ranking-note{margin:2px 0;font-size:10px;line-height:1.25}.ranking-note.error{color:#8b3927}.ranking-note.done{color:#285236}.registration-name{background:var(--paper);padding:0 12px}.name-row,.name-row input{height:44px}.name-row.needs-name{outline:2px solid #a24630}.ranking-form{z-index:2;height:44px;position:absolute;top:100%;right:12px}#ranking-register{min-width:64px;min-height:44px;padding:4px 8px;font-size:12px}#result:has(.ranking-form) .name-row{padding-right:76px}.turnstile:not(:empty){z-index:1000;left:8px;right:8px;bottom:calc(100px + var(--game-ad-h,0px));background:var(--paper);position:fixed}#result .result-buttons{padding-top:4px;padding-bottom:calc(4px + var(--game-safe-bottom,env(safe-area-inset-bottom)))}@media (height<=700px) and (orientation:portrait){.ranking-list li:nth-child(n+4):not(.me){display:none}#result .slip h2{font-size:13px}#result .slip header{min-height:20px}#result .stamp{padding:2px 4px;font-size:8px}#result .note,#result .defect-summary{display:none}#result .measurements dd{margin-top:1px;font-size:11px}#result .result-buttons .btn{min-height:44px;font-size:12px}}#result .result-buttons{padding-bottom:2px}#result>.ura-more{min-height:calc(44px + var(--game-safe-bottom,env(safe-area-inset-bottom)));padding-bottom:var(--game-safe-bottom,env(safe-area-inset-bottom));background:var(--paper);color:var(--ink);justify-content:center;align-items:center;font-size:11px;display:flex}