:root{color:#fff6e8;font-family:Fredoka,system-ui,sans-serif;background:#140c1f;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;height:100svh;height:100dvh;overflow:hidden;position:fixed;inset:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-text-size-adjust:100%;overscroll-behavior:none}#frame{position:fixed;left:0;top:0;width:100%;height:100%;height:100svh;height:100dvh;background:#140c1f;container:play / size}#game{width:100%;height:100%}#game canvas{display:block}#hud,#overlay,#feel-chrome{position:absolute;inset:0}#auth-root{position:absolute;width:0;height:0;overflow:visible;pointer-events:none}#hud{pointer-events:none}#hud>*{pointer-events:auto}#overlay{pointer-events:auto}#feel-chrome{pointer-events:none;z-index:40}#feel-chrome>*{pointer-events:auto}.feel-mute{left:max(10px,env(safe-area-inset-left,0px));bottom:max(12px,env(safe-area-inset-bottom,0px));width:48px;height:48px}.feel-radio{left:max(10px,env(safe-area-inset-left,0px));bottom:calc(56px + max(12px,env(safe-area-inset-bottom,0px)));width:48px;height:48px}.feel-support,.feel-credit{font-size:13px;line-height:1.35;opacity:.8}.feel-haptics{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-weight:600}.feel-row{background:#140c1f88;border-radius:14px;padding:10px 12px;margin-bottom:8px}.feel-row-top{display:flex;gap:10px;align-items:flex-start}.feel-row-top strong{display:block}.feel-row-top span{display:block;font-size:13px;opacity:.8;line-height:1.3}.feel-play{flex:0 0 auto;background:#ff6fae;color:#2a1838;font-weight:700;padding:8px 12px}.feel-rates{display:flex;gap:6px;margin-top:8px}.feel-rate{flex:1;padding:8px 6px;font-size:13px;font-weight:700}.feel-rate.on{background:#ffd36a;color:#2a1838}.feel-credit{margin:6px 0 0}#overlay{display:grid;justify-items:center;align-items:start;align-content:start;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;padding:12px 0 132px;background:radial-gradient(circle at 20% 10%,#ff6fae55,transparent 40%),radial-gradient(circle at 90% 80%,#5ad0c855,transparent 42%),#1a1028ee}@container play (min-height: 740px){#overlay{align-items:center;align-content:center;padding:24px 16px}}#overlay[hidden],#hud[hidden],[hidden]{display:none!important}#app-version{position:absolute;inset:0;pointer-events:none;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 calc(10px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom))}#hud:not([hidden])~#app-version{padding-right:calc(76px + env(safe-area-inset-right));color:#fff6e8;font-size:11px;font-weight:600;letter-spacing:.06em;opacity:.55;text-shadow:0 1px 2px #120816;z-index:8}.screen{width:min(520px,calc(100% - 24px));max-width:100%;margin:0 auto;justify-self:center;background:#2a1b40f0;border:3px solid #ffd36a;border-radius:28px;padding:calc(28px + env(safe-area-inset-top,0px)) 24px calc(24px + env(safe-area-inset-bottom,0px));box-shadow:0 18px #120816}.eyebrow{margin:0;letter-spacing:.14em;text-transform:uppercase;color:#ffd36a;font-weight:600}h1{margin:8px 0 12px;font-size:clamp(42px,8cqw,64px);line-height:.9}.lede,.howto{color:#f3e7d6;font-size:16px;line-height:1.45}@container play (max-height: 740px){h1{font-size:clamp(28px,8cqw,42px);margin:6px 0 8px}.lede,.howto{font-size:14px}.screen{padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:22px}button.huge{font-size:18px;padding:12px 14px}}.howto{padding-left:18px}.title-auth:empty{display:none}.title-auth:not(:empty){margin:16px 0 4px}.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.auth-user{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:600}.auth-user-id{display:flex;align-items:center;gap:10px;min-width:0}.auth-user-id span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-hint,.auth-status{margin:8px 0 0;color:#f3e7d6;font-size:14px}.cl-rootBox,.cl-modalBackdrop,.cl-modalContent,.cl-card{touch-action:auto;user-select:text;-webkit-user-select:text}.cl-modalBackdrop,.cl-modalContent,.cl-card{z-index:80;max-height:min(640px,100svh);overflow:auto}.seed-field{display:flex;flex-direction:column;gap:6px;margin:18px 0;font-weight:600}.seed-field input,button{font:inherit}.seed-field input{border:2px solid #ffd36a;background:#140c1f;color:#fff6e8;border-radius:12px;padding:10px 12px;font-size:18px}button{border:0;border-radius:14px;background:#4a3368;color:#fff6e8;padding:12px 16px;cursor:pointer}.cl-formFieldInput{background-color:#140c1f;color:#fff6e8;border-color:#5a4478}.cl-userButtonPopoverActionButton,.cl-menuButton{background:transparent;color:inherit;padding:0;border-radius:inherit}button.primary{background:#ff6fae;color:#2a1838}button.huge{width:100%;font-size:22px;font-weight:700;padding:14px 16px;margin-top:10px}button.ghost{background:transparent;border:2px solid #ffd36a;color:#ffd36a}button:disabled{opacity:.45}.actions{display:grid;gap:8px}.breakdown{display:grid;gap:10px;margin:12px 0 8px}.break-block{background:#140c1f88;border-radius:16px;padding:10px 12px}.break-block h2{margin:0 0 6px;font-size:16px;color:#ffd36a}.break-block ul{margin:0;padding-left:16px;color:#f3e7d6}.hud-top{display:flex;justify-content:space-between;gap:12px;padding:calc(14px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}.score-value{font-size:28px;font-weight:700}.lives-row{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;min-height:1.1em}.lives{color:#ffd36a;font-weight:800;letter-spacing:.04em}.lives-plus{color:#ffd36a;font-weight:800;opacity:0;pointer-events:none}.lives-plus.ping{animation:lives-plus-ping .9s ease-out}.basket-rail{position:absolute;left:8px;top:calc(168px + env(safe-area-inset-top,0px));display:flex;flex-direction:column;gap:10px;z-index:5}.basket-rail-btn{position:relative;width:58px;height:58px;border-radius:16px;border:2px solid #ffd36a;background:linear-gradient(#d48948,#c4783a 62%,#a35e28);color:#fff6e8;padding:0;box-shadow:0 6px #120816}.basket-rail-btn.on{outline:3px solid #ff6fae}.basket-rail-icon{position:absolute;inset:10px 8px 16px;border-radius:10px;background:#a35e28;box-shadow:inset 0 8px #8a4c20}.basket-rail-num{position:relative;z-index:1;font-weight:800;font-size:18px}.basket-inspect{position:absolute;inset:0;z-index:10;display:grid;place-items:center}.basket-inspect-card{position:relative;z-index:1;width:min(460px,calc(100% - 36px));max-height:min(72%,640px);overflow:auto;background:#2a1b40f2;border:3px solid #ffd36a;border-radius:20px;padding:16px 16px 18px;box-shadow:0 14px #120816}.basket-inspect-card h2{margin:0 0 10px;font-size:28px}.basket-item-list{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px}.basket-item-list li{display:flex;align-items:center;gap:10px;font-weight:600}.basket-swatch{width:16px;height:16px;border-radius:4px;border:2px solid #2a1838;flex:0 0 auto}@container play (max-height: 740px){.basket-rail{top:calc(128px + env(safe-area-inset-top,0px));gap:8px}.basket-rail-btn{width:50px;height:50px}}@keyframes lives-plus-ping{0%{opacity:1;transform:translateY(6px) scale(.85)}20%{opacity:1;transform:translateY(0) scale(1.12)}to{opacity:0;transform:translateY(-12px) scale(1)}}.mult{color:#ff6fae;font-weight:700}.tokens,.seed{text-align:right;font-weight:600}.seed{opacity:.7;font-size:13px}.pair-row{display:flex;gap:6px;padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));overflow:hidden;min-height:64px}.pair-card{flex:1 1 0;min-width:0;border:3px solid var(--rarity);background:linear-gradient(#2a1b40,var(--sock));text-align:left;padding:6px 7px;overflow:hidden}.pair-slot{min-height:58px}.pair-slot.empty{border-style:dashed;border-color:#ffd36a88;background:#2a1b4088;color:#fff6e8aa}#hud.pair-pending .pair-slot{box-shadow:0 0 0 2px #ffd36a66}#hud.pair-pending .pair-slot.drop-ready{background:#ffd36a33;box-shadow:0 0 0 3px #ffd36a,0 8px 18px #ffd36a55;color:#fff6e8}.pair-name{display:block;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pair-card:not(.empty) .pair-name{padding-right:14px}.pair-rarity{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--rarity);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pair-detail{margin:0 16px;padding:10px 12px;background:#2a1b40ee;border-radius:14px}.pair-detail span{display:block;opacity:.75;margin-bottom:4px}.hint{padding:2px max(16px,env(safe-area-inset-right,0px)) 4px max(16px,env(safe-area-inset-left,0px));text-align:left;font-size:13px;line-height:1.25;font-weight:600;text-shadow:0 2px 0 #120816}#hud.folding .hint{padding:8px 72px 0;font-size:14px}@container play (max-width: 400px){#hud.folding .hint{font-size:12px;padding:4px 68px 0}}@container play (max-height: 740px){.hud-top{padding:calc(8px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px))}.score-value{font-size:22px}.pair-row{min-height:52px;padding:6px max(12px,env(safe-area-inset-right,0px)) 6px max(12px,env(safe-area-inset-left,0px))}}@container play (max-width: 480px) and (min-height: 701px){.pair-name{font-size:13px}.pair-rarity{font-size:10px}}@container play (max-height: 700px){.score-label{font-size:11px}.score-value{font-size:20px}.tokens{font-size:13px}#hud-marks{display:none}.seed{font-size:11px}.hint{font-size:12px;line-height:1.2;padding:0 max(12px,env(safe-area-inset-right,0px)) 2px max(12px,env(safe-area-inset-left,0px))}.pair-row{min-height:44px;padding:4px max(10px,env(safe-area-inset-right,0px)) 4px max(10px,env(safe-area-inset-left,0px));gap:4px}.pair-slot{min-height:40px;padding:4px}.pair-name,.pair-rarity{display:none}.unequip{font-size:14px}}.toast{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);background:#ffd36a;color:#2a1838;padding:12px 16px;border-radius:16px;font-weight:700;max-width:80%;text-align:center}#hud.folding .hud-top{padding-left:76px;padding-right:76px}#hud.folding .pair-row,#hud.folding .pair-detail,#hud.folding .bookmark-list,#hud.folding .sock-match,#hud.folding .basket-rail,#hud.folding .basket-inspect,#hud.pair-pending .hint,#hud.pair-pending .sock-match,#hud.pair-pending .bookmark-list,#hud.pair-pending .basket-rail{display:none}.icon-btn{position:absolute;width:56px;height:56px;border-radius:50%;background:#2a1b40f2;border:2px solid #ffd36a;color:#fff6e8;padding:0;display:grid;place-items:center;z-index:6}.icon-btn svg{width:28px;height:28px}.icon-btn:disabled{opacity:.35}.icon-btn.on{background:#ffd36a;color:#2a1838}.icon-btn.blink{animation:reset-blink .55s ease-in-out infinite}@keyframes reset-blink{0%,to{box-shadow:0 0 #ffd36a00;background:#2a1b40f2;color:#fff6e8}50%{box-shadow:0 0 0 8px #ffd36acc;background:#ffd36a;color:#2a1838}}.pair-card{position:relative}.unequip{position:absolute;top:1px;right:2px;font-size:16px;line-height:1;padding:2px 4px}.debug-log{position:absolute;left:8px;bottom:8px;width:min(320px,46%);max-height:28%;overflow:auto;background:#140c1fdd;border:1px solid #ffd36a66;border-radius:10px;padding:6px 8px;font-size:10px;line-height:1.3;pointer-events:none;z-index:20}.fold-back{top:calc(10px + env(safe-area-inset-top,0px));left:max(10px,env(safe-area-inset-left,0px))}.fold-info-btn{top:calc(10px + env(safe-area-inset-top,0px));right:max(10px,env(safe-area-inset-right,0px))}.fold-reset{left:max(10px,env(safe-area-inset-left,0px));top:calc(72px + env(safe-area-inset-top,0px))}.fold-rotate-ccw,.fold-rotate-cw{z-index:8;min-width:44px;min-height:44px;touch-action:none}#hud.fold-dragging .fold-rotate-ccw,#hud.fold-dragging .fold-rotate-cw{pointer-events:none}.sock-match{position:absolute;left:0;right:0;bottom:0;z-index:7;display:flex;align-items:center;gap:12px;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:#2a1b40f7;border-top:3px solid #ffd36a;box-shadow:0 -12px 28px #12081688}.sock-match-swatch{width:46px;height:46px;flex:0 0 46px;border-radius:14px;border:3px solid #fff6e8}.sock-match-copy{flex:1;min-width:0}.sock-match-copy strong{display:block;font-size:18px}.sock-match-copy span{display:block;font-size:14px;opacity:.8}#btn-sock-clear{flex:0 0 auto;background:#4a3368;border:2px solid #ffd36a;font-weight:700}#hud>.sock-pair-present{pointer-events:auto}#hud.pair-pending .toast{display:none}.sock-pair-present{position:absolute;inset:0;z-index:9;display:grid;place-items:center;overflow:visible}.sock-pair-radiance{position:absolute;inset:20% 8%;background:radial-gradient(circle at 45% 45%,#ffd36a99,transparent 22%),radial-gradient(circle at 55% 50%,#ff6fae88,transparent 34%),radial-gradient(circle at 50% 55%,#5ad0c877,transparent 46%);filter:blur(3px);animation:pair-radiance 1.8s ease-in-out infinite alternate}.sock-pair-stage{position:relative;display:grid;grid-template-columns:minmax(190px,.85fr) minmax(180px,1fr);gap:18px;align-items:center;width:min(620px,calc(100% - 36px));padding:18px;pointer-events:auto}.sock-pair-card{justify-self:center;width:min(260px,100%);min-height:250px;display:grid;align-content:center;justify-items:center;gap:14px;padding:22px 16px;border:3px solid #ffd36a;border-radius:28px;background:#2a1b40f2;box-shadow:0 18px #120816,0 0 36px #ffd36a66;cursor:grab;touch-action:none;animation:sock-pair-hover 1.2s ease-in-out infinite}.sock-pair-card.dragging{cursor:grabbing;animation:sock-pair-jiggle .18s linear infinite;z-index:12}.sock-pair-swatch{width:112px;height:150px;border-radius:38px 38px 26px 26px;border:4px solid #fff6e8;box-shadow:inset 0 -18px #140c1f33}.sock-pair-card h2{margin:0;text-align:center;color:#fff6e8;text-shadow:0 3px 0 #120816}.sock-pair-details{padding:16px;border:2px solid #ffd36a;border-radius:18px;background:#2a1b40f2;box-shadow:0 12px 24px #12081688}.sock-pair-kicker{margin:0 0 6px;color:#ffd36a;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sock-pair-details strong{display:block;font-size:24px}.sock-pair-details p:last-of-type{margin:8px 0 14px;line-height:1.35}.sock-drop{border:3px dashed #ffd36a;border-radius:18px;padding:14px;text-align:center;font-weight:700;background:#140c1faa}.sock-basket-drop{color:#ffd36a}.sock-drop.drop-ready{background:#ffd36a33;box-shadow:0 0 0 3px #ffd36a}@keyframes pair-radiance{0%{transform:rotate(-4deg) scale(.98);opacity:.65}to{transform:rotate(4deg) scale(1.04);opacity:1}}@keyframes sock-pair-hover{0%,to{transform:translateY(-7px) rotate(-1deg)}50%{transform:translateY(7px) rotate(1deg)}}@keyframes sock-pair-jiggle{0%,to{rotate:-1.5deg}50%{rotate:1.5deg}}@container play (max-width: 560px){.sock-pair-stage{grid-template-columns:1fr;width:min(360px,calc(100% - 28px))}.sock-pair-card{min-height:210px}}@container play (max-height: 740px){.sock-pair-present{overflow:auto;align-content:start;padding:8px 0 72px}}.fold-pop{position:absolute;inset:0;z-index:8;display:grid;place-items:center}.fold-pop-backdrop{position:absolute;inset:0;background:#140c1f88;border:0;border-radius:0;padding:0}.fold-info{position:relative;z-index:1;width:min(440px,calc(100% - 40px));background:#2a1b40f2;border:2px solid #ffd36a;border-radius:16px;padding:14px 16px;max-height:48%;overflow:auto}.fold-info h2{margin:0 0 4px;font-size:20px}.fold-kicker{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.fold-type{margin:0 0 6px;opacity:.8}.fold-desc{margin:0;font-size:14px;line-height:1.35}.shuffle-btn,.menu-btn{right:10px;z-index:9}.menu-btn{bottom:calc(12px + env(safe-area-inset-bottom))}.shuffle-btn{bottom:calc(76px + env(safe-area-inset-bottom))}#hud:has(#sock-match:not([hidden])) .menu-btn{bottom:calc(92px + env(safe-area-inset-bottom))}#hud:has(#sock-match:not([hidden])) .shuffle-btn{bottom:calc(156px + env(safe-area-inset-bottom))}#hud.folding .menu-btn{bottom:calc(12px + env(safe-area-inset-bottom))}.game-menu{position:absolute;inset:0;z-index:40;display:grid;place-items:center}.game-menu[hidden]{display:none!important}.game-menu-backdrop{position:absolute;inset:0;background:#140c1fee;border:0;border-radius:0;padding:0}.game-menu-sheet{position:relative;z-index:1;width:min(520px,calc(100% - 40px));max-height:min(92cqh,920px);overflow:auto;background:#2a1b40f5;border:3px solid #ffd36a;border-radius:28px;padding:calc(24px + env(safe-area-inset-top)) 24px calc(20px + env(safe-area-inset-bottom));box-shadow:0 18px #120816}.game-menu-sheet h2{margin:8px 0 12px;font-size:36px;line-height:.95}.game-menu-sheet a{color:#ffd36a;font-weight:700}#menu-auth:empty+.menu-auth-fallback{display:block}.menu-auth-fallback{display:none}.bookmark-list{margin:0 16px;display:flex;flex-wrap:wrap;gap:6px}.bookmark-list span{background:#2a1b40ee;border-radius:999px;padding:4px 8px;font-size:12px}.screen.tall{max-height:min(92cqh,920px);overflow:auto}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.stat{background:#140c1f88;border-radius:12px;padding:8px 10px}.stat.wide{grid-column:1 / -1}.stat span{display:block;font-size:12px;opacity:.75}.stat strong{font-size:16px}.bests{color:#ffd36a;font-weight:700}.skip-story{position:absolute;right:12px;bottom:calc(140px + env(safe-area-inset-bottom));width:auto;font-size:14px;font-weight:700;padding:8px 12px;margin:0;z-index:6}