:root{--felt: #134a32;--felt-deep: #0b3022;--felt-tex: none;--ink: #f7f0e1;--ink-dim: rgba(247, 240, 225, .72);--ivory: #fbf6ea;--card-ink: #1d1a17;--brass: #e3b23c;--brass-deep: #b8861f;--red: #c0262f;--blue: #1f3f8f;--panel: rgba(9, 22, 16, .86);--panel-line: rgba(227, 178, 60, .28);--good: #5fd28a;--bad: #ff6b5e;--bar-h: 58px;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--serif: "Playfair Display", Georgia, serif;--sans: "Source Sans 3", system-ui, sans-serif;color-scheme:dark}html,body{margin:0;height:100%}body{background:var(--felt-deep);background-image:radial-gradient(ellipse at 50% 30%,#ffffff12,#00000059 80%),var(--felt-tex);background-size:auto,512px;background-attachment:fixed;color:var(--ink);font:16px/1.4 var(--sans);overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:manipulation}button{font:inherit;color:inherit}#bar{position:fixed;inset:0 0 auto;height:var(--bar-h);z-index:50;display:flex;align-items:center;gap:10px;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));background:linear-gradient(#050e0aeb,#050e0ac7);border-bottom:1px solid var(--panel-line);backdrop-filter:blur(6px)}#bar .home{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-weight:700;padding:6px 10px 6px 4px;border-radius:10px}#bar .home:hover{background:#ffffff0f}#bar .home svg{width:20px;height:20px}#bar h1{margin:0;font:900 23px var(--serif);letter-spacing:.3px;white-space:nowrap;color:var(--ivory)}#bar .stats{flex:1;display:flex;justify-content:center;gap:18px;font-weight:600;color:var(--ink-dim);font-variant-numeric:tabular-nums;min-width:0}#bar .stats b{color:var(--ink);font-weight:800}#bar .tools{display:flex;gap:6px}.tb{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;cursor:pointer;font-weight:700;font-size:15px;white-space:nowrap}.tb:hover{background:#ffffff1f}.tb:disabled{opacity:.4;cursor:default}.tb svg{width:18px;height:18px;flex:none}.tb.primary{background:var(--brass);color:#2a1d05;border-color:transparent}.tb.primary:hover{background:#efc355}@media (max-width: 760px){#bar{gap:6px}#bar h1{font-size:19px}#bar .home span,.tb span{display:none}.tb{padding:0 10px}#bar .stats{gap:10px;font-size:14px}}@media (max-width: 480px){#bar h1{display:none}}#table{position:fixed;inset:var(--bar-h) 0 0 0;overflow:hidden}#veil{position:fixed;inset:0;z-index:100;background:#0000008c;display:none;align-items:center;justify-content:center;padding:16px}#veil.on{display:flex;animation:fade .18s ease-out}.dlg{width:min(480px,100%);max-height:calc(100vh - 32px);overflow:auto;background:linear-gradient(#fdf8ec,#f3ead6);color:var(--card-ink);border-radius:18px;box-shadow:var(--shadow);padding:24px 24px 20px;border:1px solid #d9c9a3;user-select:text;-webkit-user-select:text}.dlg h2{margin:0 0 10px;font:900 30px/1.1 var(--serif);color:#1d3b2c}.dlg p{margin:0 0 12px;font-size:17px}.dlg .row{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:18px}.dlg .btn{height:46px;padding:0 20px;border-radius:12px;border:1px solid #c8b78f;background:#fff;font-weight:800;font-size:16px;cursor:pointer;color:#2b2418}.dlg .btn:hover{background:#f6efdd}.dlg .btn.primary{background:#1d5a3c;color:#fff;border-color:transparent}.dlg .btn.primary:hover{background:#237049}.dlg .choices{display:grid;gap:8px;margin:10px 0 4px}.dlg .choice{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid #d6c59d;background:#fff;cursor:pointer;font-size:16px;font-weight:700;text-align:left;color:#2b2418}.dlg .choice small{font-weight:600;color:#6b5f48;font-size:14px}.dlg .choice.on{border-color:#1d5a3c;box-shadow:inset 0 0 0 2px #1d5a3c;background:#eef6f0}.dlg .statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:12px 0}.dlg .stat{background:#fff;border:1px solid #e0d2b0;border-radius:12px;padding:10px;text-align:center}.dlg .stat b{display:block;font:900 26px var(--serif);color:#1d3b2c}.dlg .stat span{font-size:13px;color:#6b5f48;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.dlg label.opt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e5d8ba;font-size:16px;font-weight:600}.dlg .rules h3{font:800 18px var(--sans);margin:14px 0 4px;color:#1d3b2c}.dlg .rules p,.dlg .rules li{font-size:16px}.dlg .rules ul{padding-left:20px;margin:0 0 8px}#toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(20px);z-index:90;background:var(--panel);border:1px solid var(--panel-line);color:var(--ink);padding:12px 20px;border-radius:999px;font-weight:700;font-size:16px;opacity:0;transition:.25s;pointer-events:none;max-width:calc(100vw - 32px);text-align:center}@keyframes fade{0%{opacity:0}}.card{position:absolute;width:var(--cw, 96px);height:calc(var(--cw, 96px) * 1.4);border-radius:calc(var(--cw, 96px) * .075)}.card .face,.card .back{position:absolute;inset:0;border-radius:inherit;overflow:hidden;backface-visibility:hidden}.card .face{background:var(--ivory);box-shadow:0 1px 2px #00000059,0 0 0 1px #00000024 inset}.card .face svg,.card .face img{position:absolute;inset:0;width:100%;height:100%;display:block}.card .back{background:#7d1620 var(--card-back) center/cover;box-shadow:0 1px 2px #0006,0 0 0 1px #00000040 inset}.card.down .face{display:none}.card:not(.down) .back{display:none}.dlg input.vol{width:min(220px,50%);accent-color:#1d5a3c;height:28px}@media (max-width: 760px){body.with-stats{--bar-h: 86px}body.with-stats #bar{flex-wrap:wrap;align-content:center;row-gap:2px;padding-top:4px;padding-bottom:4px}body.with-stats #bar .tools{margin-left:auto}body.with-stats #bar .stats{order:3;flex:0 0 100%;justify-content:center;font-size:14px;gap:14px;white-space:nowrap}}.club-chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:10px;border:1px solid rgba(227,178,60,.35);background:#e3b23c1a;cursor:pointer;font-weight:800;font-size:15px;color:var(--ivory);white-space:nowrap}.club-chip i{width:38px;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--brass) var(--p),rgba(255,255,255,.15) var(--p))}.dlg table.lb{width:100%;border-collapse:collapse;margin:8px 0;font-size:16px}.dlg table.lb td{padding:8px 10px;border-bottom:1px solid #e5d8ba}.dlg table.lb td:first-child{width:44px;font-weight:800;color:#1d5a3c}.dlg table.lb td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.dlg table.lb tr.me td{background:#eef6f0;font-weight:800}.dlg .lbtabs{display:flex;gap:6px;margin-bottom:8px}.dlg .lbtabs .choice{flex:1;justify-content:center;padding:8px}.dlg .lbtotal{font-size:14px;color:#6b5f48;margin:4px 0 0}.dlg .xpbar{height:10px;border-radius:5px;background:#e5d8ba;overflow:hidden;margin:6px 0}.dlg .xpbar i{display:block;height:100%;background:linear-gradient(90deg,#1d5a3c,#3a9a68)}.dlg .achs{display:grid;gap:6px}.dlg .ach{padding:8px 12px;border-radius:10px;border:1px solid #e0d2b0;background:#fff;opacity:.6}.dlg .ach.got{opacity:1;border-color:#1d5a3c}.dlg .ach b{display:block;font-size:15px}.dlg .ach span{font-size:14px;color:#6b5f48}@media (max-width: 760px){.club-chip i{display:none}.club-chip{padding:0 8px}}#bar{flex-wrap:nowrap}#bar.compact .tb span{display:none}#bar.compact .tb{padding:0 10px}#bar.compact h1{font-size:20px}body.bar-two-line{--bar-h: 86px}#bar.two-line{flex-wrap:wrap;align-content:center;row-gap:2px;padding-top:4px;padding-bottom:4px}#bar.two-line .tools{margin-left:auto}#bar.two-line .stats{order:3;flex:0 0 100%;justify-content:center;font-size:14px;gap:14px;white-space:nowrap}#bar .stats{overflow:hidden}:root{--felt: #4549d6;--felt-deep: #3b3fc4;--felt-tex: none !important;--ink: #ffffff;--ink-dim: #d9dcff;--ivory: #ffffff;--card-ink: #23264d;--brass: #ffc83d;--brass-deep: #e09b00;--red: #ff6b6b;--blue: #4549d6;--panel: rgba(36, 34, 132, .78);--panel-line: rgba(255, 255, 255, .18);--good: #3fe0a6;--bad: #ff8a8a;--bar-h: 58px;--radius: 18px;--shadow: 0 6px 0 rgba(20, 18, 90, .45), 0 18px 36px rgba(20, 18, 90, .35);--serif: "Fredoka", "Nunito", system-ui, sans-serif;--sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark;--bg-top: #4a4fe0;--bg-bottom: #3236b4;--shape-a: rgba(130, 140, 255, .35);--shape-b: rgba(255, 200, 61, .16);--shape-c: rgba(255, 107, 107, .18);--accent-2: #ff6b6b;--accent-3: #2ad4b0;--on-accent: #2a1d05;--accent-press: #d99100;--chip: #2f32a8;--chip-press: #23268a;--line: rgba(255, 255, 255, .16);--dlg-bg: #fffaf2;--dlg-ink: #23264d;--dlg-muted: #6a6d93;--dlg-line: #ebe5f5;--dlg-field: #ffffff;--dlg-tint: #eef0ff;--dlg-accent: #4549d6;--dlg-accent-ink: #ffffff;--dlg-press: #2f32a8;--card-face: #ffffff;--card-edge: rgba(35, 38, 77, .16);--card-font: "Nunito", system-ui, sans-serif;--suit-red: #d81e3c;--suit-black: #23264d;--court-bg: #fff3d6;--focus: 0 0 0 3px #fff, 0 0 0 6px rgba(255, 200, 61, .9);--ease: cubic-bezier(.3, 1.4, .5, 1)}body{background-color:var(--bg-bottom);background-image:radial-gradient(rgba(255,255,255,.07) 1.6px,transparent 1.8px),linear-gradient(170deg,var(--bg-top),var(--bg-bottom));background-size:26px 26px,auto;background-attachment:fixed;color:var(--ink);font:700 16px/1.4 var(--sans)}body:before{content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 78%,var(--shape-a) 0 14%,transparent 14.2%),radial-gradient(circle at 90% 20%,var(--shape-b) 0 11%,transparent 11.2%),radial-gradient(circle at 76% 92%,var(--shape-c) 0 8%,transparent 8.2%),radial-gradient(circle at 30% 8%,rgba(42,212,176,.14) 0 6%,transparent 6.2%);animation:bp-bob 24s ease-in-out infinite alternate}@keyframes bp-bob{to{transform:translate3d(1.5%,-2%,0)}}#bar{background:var(--chip);border-bottom:0;box-shadow:0 4px 0 var(--chip-press),0 10px 24px #14125a4d;backdrop-filter:none}#bar .home{color:#fff;font-weight:800;border-radius:14px}#bar .home:hover{background:#ffffff1a}#bar h1{font:700 24px/1 var(--serif);letter-spacing:0;color:#fff}#bar .stats{color:var(--ink-dim);font-weight:700}#bar .stats b{color:var(--brass);font-weight:900}.tb{height:40px;border-radius:14px;border:0;background:#4549d6;color:#fff;font-weight:800;box-shadow:0 3px #1f2178;transition:transform .12s var(--ease),box-shadow .12s,background .12s}.tb:hover{background:#5357e6}.tb:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #1f2178}.tb:focus-visible,.club-chip:focus-visible,#bar .home:focus-visible{outline:none;box-shadow:var(--focus)}.tb.primary{background:var(--brass);color:var(--on-accent);box-shadow:0 3px 0 var(--accent-press)}.tb.primary:hover{background:#ffd35f}.tb.primary:active:not(:disabled){box-shadow:0 0 0 var(--accent-press)}.tb.active{background:var(--brass)!important;color:var(--on-accent)!important;box-shadow:0 3px 0 var(--accent-press)!important}.club-chip{border-radius:14px;border:0;background:#4549d6;box-shadow:0 3px #1f2178;color:#fff;font-weight:900}.club-chip b{color:var(--brass)}.club-chip i{height:8px;border-radius:4px;background:linear-gradient(90deg,var(--brass) var(--p),rgba(255,255,255,.2) var(--p))}#veil{background:#1a18608c}#veil.on .dlg{animation:bp-pop .32s var(--ease)}@keyframes bp-pop{0%{opacity:0;transform:scale(.9) translateY(8px)}}.dlg{background:var(--dlg-bg);color:var(--dlg-ink);border:0;border-radius:28px;box-shadow:0 8px #d6d0ff,0 24px 48px #14125a66;padding:26px 24px 22px}.dlg h2{font:700 30px/1.1 var(--serif);color:var(--dlg-ink)}.dlg h3{color:var(--dlg-ink)}.dlg p{color:var(--dlg-ink);font-weight:600}.dlg p[style*="6b5f48"]{color:var(--dlg-muted)!important}.dlg .btn{height:48px;border-radius:16px;border:2px solid var(--dlg-line);background:var(--dlg-field);color:var(--dlg-ink);font-weight:900;box-shadow:0 4px 0 var(--dlg-line);transition:transform .12s var(--ease),box-shadow .12s}.dlg .btn:hover{background:#fbfaff}.dlg .btn:active{transform:translateY(4px);box-shadow:0 0 0 var(--dlg-line)}.dlg .btn:focus-visible,.dlg .choice:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--dlg-accent)}.dlg .btn.primary{background:var(--dlg-accent);color:var(--dlg-accent-ink);border-color:var(--dlg-accent);box-shadow:0 4px 0 var(--dlg-press)}.dlg .btn.primary:hover{background:#5357e6}.dlg .btn.primary:active{box-shadow:0 0 0 var(--dlg-press)}.dlg .choice{border-radius:16px;border:2px solid var(--dlg-line);background:var(--dlg-field);color:var(--dlg-ink);font-weight:800;box-shadow:0 3px 0 var(--dlg-line)}.dlg .choice:hover{border-color:#c9ccff}.dlg .choice small{color:var(--dlg-muted);font-weight:700}.dlg .choice.on{border-color:var(--dlg-accent);box-shadow:0 3px 0 var(--dlg-press);background:var(--dlg-tint)}.dlg .stat{background:var(--dlg-field);border:2px solid var(--dlg-line);border-radius:18px;box-shadow:0 3px 0 var(--dlg-line)}.dlg .stat b{font:700 28px var(--serif);color:var(--dlg-accent)}.dlg .stat span{color:var(--dlg-muted);font-size:13px;font-weight:800;letter-spacing:.05em}.dlg label.opt{border-bottom:2px solid var(--dlg-line);color:var(--dlg-ink);font-weight:800}.dlg select{min-height:42px;padding:0 10px;border-radius:12px;border:2px solid var(--dlg-line);background:var(--dlg-field);color:var(--dlg-ink);font:800 15px var(--sans)}.dlg input.vol,.dlg input[type=checkbox]{accent-color:var(--dlg-accent)}.dlg .rules h3{font:700 19px var(--serif);color:var(--dlg-accent)}.dlg table.lb td{border-bottom:2px solid var(--dlg-line)}.dlg table.lb td:first-child{color:var(--dlg-accent);font-weight:900}.dlg table.lb tr.me td{background:#fff1c7}.dlg .lbtotal{color:var(--dlg-muted)}.dlg .xpbar{height:14px;border-radius:7px;background:var(--dlg-line)}.dlg .xpbar i{background:linear-gradient(90deg,var(--brass),#ffab2e);border-radius:7px}.dlg .ach{border:2px solid var(--dlg-line);background:var(--dlg-field);border-radius:14px}.dlg .ach.got{border-color:var(--brass);background:#fff8e1}.dlg .ach span{color:var(--dlg-muted)}#toast{background:#fff;color:var(--dlg-ink);border:0;border-radius:999px;box-shadow:0 4px #d6d0ff,0 12px 26px #14125a59;font-weight:900}.card{border-radius:calc(var(--cw, 96px) * .1)}.card .face{background:var(--card-face);box-shadow:0 0 0 1px var(--card-edge),0 3px #14125a47,0 6px 14px #14125a2e}.card .face svg text{font-family:var(--card-font);font-weight:900;letter-spacing:-1px}.card .face svg text:not([font-size="38"]){font-size:48px}.card .face svg text[font-size="38"]{font-size:41px;letter-spacing:-4px}.card .face svg [fill="#c0262f"]{fill:var(--suit-red)}.card .face svg [fill="#1d1a17"]{fill:var(--suit-black)}.card .face svg circle[stroke="#1d1a17"]{stroke:var(--suit-black);stroke-width:4px}.card .face svg circle[stroke="#b8861f"]{stroke:var(--brass);stroke-width:4px;stroke-dasharray:none}.card .face svg rect[fill="#f4ead2"]{fill:var(--court-bg)}.card .face svg rect[stroke="#c0262f"],.card .face svg line[stroke="#c0262f"]{stroke:var(--suit-red);stroke-width:4px}.card .face svg rect[stroke="#1f3f8f"],.card .face svg line[stroke="#1f3f8f"]{stroke:var(--suit-black);stroke-width:4px}.card .face svg rect[stroke="#b8861f"]{stroke:transparent}.card .back{background:radial-gradient(rgba(255,255,255,.9) 18%,transparent 20%) 0 0 / calc(var(--cw, 96px) * .2) calc(var(--cw, 96px) * .2),linear-gradient(160deg,#ff8080,#ff5a5f);box-shadow:inset 0 0 0 calc(var(--cw, 96px) * .05) #fff,0 0 0 1px var(--card-edge),0 3px #14125a47}html[data-back=blue] .card .back{background:radial-gradient(rgba(255,200,61,.95) 18%,transparent 20%) 0 0 / calc(var(--cw, 96px) * .2) calc(var(--cw, 96px) * .2),linear-gradient(160deg,#6c70ff,#4549d6)}.slot{border-color:#ffffff47;border-style:dashed;background:#14125a2e;color:#ffffff59}.slot.foundation[data-suit=H],.slot.foundation[data-suit=D]{color:#ffa0aa80}.card.selected:after,.card.hint-source:after{border-width:4px;box-shadow:0 0 0 3px #ffc83d59}.stock-count,.pass-count,.deal-badge,.turn-prompt,.score-rail,.hearts-goal,.pass-panel,.hand-summary,.field-status,.daily-status,.hint-box,.game-strip,.zoom-controls{background:var(--chip)!important;border-color:transparent!important;box-shadow:0 3px 0 var(--chip-press)}.hearts-arena:before{border:3px dashed rgba(255,255,255,.14);box-shadow:none}.trick-centre:before{border:3px dashed rgba(255,255,255,.14);background:radial-gradient(ellipse,rgba(20,18,90,.25),transparent 68%)}.paper{border-color:#fff;border-radius:18px;box-shadow:0 6px #14125a73,0 22px 40px #14125a59}.sudoku-cell,.paper{background:#fff}.sudoku-cell{color:var(--dlg-accent)}.grid{background:#c9ccef;border-color:var(--dlg-ink)}.sudoku-cell.box-right{box-shadow:3px 0 0 var(--dlg-ink)}.sudoku-cell.box-bottom:after{background:var(--dlg-ink)}.sudoku-cell.related{background:#f1f2ff}.sudoku-cell.same{background:#dfe1ff}.sudoku-cell.selected,.sudoku-cell.selected.box-right{background:#fff1c7;box-shadow:inset 0 0 0 3px var(--brass-deep)}.sudoku-cell.given .digit{color:var(--dlg-ink);font-weight:900}.number-key{background:#fff;border:0;box-shadow:0 4px #c9ccef;border-radius:14px}.number-key strong{color:var(--dlg-accent);font-family:var(--serif)}.number-key small{color:var(--dlg-muted)}.control{border:0;background:#4549d6;box-shadow:0 3px #1f2178;border-radius:12px}.control.on{box-shadow:0 3px 0 var(--accent-press)}.mine-board{border:0;border-radius:18px;background:#2f32a8;box-shadow:0 6px #1f2178,0 18px 36px #14125a59}.mine-cell.hidden{border:0;color:var(--suit-red);background:linear-gradient(180deg,#8a8eff,#6c70ff);box-shadow:inset 0 -3px #4549d6,inset 0 2px #ffffff59}.mine-cell.revealed{border:0;background:#f4f4ff;box-shadow:inset 0 2px 3px #23264d26}.mine-cell.n1{color:#4549d6}.mine-cell.n2{color:#12936b}.mine-cell.n3{color:#d81e3c}.mine-cell.n4{color:#6b2fb3}.mine-cell.n5{color:#b4441b}.mine-cell.n6{color:#0f7f86}.mine-cell.n7{color:#23264d}.mine-cell.n8{color:#6a6d93}.retention-status,.daily-status{color:var(--ink-dim)!important}.mah-tile:before{background:linear-gradient(135deg,#6c70ff,#3236b4 72%)}.dlg{color-scheme:light}.mine-board:focus-visible{box-shadow:0 6px #1f2178,var(--focus)}@media (prefers-reduced-motion: reduce){body:before,#veil.on .dlg{animation:none}.tb,.dlg .btn{transition:none}}span.daily-streak{display:inline-flex!important;flex:none!important;align-items:center;gap:3px;width:auto!important;min-width:0!important;max-width:max-content!important;height:auto!important;margin:0 0 0 6px!important;padding:1px 8px!important;border:0!important;border-radius:999px!important;background:linear-gradient(#ff9a3c,#f0461e)!important;color:#fff!important;font:800 12px/1.5 system-ui,-apple-system,Segoe UI,sans-serif!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap;box-shadow:0 0 8px #ff782873!important;vertical-align:middle;position:static!important}.gs-story{--gs-cream:#fff4d9;--gs-gold:#f5ce81;--gs-cyan:#a3eff1;--pointer-x:0px;--pointer-y:0px;position:fixed;inset:0;z-index:2147483000;overflow:hidden;background:#070d20;color:var(--gs-cream);font:600 17px/1.45 Nunito,system-ui,sans-serif;isolation:isolate;touch-action:manipulation;user-select:none;-webkit-user-select:none;text-align:left;cursor:default;box-sizing:border-box;outline:none;animation:gs-open .55s ease both}.gs-story *{box-sizing:border-box}.gs-story button{font:800 15px/1.2 Nunito,system-ui,sans-serif;letter-spacing:.02em;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.gs-story button:focus-visible{outline:3px solid #bbfaff;outline-offset:5px}.gs-story button:disabled{cursor:default;opacity:.45}.gs-stage,.gs-shot,.gs-world,.gs-world img,.gs-grain,.gs-vignette,.gs-motes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.gs-stage{z-index:0}.gs-shot{animation:gs-shot-in .85s ease both;overflow:hidden}.gs-shot-out{animation:gs-shot-out .85s ease both;z-index:1}.gs-world{transform:translate(calc(var(--pointer-x) * -.4),calc(var(--pointer-y) * -.4)) scale(1.025);transition:transform 1.2s ease}.gs-world img{display:block;object-fit:cover;object-position:50% 45%;animation:gs-camera var(--shot-seconds) linear both;filter:saturate(.9)}.gs-framing-sky .gs-world img{object-position:54% 35%;animation-name:gs-camera-sky}.gs-light-shaft{position:absolute;inset:-25%;background:conic-gradient(from 150deg at 52% 15%,transparent 0deg,rgba(167,237,255,.075) 8deg,transparent 22deg,rgba(244,218,164,.045) 32deg,transparent 42deg);mix-blend-mode:screen;animation:gs-light 16s ease-in-out infinite alternate;pointer-events:none}.gs-vignette{z-index:3;background:linear-gradient(180deg,rgba(4,8,20,.6),transparent 18%,transparent 42%,rgba(4,8,20,.1) 55%,rgba(4,8,20,.88) 84%,#050b1b),linear-gradient(90deg,rgba(4,8,20,.35),transparent 60%);box-shadow:inset 0 0 130px #04081780}.gs-grain{z-index:2;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.3' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.gs-top{position:absolute;z-index:6;top:max(26px,env(safe-area-inset-top));left:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px);display:flex;justify-content:space-between;align-items:center;gap:16px}.gs-brand{color:#fff3d9;letter-spacing:.24em;font-size:15px;font-weight:900;text-shadow:0 2px 16px #000}.gs-brand i{display:block;font-style:normal;font-weight:700;font-size:10px;letter-spacing:.29em;color:#e5c78c;margin-top:3px}.gs-top-actions{display:flex;gap:9px;align-items:center}.gs-top button{min-height:44px;padding:10px 17px;border:1px solid #c7d2ed3b;border-radius:30px;background:#081122a8;color:#f1e8da;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .2s,border-color .2s}.gs-top button:hover:not(:disabled){background:#283a53d9;border-color:#c3dcf2a8}.gs-sound[aria-pressed=true]{color:#a9f3ef;border-color:#a9f3ef66}.gs-actors{position:absolute;inset:0;transform:translate(calc(var(--pointer-x) * 1.3),calc(var(--pointer-y) * 1.1));transition:transform 1.4s ease;pointer-events:none}.gs-actor{position:absolute;right:10%;bottom:9%;height:78%;width:auto;aspect-ratio:.75;filter:drop-shadow(0 16px 32px #020714a6);animation:gs-actor-arrive 1.1s cubic-bezier(.2,.7,.2,1) both;transform-origin:50% 95%}.gs-actor img{display:block;width:100%;height:100%;object-fit:contain;animation:gs-breathe 5.5s ease-in-out infinite;transform-origin:50% 93%;pointer-events:none}.gs-actor-orlo{height:63%;aspect-ratio:.95}.gs-actor-tavi{height:33%;aspect-ratio:1.15;bottom:37%;right:16%;animation-delay:.15s}.gs-actor-tavi img{animation:gs-moth 5s ease-in-out infinite}.gs-actors-2 .gs-actor-iona{right:2%;height:79%}.gs-actors-2 .gs-actor-orlo{right:19%;height:61%}.gs-actors-2 .gs-actor-tavi{right:35%;bottom:45%;height:29%}.gs-actors-3 .gs-actor-iona{right:15%;height:65%}.gs-actors-3 .gs-actor-orlo{right:0%;height:47%}.gs-actors-3 .gs-actor-tavi{right:36%;bottom:29%;height:24%}.gs-copy{position:absolute;z-index:5;left:clamp(24px,6vw,92px);bottom:clamp(148px,18vh,185px);max-width:min(610px,46vw);text-shadow:0 3px 24px #000,0 1px 3px #000;pointer-events:none}.gs-eyebrow{font-size:12px;letter-spacing:.23em;font-weight:900;color:var(--gs-gold);margin-bottom:13px}.gs-heading{font:600 clamp(30px,3.3vw,50px)/1.1 "Fredoka","Nunito",system-ui,sans-serif;letter-spacing:-.025em;margin:0 0 24px;color:#fff4dc;text-wrap:balance;max-width:600px}.gs-dialogue{border-left:2px solid #e7bf7466;padding:1px 0 1px 18px}.gs-speaker{display:block;color:var(--gs-cyan);font-size:15px;letter-spacing:.045em;font-weight:900}.gs-line{font-size:clamp(18px,1.6vw,24px);font-weight:600;line-height:1.5;color:#f5f0e5;margin:4px 0 0!important;text-wrap:pretty;max-width:540px}.gs-copy>*{animation:gs-copy-in .65s .1s ease both}.gs-bottom{position:absolute;z-index:6;bottom:max(30px,env(safe-area-inset-bottom));left:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px)}.gs-timeline{display:flex;gap:7px;margin-bottom:19px;max-width:100%}.gs-segment{flex:1;height:3px;background:#d2e0ef32;border-radius:3px;overflow:hidden}.gs-segment i{display:block;width:0;height:100%;border-radius:3px;background:linear-gradient(90deg,#abebe8,#f6d797);box-shadow:0 0 8px #a3fffc}.gs-current{background:#d2e0ef55}.gs-bottom-row{display:flex;justify-content:space-between;align-items:center;gap:15px}.gs-hint{font-size:15px;color:#becdd9;letter-spacing:.02em}.gs-next{min-height:54px;border:1px solid #ffe9b9;border-radius:18px;padding:15px 25px;color:#1c2331;background:linear-gradient(135deg,#fff3d3,#edc77f);box-shadow:0 4px #8f6b37,0 8px 30px #eccb6c26;transition:transform .15s,filter .2s;white-space:nowrap}.gs-next span{margin-left:14px;font-size:21px;line-height:16px}.gs-next:hover{filter:brightness(1.08);transform:translateY(-2px)}.gs-next:active{transform:translateY(3px);box-shadow:0 1px #8f6b37}.gs-motes{z-index:4;overflow:hidden}.gs-motes i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#fbe6ae;box-shadow:0 0 9px #dffcff;opacity:0;animation:gs-drift var(--d) var(--delay) ease-in-out infinite}.gs-motes i:nth-child(3n){background:#9df7f1;box-shadow:0 0 12px #9df7f1}.gs-comet{position:absolute;z-index:2;width:180px;height:2px;top:22%;right:18%;background:linear-gradient(90deg,transparent,#d0ffff);transform:rotate(-28deg);filter:drop-shadow(0 0 6px #b7fffa);opacity:0;animation:gs-comet 14s 3s ease-in infinite;pointer-events:none}.gs-logo{position:absolute;z-index:2;left:50%;top:22%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap;filter:drop-shadow(0 8px 18px #031022);animation:gs-logo-in 1.8s cubic-bezier(.16,.8,.2,1) both}.gs-logo-word{display:block;font:700 clamp(72px,10vw,150px)/1 "Fredoka",system-ui,sans-serif;letter-spacing:-.055em;background:linear-gradient(155deg,#fffde9 16%,#f9e1a3 36%,#ddb164 54%,#fff4d5 62%,#d1eeed 82%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px #ffe6a65c;position:relative}.gs-logo-word:after{content:"";position:absolute;inset:4% -8%;background:linear-gradient(110deg,transparent 35%,#ffffff80 48%,transparent 61%);mix-blend-mode:soft-light;transform:translate(-120%);animation:gs-gleam 3s 1s ease both;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.gs-logo-star{display:block;font-size:34px;line-height:1;color:#ffebbe;text-shadow:0 0 25px #d6fffd;margin-bottom:4px;animation:gs-star 6s ease-in-out infinite}.gs-logo-sub{display:block;color:#f6e8c9;font-size:14px;font-weight:900;letter-spacing:.42em;margin-top:15px;text-shadow:0 2px 12px #020919}.gs-title-frame .gs-copy{bottom:clamp(148px,18vh,185px)}.gs-title-frame .gs-heading{font-size:clamp(29px,3vw,42px)}.gs-finale .gs-light-shaft{opacity:1.5}@keyframes gs-open{0%{opacity:0}to{opacity:1}}@keyframes gs-shot-in{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}}@keyframes gs-shot-out{to{opacity:0;filter:blur(5px)}}@keyframes gs-camera{0%{transform:scale(1.02) translate(-.6%)}to{transform:scale(1.09) translate(.5%)}}@keyframes gs-camera-sky{0%{transform:scale(1.08) translateY(1%)}to{transform:scale(1.02) translateY(-.8%)}}@keyframes gs-actor-arrive{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes gs-breathe{0%,to{transform:scale(1) rotate(-.15deg)}50%{transform:scale(1.008,1.014) rotate(.15deg)}}@keyframes gs-moth{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-13px) rotate(2deg)}}@keyframes gs-copy-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes gs-drift{0%{opacity:0;transform:translate3d(0,16px,0)}20%,70%{opacity:.65}to{opacity:0;transform:translate3d(23px,-70px,0)}}@keyframes gs-light{0%{transform:rotate(-4deg);opacity:.6}to{transform:rotate(4deg);opacity:1}}@keyframes gs-comet{0%,88%{opacity:0;translate:100px -60px}91%{opacity:.8}to{opacity:0;translate:-360px 190px}}@keyframes gs-logo-in{0%{opacity:0;filter:blur(12px);translate:0 16px;scale:.93}to{opacity:1;filter:blur(0);translate:0 0;scale:1}}@keyframes gs-gleam{to{transform:translate(120%)}}@keyframes gs-star{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.12);opacity:1}}@media (max-aspect-ratio:4/5){.gs-top{top:max(20px,env(safe-area-inset-top));left:20px;right:20px;align-items:flex-start}.gs-brand{font-size:12px;letter-spacing:.17em;margin-top:7px}.gs-brand i{font-size:8px;letter-spacing:.14em;margin-top:4px}.gs-top-actions{gap:6px}.gs-top button{font-size:15px;min-height:44px;padding:10px 12px}.gs-world img{object-position:center 38%}.gs-vignette{background:linear-gradient(180deg,#03091a94,transparent 19%,transparent 39%,#050b1b22 49%,#050b1bde 70%,#050b1b 94%);box-shadow:inset 0 0 65px #03081750}.gs-copy{left:25px;right:25px;bottom:159px;max-width:none}.gs-eyebrow{font-size:10px;letter-spacing:.18em;margin-bottom:12px}.gs-heading{font-size:32px;line-height:1.1;margin-bottom:17px;max-width:340px}.gs-dialogue{padding-left:14px}.gs-speaker{font-size:15px}.gs-line{font-size:18px;line-height:1.45;max-width:none}.gs-bottom{left:24px;right:24px;bottom:max(27px,env(safe-area-inset-bottom))}.gs-timeline{gap:5px;margin-bottom:17px}.gs-bottom-row{display:flex;flex-direction:column-reverse;gap:14px}.gs-next{width:100%;min-height:51px;border-radius:15px;padding:14px 16px;font-size:16px}.gs-hint{font-size:15px}.gs-actor{right:50%;bottom:32%;height:47%;translate:50% 0;aspect-ratio:.75}.gs-actor-orlo{height:40%;aspect-ratio:.95;bottom:34%}.gs-actor-tavi{height:28%;right:50%;bottom:43%;aspect-ratio:1.15}.gs-actors-2 .gs-actor-iona{height:47%;right:45%;bottom:33%}.gs-actors-2 .gs-actor-orlo{height:30%;right:74%;bottom:35%}.gs-actors-2 .gs-actor-tavi{height:20%;right:21%;bottom:55%}.gs-actors-3 .gs-actor-iona{right:51%;height:38%;bottom:34%}.gs-actors-3 .gs-actor-orlo{right:23%;height:27%;bottom:35%}.gs-actors-3 .gs-actor-tavi{right:79%;bottom:42%;height:18%}.gs-logo{top:26%;width:100%;padding:0 15px}.gs-logo-word{font-size:clamp(62px,17vw,96px)}.gs-logo-star{font-size:26px}.gs-logo-sub{font-size:10px;letter-spacing:.3em;margin-top:10px}.gs-title-frame .gs-copy{bottom:159px}.gs-title-frame .gs-heading{font-size:29px}.gs-title-frame .gs-actors-3 .gs-actor-iona{height:29%;bottom:36%}.gs-title-frame .gs-actors-3 .gs-actor-orlo{height:22%;bottom:37%}.gs-title-frame .gs-actors-3 .gs-actor-tavi{height:15%;bottom:42%}.gs-comet{top:28%;right:0;width:100px}.gs-framing-sky .gs-world img{object-position:50% 32%}}@media (max-height:680px) and (min-aspect-ratio:4/5){.gs-copy{bottom:125px}.gs-heading{font-size:31px;margin-bottom:15px}.gs-line{font-size:18px}.gs-actors-3 .gs-actor-iona{height:61%}.gs-logo{top:23%}.gs-logo-word{font-size:88px}.gs-top{top:18px}.gs-bottom{bottom:20px}.gs-title-frame .gs-copy{bottom:125px}.gs-logo-sub{font-size:11px}}@media (max-height:720px) and (max-aspect-ratio:4/5){.gs-heading{font-size:27px;margin-bottom:13px}.gs-line{font-size:16px}.gs-copy,.gs-title-frame .gs-copy{bottom:143px}.gs-actor{bottom:35%;height:43%}.gs-actor-tavi{height:25%;bottom:46%}.gs-actors-2 .gs-actor-iona{bottom:36%;height:43%}.gs-logo{top:24%}.gs-bottom{bottom:22px}.gs-top{top:15px}.gs-eyebrow{margin-bottom:8px}.gs-bottom-row{gap:11px}}.gs-still *,.gs-still *:before,.gs-still *:after{animation:none!important;transition:none!important}.gs-still .gs-world,.gs-still .gs-actors{transform:none!important}.gs-still .gs-motes,.gs-still .gs-comet,.gs-still .gs-logo-word:after,.gs-still .gs-light-shaft{display:none}.gs-still .gs-shot-out{display:none}.gs-paused *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.gs-story,.gs-story *,.gs-story *:before,.gs-story *:after{animation:none!important;transition:none!important}.gs-motes,.gs-comet,.gs-light-shaft,.gs-logo-word:after{display:none}}.gs-foreground{position:absolute;z-index:2;left:-5%;top:-14%;height:87%;width:auto;max-width:32%;object-fit:contain;transform:translate(calc(var(--pointer-x) * 2),calc(var(--pointer-y) * 2)) rotate(-3deg);transform-origin:50% 0;filter:drop-shadow(0 15px 20px #010718);animation:gs-lantern 9s ease-in-out infinite alternate;pointer-events:none}@keyframes gs-lantern{0%{rotate:-1deg;translate:-4px 0}to{rotate:1deg;translate:4px 0}}@media (max-aspect-ratio:4/5){.gs-foreground{left:-17%;top:7%;height:47%;max-width:55%;opacity:.9}}.gs-still .gs-foreground{transform:rotate(-3deg)!important}:root{--cs-ink: #eef4ff;--cs-dim: #a9b8d9;--cs-glass: rgba(120, 150, 230, .14);--cs-line: rgba(170, 200, 255, .28);--cs-cyan: #5ff2ff;--cs-mag: #ff5fe1;--cs-gold: #ffd76a;--cs-font: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--cs-display: "Fredoka", "Nunito", system-ui, sans-serif;--sans: var(--cs-font);--serif: var(--cs-display);color-scheme:dark}*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body[data-colorsort]{margin:0;color:var(--cs-ink);font:600 16px/1.35 var(--cs-font);background:radial-gradient(120% 90% at 50% 0%,#2a1478,#170b4a 45%,#0b0628) fixed #0b0628}body[data-colorsort] #bar{display:none!important}body[data-colorsort]:before,body[data-colorsort]:after{display:none!important}body[data-colorsort] #table{position:fixed;inset:0;background:transparent}.cs-app{position:absolute;inset:0;display:flex;flex-direction:column;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:8px}.cs-hud{flex:none;height:56px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:0 8px 0 10px;border:1px solid var(--cs-line);border-radius:18px;background:linear-gradient(180deg,#283c786b,#0e183c85);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff1f}.cs-chip{justify-self:start;display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:var(--cs-ink);cursor:pointer;font:700 21px var(--cs-display);white-space:nowrap}.cs-chip:hover{background:#ffffff12}.cs-band:empty{display:none}.cs-band{font:800 13px var(--cs-font);font-style:normal;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:999px;background:#ff5fe133;color:#ffb6f1;border:1px solid rgba(255,95,225,.5)}.cs-band[data-band=superhard]{background:#ff465a38;color:#ffb3bd;border-color:#ff5a6e99}.cs-count{display:flex;align-items:center;gap:16px;font:700 20px var(--cs-display);color:var(--cs-dim);white-space:nowrap;font-variant-numeric:tabular-nums}.cs-count b{color:var(--cs-ink);font-weight:700}.cs-right{justify-self:end;display:flex;gap:8px}.cs-round{position:relative;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--cs-line);border-radius:50%;background:#ffffff14;color:var(--cs-ink);cursor:pointer}.cs-round:hover{background:#ffffff26}.cs-round svg{width:22px;height:22px}.cs-dot{position:absolute;top:4px;right:4px;width:10px;height:10px;border-radius:50%;background:var(--cs-mag);box-shadow:0 0 8px var(--cs-mag)}.cs-dot[hidden]{display:none}.cs-stage{position:relative;flex:1;min-height:0}.cs-canvas{position:absolute;inset:0;display:block;touch-action:none;cursor:pointer}.cs-tip{position:absolute;left:50%;top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translate(-50%,-6px);max-width:min(520px,calc(100% - 24px));padding:9px 16px;border-radius:999px;background:#0a1432b8;border:1px solid rgba(95,242,255,.45);color:#dffcff;font:700 16px var(--cs-font);text-align:center;box-shadow:0 0 22px #5ff2ff40;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.cs-tip.on{opacity:1;transform:translate(-50%)}.cs-tools{flex:none;display:flex;justify-content:center;gap:clamp(10px,3vw,22px);padding-bottom:2px}.cs-tool{position:relative;width:64px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid var(--cs-line);border-radius:50%;background:radial-gradient(circle at 35% 25%,#ffffff47,#ffffff0f 60%),#1e326e73;color:var(--cs-ink);cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 22px #0006,inset 0 1px #ffffff40;transition:transform .12s,background .2s}.cs-tool:hover{transform:translateY(-2px)}.cs-tool:active{transform:scale(.95)}.cs-tool svg{width:26px;height:26px}.cs-tool span{font:800 13px var(--cs-font);color:var(--cs-dim)}.cs-tool:disabled{opacity:.45;cursor:default;transform:none}.cs-tool.on{border-color:var(--cs-cyan);box-shadow:0 0 18px #5ff2ff73,inset 0 1px #ffffff40}.cs-badge{position:absolute;top:-4px;right:-4px;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:linear-gradient(#ff7fe8,#c81fb0);color:#fff;font:900 14px/24px var(--cs-font);box-shadow:0 0 10px #ff5fe199}.cs-badge:empty{display:none}.cs-tool.pulse{animation:cs-pulse .9s ease 2}@keyframes cs-pulse{50%{box-shadow:0 0 0 6px #ffd76a73,0 0 30px #ffd76a99;transform:scale(1.06)}}@media (max-width: 560px){.cs-hud{height:52px;grid-template-columns:auto 1fr auto;padding:0 6px}.cs-chip{font-size:18px;padding:0 6px}.cs-count{justify-self:center;gap:10px;font-size:17px}.cs-tool{width:56px;height:56px}.cs-tool svg{width:23px;height:23px}}@media (max-width: 420px){.cs-tip,#toast{font-size:14px;padding:8px 12px}}@media (max-width: 380px){.cs-band,.cs-tool span{display:none}}@media (max-height: 520px) and (orientation: landscape){.cs-app{flex-direction:row;flex-wrap:wrap}.cs-hud{width:100%;height:46px}.cs-stage{flex:1;height:calc(100% - 54px)}.cs-tools{flex-direction:column;justify-content:center;height:calc(100% - 54px);gap:8px}.cs-tool{width:50px;height:50px}.cs-tool span{display:none}}#veil{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:18px;background:#02061499;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .2s}#veil.on{opacity:1;pointer-events:auto}body[data-colorsort] .dlg{position:relative;width:min(500px,calc(100vw - 28px));max-height:min(820px,calc(100dvh - 36px));overflow:auto;padding:22px;border:1px solid var(--cs-line);border-radius:24px;background:linear-gradient(160deg,#243670f5,#0a1230f7);color:var(--cs-ink);box-shadow:0 30px 80px #0009,inset 0 1px #ffffff24;font-family:var(--cs-font);transform:translateY(10px) scale(.97);transition:transform .2s}body[data-colorsort] .dlg.wide{width:min(680px,calc(100vw - 28px))}#veil.on .dlg{transform:none}body[data-colorsort] .dlg h2{margin:0 0 12px;font:700 28px/1.15 var(--cs-display);color:#fff}body[data-colorsort] .dlg h3{margin:16px 0 6px;font:800 17px var(--cs-font);color:var(--cs-cyan)}body[data-colorsort] .dlg p,body[data-colorsort] .dlg li{color:#d5def5;font-size:16px}body[data-colorsort] .dlg ul{padding-left:20px}body[data-colorsort] .dlg .row{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}body[data-colorsort] .btn{min-height:46px;padding:0 20px;border:1px solid var(--cs-line);border-radius:14px;background:#ffffff14;color:var(--cs-ink);cursor:pointer;font:800 16px var(--cs-font)}body[data-colorsort] .btn:hover{background:#ffffff26}body[data-colorsort] .btn.primary{border-color:transparent;background:linear-gradient(135deg,#3ee8ff,#7a5cff 60%,#ff4fd8);color:#fff;box-shadow:0 6px 22px #7a5cff80}body[data-colorsort] .opt{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d5def5;font-size:16px}body[data-colorsort] .vol{width:min(220px,50%);accent-color:var(--cs-cyan)}.cs-sub{margin:0 0 12px;color:var(--cs-dim)!important;font-size:15px!important}.cs-menu-list{display:grid;gap:8px}.cs-menu-item{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:12px;min-height:60px;padding:8px 12px;border:1px solid rgba(170,200,255,.2);border-radius:16px;background:#ffffff0d;color:var(--cs-ink);text-align:left;cursor:pointer}.cs-menu-item:hover{background:#ffffff1a;border-color:#5ff2ff73}.cs-menu-item i{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#5ff2ff1f;color:var(--cs-cyan)}.cs-menu-item.hot i{background:#ff5fe12e;color:var(--cs-mag);box-shadow:0 0 14px #ff5fe173}.cs-menu-item svg{width:24px;height:24px}.cs-menu-item b,.cs-menu-item small{display:block}.cs-menu-item b{font-size:17px}.cs-menu-item small{color:var(--cs-dim);font-size:14px}.cs-chapters{display:grid;gap:14px}.cs-chapter h3{display:flex;align-items:center;gap:10px;margin:0 0 8px!important;color:#fff!important}.cs-bottle{width:14px;height:24px;border-radius:4px 4px 7px 7px;border:2px solid rgba(220,235,255,.6);background:transparent}.cs-bottle.full{background:linear-gradient(90deg,var(--c),#fff 45%,var(--c));box-shadow:0 0 10px var(--c)}.cs-level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.cs-lv{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid rgba(170,200,255,.22);border-radius:14px;background:#ffffff0f;color:var(--cs-ink);cursor:pointer;font:700 20px var(--cs-display)}.cs-lv:hover:not(:disabled){border-color:var(--cs-cyan);background:#5ff2ff1a}.cs-lv.current{border-color:var(--cs-cyan);box-shadow:0 0 14px #5ff2ff66}.cs-lv[data-band=hard]{border-color:#ff5fe180}.cs-lv[data-band=superhard]{border-color:#ff5a6eb3}.cs-lv.locked{opacity:.45;cursor:default}.cs-lv b svg{width:18px;height:18px}.cs-lv span{display:flex;gap:1px}.cs-lv i svg{width:14px;height:14px;color:#fff3}.cs-lv i.on svg{color:var(--cs-gold)}.cs-result{text-align:center}.cs-result-stars{display:flex;justify-content:center;gap:6px;margin:2px 0 4px}.cs-result-stars i svg{width:54px;height:54px;color:#ffffff26}.cs-result-stars i.on svg{color:var(--cs-gold);filter:drop-shadow(0 0 12px rgba(255,215,106,.8));animation:cs-star .5s calc(var(--i) * .18s) both cubic-bezier(.3,1.6,.5,1)}@keyframes cs-star{0%{transform:scale(0) rotate(-40deg);opacity:0}}.cs-result-label{margin:0 0 12px!important;font:700 30px var(--cs-display)!important;color:#fff!important}.cs-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cs-result-grid div{padding:10px 4px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(170,200,255,.18)}.cs-result-grid b{display:block;font:700 26px var(--cs-display);color:#fff}.cs-result-grid span{color:var(--cs-dim);font-size:14px}.cs-result-note{margin:12px 0 4px!important}.cs-reward{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 0 0!important;color:#ffe7a0!important;font-weight:800}.cs-reward svg{width:22px;height:22px;color:var(--cs-gold)}.cs-daily-hero{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.cs-daily-hero b{font:700 46px var(--cs-display);color:#ffb35c;text-shadow:0 0 18px rgba(255,150,60,.6)}.cs-daily-hero span{color:var(--cs-dim);font-size:17px}.cs-days{display:grid;gap:6px}.cs-day{display:flex;justify-content:space-between;align-items:center;min-height:50px;padding:0 14px;border:1px solid rgba(170,200,255,.2);border-radius:14px;background:#ffffff0d;color:var(--cs-ink);cursor:pointer;font:700 16px var(--cs-font)}.cs-day span{color:var(--cs-dim);font-weight:600}.cs-day.done{border-color:#5ff2ff73}.cs-day.done span{color:var(--cs-cyan)}.cs-gifts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cs-gift{padding:10px 6px;border-radius:14px;border:1px solid rgba(170,200,255,.2);background:#ffffff0d;text-align:center}.cs-gift b,.cs-gift span{display:block}.cs-gift b{font-size:15px}.cs-gift span{color:var(--cs-dim);font-size:13px}.cs-gift.got{opacity:.45}.cs-gift.next{border-color:var(--cs-mag);box-shadow:0 0 16px #ff5fe166}.cs-liquids{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cs-liquid{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border:1px solid rgba(170,200,255,.22);border-radius:16px;background:#ffffff0d;color:var(--cs-ink);cursor:pointer;font:700 16px var(--cs-font)}.cs-liquid span{color:var(--cs-dim);font-size:14px}.cs-liquid.on{border-color:var(--cs-cyan);box-shadow:0 0 16px #5ff2ff66}.cs-liquid:disabled{opacity:.5;cursor:default}.cs-liquid i{width:46px;height:54px;padding:5px;border-radius:9px;background:#1b2036;border:1px solid rgba(200,215,255,.25);display:grid;gap:3px}.cs-liquid i:before,.cs-liquid i:after,.cs-liquid i b{content:"";border-radius:4px}.sw-neon{--a: #ff2fd0;--b: #2fe8ff}.sw-pearl{--a: #ffc6f2;--b: #c6f9ff}.sw-galaxy{--a: #7a2ff0;--b: #1f4fe6}.cs-liquid i:before{background:linear-gradient(rgba(255,255,255,.45) 0 35%,var(--a) 35%);box-shadow:0 0 6px var(--a)}.cs-liquid i:after{background:linear-gradient(rgba(255,255,255,.45) 0 35%,var(--b) 35%);box-shadow:0 0 6px var(--b)}.sw-galaxy:before,.sw-galaxy:after{background-image:radial-gradient(circle at 30% 60%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 70% 70%,#fff 0 1px,transparent 1.5px)!important;background-color:var(--a)!important}#toast{position:fixed;z-index:300;left:50%;top:calc(74px + env(safe-area-inset-top));bottom:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(460px,calc(100% - 28px));padding:10px 18px;transform:translate(-50%,10px);border:1px solid rgba(95,242,255,.45);border-radius:999px;background:#0a1432e6;color:#e6fbff;box-shadow:0 10px 30px #00000073;font:700 15px var(--cs-font);text-align:center;opacity:0;pointer-events:none;transition:.2s}#toast.on{opacity:1;transform:translate(-50%)}body:has(#toast.on) .cs-tip{opacity:0}@media (max-width: 640px){#veil{align-items:end;padding:0}body[data-colorsort] .dlg,body[data-colorsort] .dlg.wide{width:100%;max-width:none;max-height:86dvh;border-radius:24px 24px 0 0;padding-bottom:max(18px,env(safe-area-inset-bottom))}.cs-gifts{grid-template-columns:repeat(4,1fr)}}.cs-stage{border:1px solid rgba(160,175,255,.12);border-radius:22px;background:radial-gradient(75% 65% at 50% 40%,#1d2233,#121624 55%,#06080f);box-shadow:0 18px 40px #00000073,inset 0 1px #ffffff0f;overflow:hidden}.cs-hud{background:linear-gradient(180deg,#241e60b8,#120e38c7)}.cs-spoiler{display:block;width:100%;margin:14px 0 0;padding:12px 14px;border:1px dashed rgba(255,215,106,.55);border-radius:16px;background:#ffd76a12;color:var(--cs-ink);font:600 16px var(--cs-font);text-align:left;cursor:pointer}.cs-spoiler.open{cursor:default;border-style:solid}.cs-spoiler-head{display:flex;align-items:center;gap:8px}.cs-spoiler-head svg{width:22px;height:22px;color:var(--cs-gold);flex:none}.cs-spoiler-head b{flex:1;color:#ffe7a0}.cs-spoiler-head em{font-style:normal;color:var(--cs-dim);font-size:14px}.cs-spoiler.open .cs-spoiler-head em{display:none}.cs-spoiler-body{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px;filter:blur(9px);opacity:.6;user-select:none;transition:filter .35s,opacity .35s}.cs-spoiler.open .cs-spoiler-body{filter:none;opacity:1;user-select:auto}.cs-spoiler-body li{display:flex;align-items:center;gap:10px}.cs-spoiler-body li>b{width:22px;color:var(--cs-dim);font-weight:800}.cs-chip-block{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:52px;height:24px;padding:0 8px;border-radius:7px;font:900 14px var(--cs-font);font-style:normal;color:#fff;background:linear-gradient(var(--h),var(--c) 55%);box-shadow:0 0 8px var(--h),inset 0 1px #fff9;text-shadow:0 1px 1px rgba(0,0,0,.4);vertical-align:middle}.cs-chip-block.light{color:#141833;text-shadow:none}.cs-chip-block small{font-size:12px;opacity:.85}.cs-spoiler-body span{display:inline-flex;align-items:center;gap:8px;color:var(--cs-dim)}.cs-mini{margin-left:auto;display:grid!important;grid-template-columns:repeat(4,9px);gap:3px;flex:none}.cs-mini i{width:9px;height:11px;border-radius:2px;background:#ffffff1f}.cs-mini i.from{background:var(--c);box-shadow:0 0 5px var(--c)}.cs-mini i.to{background:transparent;box-shadow:inset 0 0 0 1.5px #fff}.cs-yours{margin:14px 0 0;padding:12px 14px;border:1px solid rgba(170,200,255,.2);border-radius:16px;background:#ffffff0a;text-align:left}.cs-yours .cs-spoiler-head svg{color:var(--cs-cyan)}.cs-yours .cs-spoiler-head b{color:#dffcff}.cs-yours .cs-spoiler-body{filter:none;opacity:1}@media (max-width: 480px){.cs-yours,.cs-spoiler{padding:10px 12px;margin-top:10px}.cs-spoiler-body{gap:4px;margin-top:8px}.cs-chip-block{min-width:44px;height:22px}.cs-mini{grid-template-columns:repeat(4,7px);gap:2px}.cs-mini i{width:7px;height:8px}}body[data-colorsort] .cs-dlg .row{position:sticky;bottom:-22px;margin:18px -22px -22px;padding:14px 22px max(18px,env(safe-area-inset-bottom));background:linear-gradient(#101a3e00,#101a3e 30%);z-index:2}.cs-mini{padding:4px;border-radius:6px;background:#0000004d}.cs-tools{align-self:center;gap:4px;padding:6px;border-radius:22px;background:#14182cb8;border:1px solid rgba(160,175,255,.14);box-shadow:0 12px 30px #00000073,inset 0 1px #ffffff0f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.cs-tool{width:84px;height:58px;border:0;border-radius:16px;gap:3px;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#e8ecff;transition:background .15s,transform .12s}.cs-tool:hover{transform:none;background:#ffffff12}.cs-tool:active{transform:scale(.96);background:#ffffff1a}.cs-tool svg{width:22px;height:22px}.cs-tool span{font:700 13px var(--cs-font);color:#aab3d4;letter-spacing:.2px}.cs-tool:disabled{opacity:.38;background:transparent}.cs-tool.on{background:linear-gradient(180deg,#5ff2ff33,#5ff2ff1a);box-shadow:inset 0 0 0 1px #5ff2ff73}.cs-tool.on span,.cs-tool.on svg{color:#bff8ff}.cs-badge{top:6px;right:14px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#5ff2ff;color:#071431;font:800 12px/18px var(--cs-font);box-shadow:none}@media (max-width: 600px){.cs-tool{width:74px;height:56px}.cs-badge{right:10px}}@media (max-width: 380px){.cs-tool{width:62px}.cs-tool span{display:block;font-size:12px}}@media (max-height: 520px) and (orientation: landscape){.cs-tools{align-self:center;height:auto;padding:6px}.cs-tool{width:60px;height:56px}.cs-tool span{display:block;font-size:11px}}.cs-chip-block,.cs-chip-block.light{color:#000;text-shadow:none}.cs-reset{display:flex;align-items:center;gap:14px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(170,200,255,.16)}.cs-reset>div{flex:1;display:grid;gap:2px}.cs-reset b{color:#fff;font-size:16px}.cs-reset small{color:var(--cs-dim);font-size:14px;line-height:1.35}body[data-colorsort] .cs-reset-btn{flex:none;border-color:#ff5c6e8c;color:#ffb3bc;background:#ff465a1a}body[data-colorsort] .cs-reset-btn:hover{background:#ff465a33}body[data-colorsort] .cs-danger .btn.primary{background:linear-gradient(135deg,#ff5a6e,#e0123c);box-shadow:0 6px 22px #e0123c73}@media (max-width: 440px){.cs-chip{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;line-height:1.05}.cs-band{font-size:10px;padding:1px 6px;letter-spacing:.05em}}@media (max-width: 380px){.cs-band:not(:empty){display:inline-block}}.cs-yours{display:block;width:100%;color:var(--cs-ink);font:600 16px var(--cs-font);cursor:pointer}.cs-yours:not(.open) .cs-spoiler-body{display:none}.cs-chev{width:10px;height:10px;margin-right:4px;border-right:2px solid var(--cs-dim);border-bottom:2px solid var(--cs-dim);transform:rotate(45deg) translateY(-3px);transition:transform .2s}.cs-yours.open .cs-chev{transform:rotate(-135deg) translate(-2px,-2px)}html,body,body[data-colorsort] .dlg,.cs-chapters,.cs-days{scrollbar-width:thin;scrollbar-color:rgba(170,190,255,.35) transparent}body[data-colorsort] ::-webkit-scrollbar{width:10px;height:10px}body[data-colorsort] ::-webkit-scrollbar-track{background:transparent}body[data-colorsort] ::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:#aabeff59 padding-box}body[data-colorsort] ::-webkit-scrollbar-thumb:hover{background:#aabeff8c padding-box}body[data-colorsort] ::-webkit-scrollbar-corner{background:transparent}.cs-streak{margin:0 0 12px;padding:14px 16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(170,200,255,.16)}.cs-streak.live{background:linear-gradient(135deg,#ff8c3229,#f0461e0f);border-color:#ff964666}.cs-streak-top{display:flex;align-items:center;gap:10px}.cs-streak-flame svg{width:38px;height:38px;color:#ffffff40}.cs-streak.live .cs-streak-flame svg{color:#ff8a2e;filter:drop-shadow(0 0 10px rgba(255,130,40,.7))}.cs-streak-top>b{font:700 46px/1 var(--cs-display);color:#fff}.cs-streak.live .cs-streak-top>b{color:#ffc27a;text-shadow:0 0 18px rgba(255,150,60,.55)}.cs-streak-label{display:grid;color:#e8ecff;font-weight:800;font-size:17px}.cs-streak-label small{color:var(--cs-dim);font-weight:600;font-size:14px}.cs-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:12px 0 8px}.cs-week i{height:30px;border-radius:9px;background:#ffffff0f;display:grid;place-items:center}.cs-week i.today{box-shadow:inset 0 0 0 1.5px #5ff2ff99}.cs-week i.on{background:linear-gradient(#ff9a3c,#f0461e)}.cs-week i svg{width:16px;height:16px;color:#fff}.cs-streak p{margin:0!important;color:var(--cs-dim)!important;font-size:15px!important}.cs-reward-streak{color:#ffc27a!important}.cs-reward-streak svg{color:#ff8a2e!important}.cs-chip-block.dark{color:#fff}.cs-daily.due{color:#bff8ff;border-color:#5ff2ffb3;animation:cs-daily-pulse 2s ease-out infinite}@keyframes cs-daily-pulse{0%{box-shadow:0 0 #5ff2ff8c,0 0 14px #5ff2ff59}70%{box-shadow:0 0 0 12px #5ff2ff00,0 0 14px #5ff2ff59}to{box-shadow:0 0 #5ff2ff00,0 0 14px #5ff2ff59}}@media (prefers-reduced-motion: reduce){.cs-daily.due{animation:none;box-shadow:0 0 14px #5ff2ff80}}.cs-how{display:flex;align-items:center;gap:12px;width:100%;margin:14px 0 0;padding:12px 14px;border:1px solid rgba(92,239,255,.55);border-radius:16px;background:linear-gradient(180deg,#5cefff29,#5cefff0f);color:var(--cs-ink);font:600 16px var(--cs-font);text-align:left;cursor:pointer;transition:transform .15s,background .15s}.cs-how:hover{background:linear-gradient(180deg,#5cefff3d,#5cefff1a)}.cs-how:active{transform:scale(.98)}.cs-how svg{width:26px;height:26px;color:var(--cs-cyan);flex:none}.cs-how span{display:grid;gap:2px}.cs-how b{color:#dffcff;font-size:17px}.cs-how small{color:var(--cs-dim);font-size:14px;font-weight:500}body[data-colorsort]{background:#050c1c}.cs-room{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:#071025}.cs-room picture,.cs-room picture img{position:absolute;inset:0;width:100%;height:100%}.cs-room picture img{object-fit:cover;filter:hue-rotate(var(--room-hue, 0deg))}.cs-room-shade{position:absolute;inset:0;background:linear-gradient(90deg,#040b1a18,#040b1a10 22% 78%,#040b1a18),linear-gradient(#030a1844,transparent 25%,transparent 75%,#03091888)}.cs-app{z-index:1;width:min(840px,100%);margin:0 auto;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));gap:10px;--chapter-accent: #72edff}.cs-hud{height:58px;background:linear-gradient(120deg,#11233cdb,#131c35ed);border-color:#9fd5ef30;border-radius:20px;box-shadow:0 8px 24px #0005,inset 0 1px #d6f5ff12;backdrop-filter:none;-webkit-backdrop-filter:none}.cs-count{color:#b0c4df;font-family:var(--cs-font);font-size:17px}.cs-moves b{padding-left:4px;font-size:24px}.cs-round{border-radius:13px;background:#adc3ed09;border-color:#b1d4ef2b}.cs-round.cs-daily.due{animation:none;box-shadow:none;background:#6ce9ff12}.cs-lab-heading{flex:none;height:58px;display:flex;justify-content:space-between;align-items:center;padding:0 14px}.cs-chapter-name{display:block;color:var(--chapter-accent);font-size:15px;font-weight:800;letter-spacing:.06em}.cs-world-name{margin:0;color:#f2f4ff;font:600 25px/1.25 var(--cs-display);text-shadow:0 2px 12px #000b}.cs-lab-mark{font:600 30px/1 var(--cs-display);color:#e3c27c;display:flex;align-items:center;gap:10px;text-shadow:0 1px 12px #e9b76955}.cs-lab-mark>span{font:800 12px/1 var(--cs-font);letter-spacing:.12em;color:#dcc99f}.cs-stage{isolation:isolate;border:1px solid #b2d7f914;border-radius:28px;background:linear-gradient(150deg,#101e3736,#060d2010);box-shadow:inset 0 1px #d5e8ff06,0 12px 35px #00000010;overflow:hidden}.cs-canvas:focus{outline:none}.cs-canvas:focus-visible{outline:2px solid #b9f4ff;outline-offset:-4px;border-radius:28px}.cs-tip{top:8px;background:#0b1b34ed;box-shadow:0 4px 18px #0004;border-color:#87dcf341;white-space:normal;width:max-content;max-width:calc(100% - 20px);font-size:15px;line-height:1.3;padding:8px 14px}.cs-pour-note{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:16px;font-weight:800;color:#fff0b8;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .3s;pointer-events:none;text-shadow:0 2px 8px #000}.cs-pour-note.on{opacity:1;transform:none}.cs-shelf{flex:none;padding:0 14px 4px}.cs-shelf-heading{display:flex;justify-content:space-between;align-items:center;color:#bfcce1;font-size:15px;padding:0 3px;text-shadow:0 2px 5px #000}.cs-shelf-count{color:var(--chapter-accent);font-variant-numeric:tabular-nums}.cs-shelf-bottles{position:relative;height:56px;display:flex;justify-content:space-around;align-items:flex-end;border-bottom:3px solid #b4956e;border-radius:0 0 4px 4px;box-shadow:0 4px #352a2b,0 7px 12px #0006;background:linear-gradient(transparent 80%,#dac0a012)}.cs-collected{position:relative;width:9%;height:50px;display:grid;place-items:center}.cs-collected img{height:47px;width:auto;max-width:100%;object-fit:contain;opacity:.17;filter:grayscale(1);transform-origin:50% 95%}.cs-collected.filled img{opacity:1;filter:hue-rotate(var(--hue))}.cs-collected:not(.filled) i{position:absolute;bottom:3px;width:15px;height:3px;border-radius:50%;background:#a5bada24}.cs-collected.arriving img{animation:cs-bottle-arrive .65s cubic-bezier(.25,1.4,.4,1) both}@keyframes cs-bottle-arrive{0%{opacity:0;transform:translateY(-24px) scale(.6) rotate(-12deg)}65%{transform:translateY(2px) scale(1.08,.94)}}.cs-tools{background:#101c30ed;border-color:#b1d4ef26;box-shadow:0 12px 30px #0006,inset 0 1px #d9f7ff0b;backdrop-filter:none;-webkit-backdrop-filter:none;padding:6px}.cs-tool{width:100px;height:62px}.cs-tool span{font-size:15px;color:#c3d0e4}.cs-badge{font-size:13px;right:18px}.cs-tool:disabled{opacity:.5}.cs-tool.on{background:#73ddf21a;box-shadow:inset 0 0 0 1px #92e5ff55}.cs-tool:focus-visible,.cs-round:focus-visible,.cs-chip:focus-visible{outline:2px solid #c1f6ff;outline-offset:3px}.cs-lamplight{position:absolute;top:56%;width:14%;height:24%;border-radius:50%;background:radial-gradient(ellipse,#60e9ff20,transparent 68%);animation:cs-light-breathe 6s ease-in-out infinite}.cs-lamplight.left{left:3%}.cs-lamplight.right{right:2%;animation-delay:-3s}@keyframes cs-light-breathe{0%,to{opacity:.45}43%{opacity:.9}45%{opacity:.66}47%,70%{opacity:.86}}.cs-motes{position:absolute;inset:0}.cs-motes i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;background:#a8eaff;border-radius:50%;box-shadow:0 0 6px #6cddff;animation:cs-mote var(--duration) var(--delay) ease-in-out infinite;opacity:.4}@keyframes cs-mote{0%,to{transform:translateY(10px);opacity:.15}50%{transform:translate(16px,-28px);opacity:.65}}.cs-flask-bubbles{position:absolute;top:56%;width:9%;height:12%;overflow:hidden;border-radius:35%}.cs-flask-bubbles.left{left:6%}.cs-flask-bubbles.right{right:2%}.cs-flask-bubbles i{position:absolute;bottom:-10px;left:calc(12% + var(--i) * 13%);width:5px;height:5px;border:1px solid #c4fbffb0;border-radius:50%;animation:cs-bubble calc(2.6s + var(--i) * .25s) calc(var(--i) * -.7s) linear infinite}@keyframes cs-bubble{0%{transform:translate(0) scale(.6);opacity:0}20%{opacity:.8}to{transform:translate(4px,-90px) scale(1.2);opacity:0}}@media (max-width: 650px){.cs-room picture img{object-fit:fill}.cs-room-shade{background:linear-gradient(#030a1838,transparent 22%,transparent 70%,#03091888)}.cs-app{padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:7px}.cs-hud{height:54px}.cs-lab-heading{height:53px;padding:0 9px}.cs-world-name{font-size:23px}.cs-lab-mark{display:none}.cs-stage{border-radius:22px}.cs-shelf{padding:0 5px 4px}.cs-shelf-bottles{height:49px}.cs-collected{height:45px}.cs-collected img{height:42px}.cs-tools{width:min(100%,364px);justify-content:space-around;gap:0;padding:4px;border-radius:20px}.cs-tool{width:24%;height:60px}.cs-tool span{display:block;font-size:15px;letter-spacing:0}.cs-badge{top:3px;right:9px}.cs-flask-bubbles{top:66%;height:10%;width:16%}.cs-flask-bubbles.left{left:3%}.cs-flask-bubbles.right{right:3%}.cs-lamplight{top:64%;width:25%;height:15%}}@media (max-height: 640px){.cs-lab-heading{height:37px}.cs-world-name{font-size:19px}.cs-chapter-name{font-size:15px}.cs-shelf-bottles{height:34px}.cs-collected{height:33px}.cs-collected img{height:32px}.cs-tool{height:48px}}@media (max-height: 520px) and (orientation: landscape){.cs-app{display:grid;grid-template-columns:1fr 80px;grid-template-rows:48px 1fr;width:min(900px,100%)}.cs-hud{grid-column:1 / -1;height:46px}.cs-lab-heading,.cs-shelf{display:none}.cs-stage{grid-row:2;grid-column:1;height:auto;width:auto}.cs-tools{grid-row:2;grid-column:2;width:auto}.cs-tool{width:64px}}@media (prefers-reduced-motion: reduce){body[data-colorsort] *,body[data-colorsort] *:before,body[data-colorsort] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cs-motes,.cs-flask-bubbles,.cs-lamplight{display:none}}@media (max-width: 650px){.cs-stage{background:linear-gradient(180deg,#06122530,#06122538 60%,#040e1ed9)}}body[data-colorsort] .cs-menu-item small,body[data-colorsort] .cs-result-grid span,body[data-colorsort] .cs-reset small,body[data-colorsort] .cs-liquid span,body[data-colorsort] .cs-gift span,body[data-colorsort] .cs-streak-label small,body[data-colorsort] .cs-how small,body[data-colorsort] .cs-spoiler-head em{font-size:15px}.cs-lamplight{background:radial-gradient(ellipse,var(--lab-glow, #60e9ff20),transparent 68%)}.cs-motes i{background:var(--lab-accent, #a8eaff)}.cs-round{width:44px;height:44px}.cs-chip{min-height:44px}.cs-chip-block small,body[data-colorsort] #toast{font-size:15px}body[data-colorsort] .dlg button:focus-visible,body[data-colorsort] .dlg input:focus-visible{outline:3px solid #b8f5ff;outline-offset:3px}body[data-colorsort] .vol{min-height:44px}