@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-vietnamese-400-normal-65jA92mZ.woff2)format("woff2"),url(/assets/patrick-hand-vietnamese-400-normal-CZjY324Y.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2)format("woff2"),url(/assets/patrick-hand-latin-ext-400-normal-C2ywpnn3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Permanent Marker;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/permanent-marker-latin-400-normal-BF23djCy.woff2)format("woff2"),url(/assets/permanent-marker-latin-400-normal-BnZj5c41.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#2b3040;--ink-soft:#2b304099;--panel:#fffcf4;--paper-color:#fbf6e9;--outside:#f0e8d6;--pen:#2e5cb8;--marker:#ed5e3d;--green:#389e57;--invalid:#db4038;--highlight:#ffe64d;--yellow-fill:#ffe878;--sticky:#fff09e;--font-marker:"Marker Felt", "MarkerFelt-Wide", "Permanent Marker", "Comic Sans MS", cursive;--font-hand:Noteworthy, "Patrick Hand", "Comic Sans MS", cursive;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--outside) var(--paper) repeat;color:var(--ink);font-family:var(--font-hand);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased}#root{height:100dvh}button{font:inherit;color:inherit}input,textarea{font:inherit;color:inherit;-webkit-user-select:text;user-select:text}svg{flex:none}.paper-background{background:var(--outside) var(--paper) repeat}.marker{font-family:var(--font-marker)}.hand{font-family:var(--font-hand)}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.num{font-variant-numeric:tabular-nums}.faint{opacity:.6}.small{font-size:12px}.ellipsis{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.bold{font-weight:700}.sketch-border{pointer-events:none;position:absolute;inset:0}.sketch-border svg{position:absolute;inset:0;overflow:visible}.paper-card{position:relative}.paper-card.lifted{box-shadow:3px 4px #2b304024}.tape{pointer-events:none;background:#ffffff8c;border:1px solid #2b30401f;width:110px;height:30px;position:absolute;left:50%}.sketch-button{font-family:var(--font-hand);color:var(--ink);white-space:nowrap;cursor:pointer;border:none;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:6px;padding:7px 16px;font-size:18px;line-height:1.2;transition:transform 80ms ease-out,box-shadow 80ms ease-out;display:inline-flex;position:relative;box-shadow:2px 3px #2b30402e}.sketch-button .label{align-items:center;gap:6px;display:inline-flex;position:relative}.sketch-button.large{padding:12px 24px;font-size:22px}.sketch-button:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.sketch-button:disabled{opacity:.4;cursor:default}.sketch-button.destructive{color:var(--invalid)}@media (hover:hover){.sketch-button:hover:not(:disabled){filter:brightness(.98)}}.press-button{cursor:pointer;text-align:inherit;background:0 0;border:none;margin:0;padding:0;transition:transform 80ms ease-out}.press-button:active:not(:disabled){transform:translateY(2px)}.press-button:disabled{cursor:default}.round-button{color:var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.music-slash{background:var(--ink);border-radius:2px;width:2.2px;position:absolute;transform:rotate(-45deg)}.link-button{cursor:pointer;color:var(--ink);opacity:.55;background:0 0;border:none;align-items:center;gap:4px;padding:4px;font-size:15px;display:inline-flex}.link-button.destructive{color:var(--invalid);opacity:1}.link-button:disabled{opacity:.25}.icon-link{cursor:pointer;color:var(--ink);background:0 0;border:none;border-radius:8px;align-items:center;padding:5px;display:inline-flex}.icon-link:disabled{opacity:.3;cursor:default}.icon-link.toggle.on{background:var(--yellow-fill)}.sketch-like{background:var(--panel);cursor:pointer;white-space:nowrap;color:var(--ink);border:none;border-radius:12px;align-items:center;gap:6px;padding:7px 16px;font-size:18px;display:inline-flex;position:relative;box-shadow:2px 3px #2b30402e}.plain-menu .sketch-border{display:block}.coin-icon{flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.coin-fill{background:#f7c433;border-radius:50%;position:absolute}.coin-sign{font-family:var(--font-marker);color:#2b3040cc;line-height:1;position:relative}.coin-counter{flex:none;align-items:center;gap:8px;padding:6px 16px;display:inline-flex}.coin-counter .marker{font-size:28px;line-height:1}.coin-counter.compact{gap:5px;padding:4px 10px}.coin-counter.compact .marker{font-size:18px}.menu-backdrop{z-index:3000;position:fixed;inset:0}.menu{background:var(--panel);border:1.5px solid #2b304080;border-radius:12px;min-width:210px;max-width:min(360px,100vw - 16px);padding:6px;position:fixed;overflow-y:auto;box-shadow:3px 5px #2b304026,0 8px 30px #00000026}.menu-item{width:100%;font-family:var(--font-hand);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 10px;font-size:17px;display:flex}.menu-item:hover:not(:disabled){background:#ffe64d73}.menu-item:disabled{opacity:.35}.menu-item.destructive{color:var(--invalid)}.menu-item.back{opacity:.7}.menu-check{flex:none;width:14px}.menu-icon{opacity:.8;display:inline-flex}.menu-more{opacity:.6;margin-left:auto}.menu-section{opacity:.55;padding:6px 10px 4px 32px;font-size:14px}.menu-button{cursor:pointer;color:var(--ink);background:0 0;border:none;flex:none;align-items:center;gap:4px;padding:4px 6px;display:inline-flex}.dialog-backdrop{z-index:2500;background:#2b30404d;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{flex-direction:column;gap:12px;width:min(440px,100%);padding:22px 24px;display:flex}.dialog-title{font-size:26px}.dialog-message{opacity:.8;font-size:17px}.dialog-buttons{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:6px;display:flex}.text-field{resize:vertical;background:#fff;border:1px solid #2b30404d;border-radius:8px;width:100%;padding:7px 9px;font-family:-apple-system,system-ui,sans-serif;font-size:15px}.sheet{z-index:1000;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);flex-direction:column;animation:.25s ease-out sheet-in;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes sheet-in{0%{opacity:0;transform:translateY(30px)}}.spinner{border:3px solid #2b304026;border-top-color:#2b3040a6;border-radius:50%;flex:none;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.chip{color:#2b304073;white-space:nowrap;border:1px solid #2b304033;border-radius:999px;padding:2px 7px;font-size:14px;display:inline-block}.chip.rated{color:var(--ink);border-color:#2b304073}.chip.compact{font-size:12px}.center-fill{flex:1;justify-content:center;align-items:center;display:flex}.center-overlay{z-index:1500;background:#ffffff40;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay{z-index:50;background:#2b304040;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.overlay-card{flex:none;transition:transform .45s cubic-bezier(.34,1.5,.64,1),opacity .3s;position:relative}.overlay-paper{min-width:440px;max-width:640px;color:var(--ink);flex-direction:column;align-items:center;gap:18px;padding:36px 40px;display:flex}.overlay-paper.compact{gap:12px;padding:26px 40px}.card-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.coin-burst{justify-content:center;align-items:center;width:100%;height:120px;display:flex;position:relative}.coin-burst .reward{color:#d98c0d;font-size:72px}.burst-coin{margin:-15px 0 0 -15px;position:absolute;top:50%;left:50%}.intro-sections{flex-direction:column;gap:14px;width:100%;max-width:420px;display:flex}.intro-heading{align-items:center;gap:6px;font-size:15px;display:flex}.intro-text{font-size:20px}.guide-holder{z-index:55;pointer-events:none;justify-content:center;padding:0 20px;display:flex;position:absolute;top:84px;left:0;right:0}.guide-holder.compact{top:calc(6px + var(--safe-top));padding:0 80px}.guide-banner{pointer-events:auto;align-items:flex-start;gap:12px;width:100%;max-width:560px;padding:12px 16px;animation:.25s ease-out drop-in;display:flex}.guide-banner.compact{max-width:400px;padding:8px 12px}.guide-title{font-size:22px}.guide-text{font-size:17px}.guide-banner.compact .guide-title{font-size:18px}.guide-banner.compact .guide-text{font-size:14px}@keyframes drop-in{0%{opacity:0;transform:translateY(-20px)}}.guide-pulse{border:4px solid var(--highlight);pointer-events:none;border-radius:14px;animation:.7s ease-in-out infinite alternate pulse;position:absolute;inset:-6px}.phone-tool-disc .guide-pulse{border-radius:50%}@keyframes pulse{0%{opacity:1;transform:scale(.96)}to{opacity:.4;transform:scale(1.08)}}.game-view{position:absolute;inset:0;overflow:hidden}.sheet .game-view{flex:1;position:relative}.game-column{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);flex-direction:column;display:flex;position:absolute;inset:0}.sheet .game-column{padding:0}.game-stage{flex:1;min-height:0;margin:0 12px;position:relative}.game-stage.full{inset:0 0 var(--safe-bottom) 0;margin:0;position:absolute}.game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.top-bar{flex-wrap:wrap;align-items:center;gap:16px;padding:10px 20px;display:flex}.top-title{flex:1;min-width:180px}.title-text{font-size:26px;line-height:1.15}.status-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;display:-webkit-box;overflow:hidden}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.try{white-space:nowrap;font-size:18px}.inventory-bar{align-items:center;gap:16px;padding:12px 20px;display:flex}.inventory-tools{flex:1;min-width:0;position:relative}.tool-row{scrollbar-width:none;gap:16px;padding:6px 4px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000)}.tool-row::-webkit-scrollbar{display:none}.tool-card{flex:none;transition:transform 80ms;position:relative}.tool-card.selected{transform:translateY(2px)}.tool-card-paper{height:70px;color:var(--ink);align-items:center;gap:12px;padding:0 16px;display:flex}.tool-card.small .tool-card-paper{gap:8px;height:62px;padding:0 12px}.tool-icon{justify-content:center;width:44px;display:inline-flex}.tool-card.small .tool-icon{width:34px}.tool-text{text-align:left;flex-direction:column;display:flex}.tool-title{white-space:nowrap;font-size:19px}.tool-card.small .tool-title{font-size:17px}.tool-detail{opacity:.6;white-space:nowrap;font-size:14px}.tool-count{font-size:30px}.tool-card.small .tool-count{font-size:26px}.locked-note{pointer-events:none;white-space:nowrap;opacity:.9;align-items:center;gap:8px;padding:6px 14px;font-size:17px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.retry-slot{flex:none;justify-content:flex-end;width:250px;display:flex}.replaying{justify-content:center;align-items:center;gap:8px;padding:20px;font-size:18px;display:flex}.vote-bar-holder{left:0;right:0;bottom:calc(24px + var(--safe-bottom));z-index:60;pointer-events:none;justify-content:center;animation:.25s ease-out rise-in;display:flex;position:absolute}.vote-bar-holder.compact{top:0;bottom:0;left:auto;right:calc(6px + var(--safe-right));align-items:center;animation-name:slide-in}@keyframes rise-in{0%{opacity:0;transform:translateY(40px)}}@keyframes slide-in{0%{opacity:0;transform:translate(40px)}}.vote-bar{pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:10px 16px;display:flex}.vote-bar.compact{flex-direction:column;gap:6px;padding:6px 10px}.vote-choices{align-items:center;gap:10px;display:flex}.vote-bar.compact .vote-choices{flex-direction:column;gap:6px}.vote-bar.compact .vote-choices .hand{font-size:14px}.vote-choices>.hand{font-size:17px}.vote-choice{position:relative}.vote-check{background:var(--ink);color:#fff;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;display:flex;position:absolute;top:-5px;right:-5px}.divider-v{background:#2b304040;width:1px;height:24px}.divider-h{background:#2b304040;width:40px;height:1px}.rate-menu{font-size:18px}.phone-controls{padding:calc(8px + var(--safe-top)) calc(6px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(6px + var(--safe-left));pointer-events:none;gap:8px;display:flex;position:absolute;inset:0}.phone-controls>*>*{pointer-events:auto}.phone-left{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.phone-left>span[style]{pointer-events:none}.phone-middle{flex:1;justify-content:center;align-items:flex-start;display:flex}.phone-right{flex-direction:column;align-items:center;gap:6px;width:64px;min-height:0;display:flex}.phone-tools{scrollbar-width:none;flex-direction:column;gap:6px;min-height:0;max-height:100%;padding-top:3px;display:flex;overflow-y:auto}.phone-tools::-webkit-scrollbar{display:none}.phone-tool{width:64px;color:var(--ink);flex-direction:column;align-items:center;gap:1px;display:flex}.phone-tool-disc{border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.tool-badge{border:1.2px solid var(--ink);text-align:center;background:#fff;border-radius:9px;min-width:18px;height:18px;font-size:13px;line-height:16px;position:absolute;top:-3px;right:-4px}.phone-tool-name{white-space:nowrap;text-overflow:ellipsis;background:#fbf6e9d9;border-radius:6px;max-width:64px;padding:0 3px;font-size:11px;overflow:hidden}.phone-controls .sketch-button{padding:5px 11px;font-size:15px}.phone-coins{align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.phone-coins .marker{font-size:16px}.info-card{flex-direction:column;gap:2px;max-width:380px;padding:8px 12px;animation:.2s ease-out drop-in;display:flex}.select-screen{height:100%;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);justify-content:center;display:flex}.select-column{flex-direction:column;gap:22px;width:100%;max-width:900px;height:100%;padding:28px 40px;display:flex}.select-header{align-items:center;gap:14px;display:flex}.app-title{padding-bottom:6px;font-size:56px;line-height:1.1;position:relative}.title-underline{width:100%;height:10px;position:absolute;bottom:-2px;left:0;overflow:visible}.continue-button{width:100%}.continue-card{color:var(--ink);align-items:center;gap:20px;padding:22px 32px;display:flex}.continue-text{text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.continue-text .hand{font-size:18px}.continue-title{font-size:34px;line-height:1.15}.select-footer{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.select-screen.compact{padding:calc(6px + var(--safe-top)) calc(8px + var(--safe-right)) calc(6px + var(--safe-bottom)) calc(8px + var(--safe-left));flex-direction:column;justify-content:flex-start;gap:8px}.select-row{align-items:center;gap:8px;display:flex}.select-row .sketch-button{padding:5px 11px;font-size:15px}.continue-pill-button{flex:0 auto;min-width:0}.continue-pill{color:var(--ink);align-items:center;gap:8px;min-width:0;padding:7px 14px;font-size:16px;display:flex}.level-browser{flex-direction:column;flex:1;gap:14px;min-height:0;padding:18px;display:flex}.level-browser.compact{gap:8px;padding:10px}.browser-header{align-items:center;gap:8px;display:flex}.tabs{scrollbar-width:none;flex:1;gap:8px;padding:3px 3px 6px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.level-browser.compact .tabs{gap:6px}.level-browser.compact .tabs .sketch-button{padding:5px 11px;font-size:15px}.sort-menu{font-size:17px}.browser-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:4px;overflow-y:auto}.browser-section{margin-bottom:18px}.section-title{align-items:center;gap:6px;margin-bottom:8px;display:flex}.section-title .marker{font-size:21px}.section-title .hand{font-size:14px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;display:grid}.level-browser.compact .card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.level-card{background:var(--panel);-webkit-touch-callout:none;border:1.5px solid #2b304040;border-radius:14px;flex-direction:column;gap:6px;padding:9px;display:flex;position:relative}.level-card.current{border:3px solid var(--marker);padding:7.5px}.level-card.locked{opacity:.5}.card-main{width:100%;color:var(--ink);flex-direction:column;gap:6px;display:flex}.thumb{background:var(--paper-color);border:1px solid #2b304033;border-radius:9px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.thumb img{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.thumb-corner{display:flex;position:absolute;top:5px;right:5px}.next-tag{background:var(--yellow-fill);border:1px solid #2b304099;border-radius:999px;padding:2px 7px;font-size:14px}.thumb-tag{background:var(--panel);color:var(--ink);border:1px solid #2b304080;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:14px;display:inline-flex}.thumb-tag.top-left{position:absolute;top:5px;left:5px}.thumb-tags.bottom-left{gap:4px;display:flex;position:absolute;bottom:5px;left:5px}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:18px;line-height:1.15;display:-webkit-box;overflow:hidden}.level-browser.compact .card-title{font-size:15px}.level-browser.compact .level-card{padding:6px}.card-footer{align-items:center;gap:6px;display:flex}.like-count{color:#2b3040b3;cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;padding:4px 0;display:inline-flex}.empty-note{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:40px 16px;display:flex}.empty-note svg{opacity:.4}.empty-note .hand{opacity:.6;max-width:480px;font-size:18px}.explore{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex}.explore-bar{align-items:center;min-height:26px;padding:0 3px;font-size:15px;display:flex}.sheet-content{flex-direction:column;gap:22px;width:100%;max-width:1000px;height:100%;min-height:0;margin:0 auto;padding:36px;display:flex}.sheet-content.wide{max-width:1100px}.sheet-content.scroll{-webkit-overflow-scrolling:touch;overflow-y:auto}.sheet-content.compact{gap:12px;padding:16px}.sheet-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sheet-title{font-size:40px;line-height:1.1}.sheet-content.compact .sheet-title{font-size:28px}.sheet-intro{opacity:.75;font-size:18px}.id-row{align-items:center;gap:12px;display:flex}.id-field{flex:1;min-width:0;padding:10px 16px}.id-input{letter-spacing:1px;background:0 0;border:none;outline:none;width:100%;font-size:26px;font-weight:700}.sheet-content.compact .id-input{font-size:20px}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.message{align-items:center;gap:6px;font-size:18px;display:flex}.section-heading{margin-top:8px;font-size:26px}.shared-list{flex-direction:column;gap:12px;display:flex}.shared-row{flex-wrap:wrap;align-items:center;gap:16px;padding:16px;display:flex}.sheet-content.compact .shared-row{gap:8px;padding:10px}.shared-text{flex:1;min-width:160px}.shared-name{font-size:24px}.sheet-content.compact .shared-name{font-size:18px}.shared-row .mono{font-size:12px}.problem{color:var(--invalid);font-size:17px}.scanner{z-index:2200;background:#000;position:fixed;inset:0}.scanner video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scanner-frame{border:4px dashed #fff;border-radius:24px;width:300px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scanner-bar{padding:calc(20px + var(--safe-top)) 24px 20px;background:#0006;align-items:center;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.coach{z-index:2000;position:fixed;inset:0}.coach-dim{position:absolute;inset:0}.coach-ring{transform-box:fill-box;transform-origin:50%;animation:.7s ease-in-out infinite alternate ring}@keyframes ring{to{transform:scale(1.04)}}.coach-bubble{animation:.2s fade-in;position:absolute}@keyframes fade-in{0%{opacity:0}}.coach-card{flex-direction:column;gap:6px;padding:16px;display:flex}.coach-title{font-size:23px}.coach-text{font-size:17px}.coach-row{align-items:center;gap:8px;margin-top:4px;display:flex}.coach-row .faint{font-size:14px}.video-screen{flex:1;justify-content:center;align-items:center;min-height:0;padding:32px;display:flex}.video-done{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:900px;display:flex}.video-done.compact{flex-direction:row;max-width:none;height:100%}.video-frame{aspect-ratio:16/9;background:#000;border-radius:10px;width:100%;position:relative;overflow:hidden}.video-done.compact .video-frame{width:auto;max-width:calc(100% - 220px);height:100%}.video-frame video{width:100%;height:100%;display:block}.video-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.video-done.compact .video-buttons{flex-direction:column;align-items:flex-start;gap:12px}.video-progress{flex-direction:column;align-items:center;gap:16px;display:flex}.creator-screen{height:100%;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);justify-content:center;display:flex}.creator-column{flex-direction:column;gap:24px;width:100%;max-width:1000px;height:100%;min-height:0;padding:40px;display:flex}.creator-screen.compact .creator-column{gap:12px;padding:14px}.creator-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.creator-title{font-size:48px;line-height:1.1}.creator-screen.compact .creator-title{font-size:30px}.creator-empty{text-align:center;padding:60px 20px;font-size:18px}.creator-list{flex-direction:column;flex:1;gap:12px;min-height:0;padding:2px 4px 8px 2px;display:flex;overflow-y:auto}.creator-row{flex-wrap:wrap;align-items:center;gap:16px;padding:18px;display:flex}.creator-screen.compact .creator-row{gap:8px;padding:10px}.row-text{flex-direction:column;flex:1;gap:6px;min-width:200px;display:flex}.row-name{font-size:26px}.creator-screen.compact .row-name{font-size:20px}.row-tags{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tag{align-items:center;gap:4px;font-family:-apple-system,system-ui,sans-serif;font-size:12px;display:inline-flex}.row-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.creator-screen.compact .row-buttons .sketch-button{padding:5px 11px;font-size:15px}.status-chip{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:14px}.editor{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);flex-direction:column;display:flex;position:absolute;inset:0}.editor-toolbar{scrollbar-width:none;flex:none;align-items:center;gap:14px;padding:10px 20px;display:flex;overflow-x:auto}.editor.compact .editor-toolbar{gap:8px;padding:6px 8px}.editor.compact .editor-toolbar .sketch-button{padding:5px 11px;font-size:15px}.editor-name{max-width:32%;font-size:24px}.editor.compact .editor-name{font-size:18px}.editor-body{flex:1;min-height:0;display:flex}.editor-palette{background:var(--panel);flex-direction:column;flex:none;gap:10px;width:120px;padding:12px;display:flex;overflow-y:auto}.editor.compact .editor-palette{gap:6px;width:80px;padding:6px}.palette-note{text-align:center;font-family:-apple-system,system-ui,sans-serif;font-size:11px}.palette-item{touch-action:none;cursor:grab}.palette-card{color:var(--ink);flex-direction:column;align-items:center;gap:6px;padding:12px 4px;display:flex}.editor.compact .palette-card{gap:3px;padding:6px 2px}.palette-title{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-family:-apple-system,system-ui,sans-serif;font-size:12px;font-weight:700;overflow:hidden}.editor.compact .palette-title{font-size:10px}.editor-canvas-holder{flex:1;min-width:0;padding:8px;position:relative}.editor.compact .editor-canvas-holder{padding:4px}.editor-canvas{width:100%;height:100%;position:relative}.editor-overlay{pointer-events:none;position:absolute;inset:0}.editor-touch{touch-action:none;position:absolute;inset:0}.inspector-holder{background:var(--panel);flex:none;width:300px;animation:.2s ease-out slide-in;overflow-y:auto}.editor.compact .inspector-holder{width:250px}.inspector{flex-direction:column;gap:18px;padding:16px;font-family:-apple-system,system-ui,sans-serif;font-size:15px;display:flex}.editor.compact .inspector{padding:12px}.inspector-section{flex-direction:column;gap:16px;display:flex}.inspector-title{font-size:20px;font-weight:700}.inspector-row{align-items:center;display:flex}.inspector .sketch-button{align-self:flex-start;font-size:16px}.labeled{flex-direction:column;gap:8px;display:flex}.labeled-title{opacity:.6;font-size:13px;font-weight:700}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;display:flex}.switch{appearance:none;cursor:pointer;background:#2b304033;border-radius:14px;flex:none;width:46px;height:28px;margin:0;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.switch:checked{background:var(--green)}.switch:checked:after{transform:translate(18px)}.stepper-row{align-items:center;gap:8px;display:flex}.stepper-label{flex:1}.step-button{cursor:pointer;background:#fff;border:1px solid #2b30404d;border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:28px;padding:0;display:inline-flex}.step-button:disabled{opacity:.3}.number-control{flex-direction:column;gap:4px;display:flex}.number-head{justify-content:space-between;gap:8px;font-size:14px;display:flex}.number-row{align-items:center;gap:6px;display:flex}.number-row input[type=range]{min-width:0;accent-color:var(--pen);flex:1}.pair{gap:8px;display:flex}.number-field{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.number-field .text-field{padding:5px 7px}.corner-row{align-items:center;gap:4px;display:flex}.problems{flex-direction:column;gap:6px;display:flex}.problems-title{color:orange;align-items:center;gap:6px;font-weight:700;display:flex}.problem-error{color:red;font-size:12px}.problem-issue{color:#dc7800;font-size:12px}.drag-ghost{z-index:3000;pointer-events:none;background:var(--panel);border:2px solid var(--ink);border-radius:50%;padding:12px;display:flex;position:fixed;transform:translate(-50%,-50%)}.pack-name{max-width:520px;padding:10px 16px}.plain-input{background:0 0;border:none;outline:none;width:100%;font-size:26px}.pack-columns{flex:1;align-items:stretch;gap:24px;min-height:0;display:flex}.sheet-content.compact .pack-columns{gap:12px}.pack-column{flex-direction:column;flex:1;gap:6px;min-width:0;min-height:0;padding:16px;display:flex}.pack-scroll{flex:1;min-height:0;overflow-y:auto}.pack-line{align-items:center;gap:8px;width:100%;padding:4px 0;font-size:19px;display:flex}button.pack-line{cursor:pointer;background:0 0;border:none}button.pack-line:disabled{opacity:.4}.share-choices{flex-direction:column;gap:16px;display:flex}.choice-row{align-items:flex-start;gap:20px;display:flex}.choice-row.compact{gap:12px}.choice{flex-direction:column;flex:1;align-items:flex-start;gap:8px;font-size:16px;display:flex}.share-done{align-items:flex-start;gap:32px;display:flex}.share-done.compact{gap:20px}.poster-frame{background:var(--panel);border:1.5px solid #2b304080;flex:none;justify-content:center;align-items:center;height:min(560px,70vh);display:flex;position:relative;box-shadow:4px 5px #2b304026}.share-done.compact .poster-frame{height:290px}.poster-frame img{width:100%;height:100%;display:block}.share-side{flex-direction:column;flex:1;align-items:flex-start;gap:16px;max-width:420px;display:flex}.share-done.compact .share-side{gap:10px}.share-id{color:var(--pen);-webkit-user-select:text;user-select:text;font-size:40px;font-weight:700}.share-done.compact .share-id{font-size:28px}.app-link{background:var(--panel);border:2px solid #2b3040d9;text-decoration:none}.web-link{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.web-link-text{color:var(--pen);-webkit-user-select:text;user-select:text;word-break:break-all;font-size:17px;font-weight:700}.share-status{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.rule{border:none;border-top:1px solid #2b304033;width:100%;margin:4px 0}@media (max-width:640px){.select-column{gap:14px;padding:14px}.app-title{font-size:40px}.continue-card{gap:14px;padding:14px 18px}.continue-title{font-size:24px}.continue-text .hand{font-size:14px}.coin-counter{padding:4px 10px}.coin-counter .marker{font-size:20px}.level-browser{gap:10px;padding:10px}.tabs .sketch-button{padding:5px 11px;font-size:15px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.card-title{font-size:15px}.level-card{padding:6px}.top-bar{gap:8px;padding:8px 10px}.top-bar .sketch-button{padding:5px 10px;font-size:15px}.title-text{font-size:20px}.status-text,.try{font-size:14px}.game-stage{margin:0 4px}.inventory-bar{flex-wrap:wrap;gap:8px;padding:8px}.tool-card-paper,.tool-card.small .tool-card-paper{gap:6px;height:56px;padding:0 10px}.tool-icon,.tool-card.small .tool-icon{width:28px}.tool-detail{display:none}.tool-title,.tool-card.small .tool-title{font-size:15px}.tool-count,.tool-card.small .tool-count{font-size:22px}.retry-slot{width:auto}.overlay-paper{min-width:0;padding:26px 22px}.sheet-content{gap:14px;padding:16px}.sheet-title{font-size:30px}.creator-column{gap:14px;padding:14px}.creator-title{font-size:32px}.creator-row{padding:12px}.share-done{flex-direction:column}.poster-frame{align-self:center;height:320px}.pack-columns,.choice-row{flex-direction:column}.editor-palette{gap:6px;width:72px;padding:6px}.palette-card{padding:6px 2px}.inspector-holder{z-index:20;width:min(300px,80vw);position:absolute;top:0;bottom:0;right:0;box-shadow:-6px 0 20px #00000026}.editor-body{position:relative}.editor-toolbar{gap:8px;padding:6px 8px}.editor-toolbar .sketch-button{padding:5px 10px;font-size:15px}}.rotate-hint{display:none}@media (max-width:640px) and (orientation:portrait){.rotate-hint{text-align:center;pointer-events:none;font-size:14px;display:block;position:absolute;bottom:8px;left:0;right:0}.guide-holder{top:auto;bottom:calc(96px + var(--safe-bottom))}.sort-title{display:none}}@media (max-height:500px) and (min-aspect-ratio:1){.sketch-button{padding:5px 11px;font-size:15px}.sketch-button.large{padding:8px 16px;font-size:18px}.dialog-title{font-size:22px}.sheet-content .sketch-button.large{font-size:18px}}