:root{font-family:Inter,Yu Gothic UI,Hiragino Sans,system-ui,sans-serif;color:#f4f1e8;background:#101516;font-synthesis:none;color-scheme:dark;--ink: #f4f1e8;--muted: #929c9a;--line: rgba(244, 241, 232, .15)}html.color-chain-rotation-mode,body.color-chain-rotation-mode{height:100%;overflow:hidden;overscroll-behavior:none}body.color-chain-rotation-mode .game-screen.is-color-chain-rotation-test{background:#241628;box-sizing:border-box;height:100vh;height:100svh;top:0;right:0;bottom:0;left:0;margin:0;max-width:none;overflow:hidden;padding:0;position:fixed;width:100vw}body.color-chain-rotation-mode .game-screen.is-color-chain-rotation-test .game-topbar{display:none}.color-chain-rotation-page{align-items:center;background:radial-gradient(circle at 50% 48%,rgba(255,221,148,.24),transparent 42%),linear-gradient(135deg,#3e2432,#1f2737 52%,#372438);display:flex;height:100vh;height:100svh;justify-content:center;overflow:hidden;position:relative;width:100vw}.color-chain-rotation-stage-frame{flex:0 0 auto;overflow:visible;position:relative}.color-chain-rotation-stage{--rotation-ink: #2b3448;--rotation-muted: #657186;--rotation-wood-dark: #3b2115;--rotation-wood: #704326;--rotation-paper: #efd9a9;background:linear-gradient(180deg,#fff8d221,#36181833),url(/backgrounds/color-chain-battle-v2.webp) center / cover no-repeat,#503629;border:8px solid #3a2116;box-shadow:inset 0 0 0 3px #98623a,inset 0 0 0 7px #ffdd9738,0 24px 70px #0000007a;box-sizing:border-box;color:var(--rotation-ink);font-family:Inter,Yu Gothic UI,Hiragino Sans,system-ui,sans-serif;left:0;overflow:hidden;position:absolute;top:0;transform-origin:left top}.color-chain-rotation-stage:before{background:repeating-linear-gradient(16deg,transparent 0 20px,rgba(58,31,18,.14) 21px 23px),linear-gradient(90deg,rgba(255,234,174,.1),transparent 24%,transparent 76%,rgba(255,234,174,.1));content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.color-chain-rotation-stage button{font:inherit}.color-chain-rotation-stage-header{align-items:center;background:linear-gradient(180deg,#301816eb,#46281be0);border-bottom:4px solid #aa7141;box-shadow:0 6px 14px #1b0d0e52;display:flex;height:92px;justify-content:space-between;padding:12px 28px 12px 34px;position:relative;z-index:20}.color-chain-rotation-title p,.color-chain-rotation-title h1,.color-chain-rotation-title span{margin:0}.color-chain-rotation-title p{color:#ffd886;font-size:12px;font-weight:900;letter-spacing:.17em}.color-chain-rotation-title h1{color:#fff9dd;font-size:28px;line-height:1.15;text-shadow:0 2px 0 #4b2031,0 0 14px rgba(255,197,112,.32)}.color-chain-rotation-title span{color:#eadbbf;display:block;font-size:13px;margin-top:3px}.color-chain-rotation-top-actions{display:flex;gap:7px}.color-chain-rotation-top-actions button,.color-chain-rotation-manual-controls button,.color-chain-rotation-start-overlay button{align-items:center;background:linear-gradient(180deg,#fff1c8,#d9b878);border:2px solid #694025;border-radius:12px;box-shadow:inset 0 1px #fff9e4,0 4px #3f2519;color:#382b32;cursor:pointer;display:inline-flex;font-weight:900;gap:7px;justify-content:center;min-height:42px;padding:8px 13px}.color-chain-rotation-top-actions button{font-size:11px;min-height:38px;padding:6px 9px}.color-chain-rotation-top-actions button:disabled{cursor:not-allowed;filter:grayscale(.6);opacity:.5}.color-chain-rotation-top-actions button:hover,.color-chain-rotation-manual-controls button:hover:not(:disabled),.color-chain-rotation-start-overlay button:hover{filter:brightness(1.08) saturate(1.05);transform:translateY(-1px)}.color-chain-rotation-top-actions button:active,.color-chain-rotation-manual-controls button:active:not(:disabled),.color-chain-rotation-start-overlay button:active{box-shadow:inset 0 1px #fff9e4,0 2px #3f2519;transform:translateY(2px)}.color-chain-rotation-top-actions svg,.color-chain-rotation-manual-controls svg,.color-chain-rotation-start-overlay button svg{height:19px;width:19px}.color-chain-rotation-game-grid{align-items:center;display:grid;gap:15px;grid-template-columns:270px 580px 270px;height:612px;justify-content:center;padding:14px 0 18px;position:relative;z-index:2}.color-chain-rotation-side-panel,.color-chain-rotation-board-panel{box-sizing:border-box;min-height:0}.color-chain-rotation-side-panel{background:linear-gradient(145deg,#f7e2b4fa,#d2b179fa) padding-box,repeating-linear-gradient(18deg,#3b2115 0,#3b2115 8px,#704326 8px,#704326 15px,#9a6032 15px,#9a6032 20px) border-box;border:6px solid transparent;border-radius:24px;box-shadow:0 12px 25px #2c16124d,inset 0 0 0 1px #fffce0c7;height:570px;padding:20px 17px}.color-chain-rotation-side-panel h2{color:#3a3444;font-size:23px;line-height:1.25;margin:8px 0 24px;text-align:center}.color-chain-rotation-emblem{align-items:center;background:radial-gradient(circle,#fff6b7,#ffbf5f 52%,#a83f67);border:4px solid #61344b;border-radius:50%;box-shadow:0 0 0 4px #ffeca499,0 8px 20px #5326354d;color:#fff;display:flex;height:72px;justify-content:center;margin:2px auto 13px;width:72px}.color-chain-rotation-emblem svg{filter:drop-shadow(0 2px 2px rgba(87,35,57,.35));height:38px;width:38px}.color-chain-rotation-panel-kicker{color:#9a4a67;font-size:11px;font-weight:1000;letter-spacing:.16em;margin:0;text-align:center}.color-chain-rotation-gauge-copy{align-items:end;display:flex;justify-content:space-between}.color-chain-rotation-gauge-copy span,.color-chain-rotation-point-readout span{color:var(--rotation-muted);font-size:12px;font-weight:800}.color-chain-rotation-gauge-copy strong{color:#91425f;font-size:24px}.color-chain-rotation-gauge{background:#594634;border:3px solid #4a2d1f;border-radius:999px;box-shadow:inset 0 3px 8px #1e110f80;height:24px;margin-top:6px;overflow:hidden}.color-chain-rotation-gauge i{background:linear-gradient(90deg,#f15b91,#ffce62 48%,#67e8ff);box-shadow:0 0 12px #ffd166cc;display:block;height:100%;transition:width .24s ease}.color-chain-rotation-point-readout{background:#fff6d694;border:1px solid rgba(91,52,27,.3);border-radius:14px;display:grid;gap:5px;margin-top:28px;padding:13px}.color-chain-rotation-point-readout strong{color:#39445a;font-size:20px}.color-chain-rotation-keyboard-help{color:#67606a;font-size:12px;line-height:1.55;margin:25px 3px 0}.color-chain-rotation-board-panel{align-items:center;display:flex;flex-direction:column;height:590px;justify-content:flex-start}.color-chain-rotation-play-board{background:#090e16;border:7px solid #3a2116;border-radius:20px;box-shadow:0 0 0 4px #a26838,0 0 0 7px #4a2a1b,0 15px 28px #170a126b,inset 0 0 22px #62d7ff1f;box-sizing:border-box;height:552px;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:552px}.color-chain-rotation-cell-grid{display:grid;grid-template-columns:repeat(8,1fr);height:100%;width:100%}.color-chain-rotation-cell-grid .color-chain-cell,.color-chain-rotation-overlay .color-chain-cell{aspect-ratio:1;border-radius:24%;font-size:27px;min-height:0;min-width:0;transition:filter .1s ease,opacity 80ms linear}.color-chain-rotation-cell-grid .color-chain-cell.is-selected-area{filter:brightness(1.08) saturate(1.08)}.color-chain-rotation-cell-grid .color-chain-cell.is-under-overlay{opacity:0}.color-chain-rotation-cell-grid .color-chain-cell.is-rotation-falling{animation:color-chain-rotation-fall .17s cubic-bezier(.2,.8,.3,1)}.color-chain-rotation-cell-grid .color-chain-cell.is-rotation-refilling{animation:color-chain-rotation-refill .19s cubic-bezier(.2,.8,.3,1)}.color-chain-rotation-point-grid{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:7}.color-chain-rotation-point{-webkit-tap-highlight-color:transparent;background:transparent;border:0;cursor:grab;height:12.5%;padding:0;pointer-events:auto;position:absolute;touch-action:none;width:12.5%}.color-chain-rotation-point:active{cursor:grabbing}.color-chain-rotation-point:disabled{cursor:default;pointer-events:none}.color-chain-rotation-point:before{border:4px solid transparent;border-radius:18px;content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transition:border-color 90ms ease,box-shadow 90ms ease,background 90ms ease;width:200%}.color-chain-rotation-point i{background:#fff8c97a;border:2px solid rgba(65,38,25,.6);border-radius:50%;box-shadow:0 1px 4px #00000059;height:10px;left:50%;margin:-5px 0 0 -5px;opacity:.32;pointer-events:none;position:absolute;top:50%;width:10px}.color-chain-rotation-point.is-selected:before,.color-chain-rotation-point:focus-visible:before{border-color:#ffef8cf5;box-shadow:inset 0 0 18px #ffe47033,0 0 16px #ffd557b8}.color-chain-rotation-point:focus-visible{outline:0}.color-chain-rotation-point.is-selected i,.color-chain-rotation-point:focus-visible i{background:#fff4ad;opacity:1}.color-chain-rotation-point.is-invalid:before{animation:color-chain-rotation-invalid .15s ease-in-out infinite alternate;background:#ff6d4829;border-color:#ff8b58;box-shadow:0 0 18px #ff533ab3}.color-chain-rotation-point.is-hint:before{animation:color-chain-rotation-hint .62s ease-in-out infinite alternate;border-color:#74f4ff;box-shadow:0 0 22px #4bdcff,inset 0 0 18px #4bdcff40}.color-chain-rotation-point.is-hint i:after{color:#fffbd0;content:"↻";font-size:42px;font-style:normal;font-weight:1000;left:-10px;position:absolute;text-shadow:0 0 7px #35d9ff,0 2px 2px #183952;top:-20px}.color-chain-rotation-point.is-hint.is-counterclockwise i:after{content:"↺"}.color-chain-rotation-point.is-slime-forecast:before{animation:color-chain-rotation-slime-forecast .52s ease-in-out infinite alternate;background:#b9ff6629;border-color:#cfff73eb;box-shadow:inset 0 0 18px #78ff7933,0 0 14px #98ff64c2}.color-chain-rotation-point.is-slime-locked:before{animation:color-chain-rotation-slime-lock .36s ease-in-out infinite alternate;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.38) 0 5%,transparent 6%),linear-gradient(145deg,#70ef7838,#268e5a61);border-color:#75f18d;box-shadow:inset 0 0 22px #7cff9666,0 0 15px #4ce67ce0}.color-chain-rotation-point.is-slime-locked:after{color:#efffb9;content:"⛓";font-size:35px;font-weight:1000;left:50%;pointer-events:none;position:absolute;text-shadow:0 2px 2px #175536,0 0 8px #4aff9c;top:50%;transform:translate(-50%,-50%)}.color-chain-rotation-wave-targets{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:9}.color-chain-rotation-wave-targets button{align-items:center;background:linear-gradient(90deg,#50f6ff1f,#fff68657,#50f6ff1f);border:2px solid rgba(132,250,255,.72);color:#fff8b0;cursor:pointer;display:flex;font-size:15px;font-weight:1000;inset-inline:0;justify-content:flex-start;padding:0 10px;pointer-events:auto;position:absolute;text-shadow:0 2px 2px #183952;transition:background 90ms ease,box-shadow 90ms ease}.color-chain-rotation-wave-targets button:hover,.color-chain-rotation-wave-targets button:focus-visible{background:linear-gradient(90deg,#50f6ff57,#fff6869e,#50f6ff57);box-shadow:inset 0 0 22px #ffffff6b,0 0 14px #4de7ff;outline:0}.color-chain-rotation-wave-targets button span{background:#183952d1;border:1px solid rgba(255,255,255,.64);border-radius:50%;display:grid;height:28px;place-items:center;width:28px}.color-chain-rotation-chain-wave-effect{height:47%;left:-3%;overflow:hidden;pointer-events:none;position:absolute;right:-3%;transform:translateY(-50%);z-index:8}.color-chain-rotation-chain-wave-effect>i{animation:color-chain-rotation-chain-wave-sprite .56s steps(3,end) both,color-chain-rotation-chain-wave-fade .56s ease-out both;background-image:url(/effects/color-chain/chain-wave-sprite-compact.png);background-position:0 50%;background-repeat:no-repeat;background-size:400% auto;filter:drop-shadow(0 0 5px rgba(91,240,255,.95)) drop-shadow(0 0 9px rgba(255,229,110,.7));top:0;right:0;bottom:0;left:0;position:absolute;will-change:background-position}.color-chain-rotation-chain-wave-effect:before{animation:color-chain-rotation-chain-wave-flash .56s ease-out both;background:linear-gradient(90deg,transparent,rgba(93,235,255,.18) 18%,rgba(255,252,196,.86) 48%,rgba(76,220,255,.24) 72%,transparent);box-shadow:0 0 18px #50e2ffbf;content:"";height:20%;left:-45%;position:absolute;top:40%;width:45%;z-index:1}.color-chain-rotation-chain-wave-effect:after{animation:color-chain-rotation-chain-wave-row-glow .56s ease-out both;background:linear-gradient(90deg,transparent,rgba(82,225,255,.24),rgba(255,231,112,.38),rgba(82,225,255,.24),transparent);content:"";top:28%;right:0;bottom:28%;left:0;position:absolute}@keyframes color-chain-rotation-chain-wave-sprite{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes color-chain-rotation-chain-wave-fade{0%{opacity:0;transform:scaleX(.92)}8%{opacity:1}82%{opacity:1}to{opacity:.12;transform:scaleX(1)}}@keyframes color-chain-rotation-chain-wave-flash{0%{opacity:0;transform:translate(0)}12%{opacity:1}78%{opacity:.8}to{opacity:0;transform:translate(325%)}}@keyframes color-chain-rotation-chain-wave-row-glow{0%,to{opacity:0;transform:scaleY(.25)}24%,62%{opacity:.72;transform:scaleY(1)}}.color-chain-rotation-board-spell-effect{aspect-ratio:543 / 724;pointer-events:none;position:absolute;transform:translate(-50%,-50%);z-index:9}.color-chain-rotation-board-spell-effect>i{animation:color-chain-rotation-board-spell-sprite .64s steps(3,end) both,color-chain-rotation-board-spell-fade .64s ease-out both;background-position:0 50%;background-repeat:no-repeat;background-size:400% 100%;filter:drop-shadow(0 0 6px rgba(91,240,255,.9)) drop-shadow(0 0 11px rgba(255,222,103,.72));top:0;right:0;bottom:0;left:0;position:absolute;will-change:background-position,opacity,transform}.color-chain-rotation-board-spell-effect.is-chain-bomb{width:50%}.color-chain-rotation-board-spell-effect.is-chain-bomb>i{background-image:url(/effects/color-chain/chain-bomb-sprite.png)}.color-chain-rotation-board-spell-effect.is-grand-chain-bomb{width:72%}.color-chain-rotation-board-spell-effect.is-grand-chain-bomb>i{background-image:url(/effects/color-chain/grand-chain-bomb-sprite.png)}.color-chain-rotation-board-spell-effect.is-chain-pillar{top:50%!important;width:100%}.color-chain-rotation-board-spell-effect.is-chain-pillar>i{background-image:url(/effects/color-chain/chain-pillar-sprite.png)}.color-chain-rotation-board-spell-effect.is-trinity-pillar{aspect-ratio:auto;height:110%;top:50%!important;transform:translate(-48%,-50%);width:50%}.color-chain-rotation-board-spell-effect.is-trinity-pillar>i{background-image:url(/effects/color-chain/trinity-pillar-sprite.png)}.color-chain-rotation-board-spell-effect.is-trinity-wave{aspect-ratio:auto;height:72%;left:50%!important;transform:translate(-50%,-48.5%);width:104%}.color-chain-rotation-board-spell-effect.is-trinity-wave>i{background-image:url(/effects/color-chain/trinity-wave-sprite.png)}.color-chain-rotation-board-spell-effect.is-prism-nova{left:50%!important;top:50%!important;width:82%}.color-chain-rotation-board-spell-effect.is-prism-nova>i{background-image:url(/effects/color-chain/prism-nova-sprite.png)}@keyframes color-chain-rotation-board-spell-sprite{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes color-chain-rotation-board-spell-fade{0%{opacity:0;transform:scale(.92)}9%,82%{opacity:1}to{opacity:.08;transform:scale(1.03)}}.color-chain-rotation-hint-preview{display:grid;grid-template-columns:repeat(2,1fr);height:25%;pointer-events:none;position:absolute;transform-origin:center;width:25%;z-index:6}.color-chain-rotation-hint-preview.is-clockwise{animation:color-chain-rotation-hint-clockwise 1.05s ease-in-out infinite}.color-chain-rotation-hint-preview.is-counterclockwise{animation:color-chain-rotation-hint-counterclockwise 1.05s ease-in-out infinite}.color-chain-rotation-hint-preview .color-chain-cell{filter:brightness(1.18) saturate(1.1)}.color-chain-rotation-overlay{animation-duration:.16s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.28,.76,.38,1);display:grid;grid-template-columns:repeat(2,1fr);height:25%;pointer-events:none;position:absolute;transform-origin:center;width:25%;z-index:8}.color-chain-rotation-overlay.is-clockwise{animation-name:color-chain-rotation-clockwise}.color-chain-rotation-overlay.is-counterclockwise{animation-name:color-chain-rotation-counterclockwise}.color-chain-rotation-chain-notice{animation:color-chain-rotation-chain-pop .43s cubic-bezier(.2,.9,.28,1) both;background:linear-gradient(90deg,#ff648d,#ffd86c,#6eeaff,#be8cff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #49213f) drop-shadow(0 0 8px rgba(255,238,135,.9));font-size:50px;font-style:italic;font-weight:1000;left:50%;letter-spacing:-.05em;pointer-events:none;position:absolute;top:45%;transform:translate(-50%,-50%) rotate(-5deg);white-space:nowrap;z-index:12}.color-chain-rotation-start-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#120d1ad6;color:#fff7dc;display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;justify-content:center;padding:38px;position:absolute;text-align:center;z-index:15}.color-chain-rotation-start-overlay>svg{color:#ffcf68;filter:drop-shadow(0 0 10px rgba(255,183,83,.62));height:54px;width:54px}.color-chain-rotation-start-overlay h2{font-size:28px;margin:14px 0 8px}.color-chain-rotation-start-overlay p{color:#e8ddca;font-size:15px;line-height:1.65;margin:0 0 18px;max-width:410px}.color-chain-rotation-start-overlay button{min-width:220px}.color-chain-rotation-result-score{align-items:baseline;display:flex;gap:12px;margin:-2px 0 15px}.color-chain-rotation-result-score strong{color:#ffda72;font-size:28px}.color-chain-rotation-message{background:#2d191ae0;border:2px solid #a56b3b;border-radius:999px;color:#fff4d5;font-size:13px;font-weight:800;line-height:32px;margin-top:13px;min-height:34px;overflow:hidden;padding:0 18px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:552px}.color-chain-rotation-timer{align-items:center;background:#fff4d1a6;border:1px solid rgba(91,52,27,.3);border-radius:16px;display:grid;gap:0 8px;grid-template-columns:34px 1fr auto;padding:13px}.color-chain-rotation-timer svg{color:#9d4764;grid-row:1 / 3;height:30px;width:30px}.color-chain-rotation-timer span{color:var(--rotation-muted);font-size:12px;font-weight:900}.color-chain-rotation-timer strong{color:#3a3444;font-size:40px;font-variant-numeric:tabular-nums;grid-row:1 / 3}.color-chain-rotation-stats{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin:18px 0}.color-chain-rotation-stats>span{background:#fff6d694;border:1px solid rgba(91,52,27,.28);border-radius:13px;display:grid;min-height:72px;padding:10px}.color-chain-rotation-stats small{color:var(--rotation-muted);font-size:11px;font-weight:800}.color-chain-rotation-stats strong{color:#3a4052;font-size:22px;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}.color-chain-rotation-manual-controls{display:grid;gap:10px}.color-chain-rotation-manual-controls button{min-height:48px}.color-chain-rotation-manual-controls button:disabled{cursor:not-allowed;filter:grayscale(.65);opacity:.48}.color-chain-rotation-manual-controls button:nth-child(2){background:linear-gradient(180deg,#d9fbff,#77dbea)}.color-chain-rotation-manual-controls button:nth-child(3){background:linear-gradient(180deg,#fff5b8,#f1ba5a)}.color-chain-rotation-phase-indicator{align-items:center;background:#4a2e2121;border:1px solid rgba(91,52,27,.25);border-radius:999px;color:#77685e;display:flex;font-size:11px;font-weight:1000;gap:8px;justify-content:center;letter-spacing:.12em;margin-top:20px;padding:9px}.color-chain-rotation-phase-indicator svg{height:15px;width:15px}.color-chain-rotation-phase-indicator.is-ready{background:#4bdcff1f;color:#21738b}.color-chain-rotation-phase-indicator.is-clearing,.color-chain-rotation-phase-indicator.is-falling,.color-chain-rotation-phase-indicator.is-refilling{background:#f15b9124;color:#9b3e64}.color-chain-rotation-orientation{align-items:center;background:#1f1423f0;border:2px solid #ffd36e;border-radius:14px;color:#fff5d5;display:flex;font-size:13px;font-weight:900;gap:8px;left:50%;max-width:min(90vw,390px);padding:10px 14px;position:fixed;top:max(8px,env(safe-area-inset-top));transform:translate(-50%);z-index:100}.color-chain-rotation-orientation svg{color:#ffcf68;flex:0 0 auto;height:20px;width:20px}@keyframes color-chain-rotation-clockwise{0%{filter:brightness(1);transform:rotate(0)}50%{filter:brightness(1.25)}to{filter:brightness(1.05);transform:rotate(90deg)}}@keyframes color-chain-rotation-counterclockwise{0%{filter:brightness(1);transform:rotate(0)}50%{filter:brightness(1.25)}to{filter:brightness(1.05);transform:rotate(-90deg)}}@keyframes color-chain-rotation-invalid{0%{transform:translate(-2px)}to{transform:translate(2px)}}@keyframes color-chain-rotation-hint{0%{filter:brightness(.9)}to{filter:brightness(1.35)}}@keyframes color-chain-rotation-hint-clockwise{0%,to{transform:rotate(0) scale(1)}48%{transform:rotate(13deg) scale(.97)}}@keyframes color-chain-rotation-hint-counterclockwise{0%,to{transform:rotate(0) scale(1)}48%{transform:rotate(-13deg) scale(.97)}}@keyframes color-chain-rotation-chain-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.45) rotate(-9deg)}55%{opacity:1;transform:translate(-50%,-50%) scale(1.14) rotate(-4deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-5deg)}}@keyframes color-chain-rotation-fall{0%{opacity:.55;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes color-chain-rotation-refill{0%{filter:brightness(1.6);opacity:0;transform:translateY(-30px) scale(.8)}to{filter:brightness(1);opacity:1;transform:translateY(0) scale(1)}}.game-screen.is-color-chain-rotation-test{width:min(100% - 24px,1080px)}.color-chain-rotation-prototype{color:#28364a;gap:20px;margin-inline:auto;max-width:980px}.color-chain-rotation-header,.color-chain-rotation-preview,.color-chain-rotation-status{background:var(--chain-panel-surface) padding-box,var(--chain-wood-border) border-box;border:4px solid transparent;border-radius:20px;box-shadow:0 10px 22px #45231547,inset 0 0 0 1px #fffce0c2}.color-chain-rotation-header{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) auto;padding:clamp(18px,3vw,30px)}.color-chain-rotation-header h1{color:#28364a;margin:4px 0 10px}.color-chain-rotation-header p:not(.eyebrow){color:#536174;line-height:1.75;margin:0;max-width:720px}.color-chain-rotation-badges{align-content:center;display:grid;gap:8px}.color-chain-rotation-badges span{align-items:center;background:#fff2d1c7;border:1px solid rgba(91,52,27,.3);border-radius:999px;color:#35425a;display:flex;font-size:.84rem;font-weight:800;gap:7px;padding:7px 11px;white-space:nowrap}.color-chain-rotation-badges svg{height:16px;width:16px}.color-chain-rotation-preview{align-items:center;display:grid;gap:clamp(18px,4vw,36px);grid-template-columns:minmax(260px,440px) minmax(220px,1fr);justify-content:center;padding:clamp(16px,3vw,28px)}.color-chain-rotation-board{aspect-ratio:1;background:#080d12;border:4px solid #6e3d21;border-radius:16px;box-shadow:inset 0 0 18px #00000061,0 12px 24px #45231547;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));overflow:hidden;width:min(100%,440px)}.color-chain-rotation-board .color-chain-cell{aspect-ratio:1;font-size:0;min-width:0}.color-chain-rotation-status{padding:clamp(18px,3vw,28px);text-align:center}.color-chain-rotation-status strong{color:#6e3d21;display:block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.color-chain-rotation-status b{color:#9a3f63;display:block;font-size:clamp(3rem,8vw,5.2rem);line-height:1.1;margin:6px 0 12px}.color-chain-rotation-status p{color:#536174;line-height:1.7;margin:0}.color-chain-rotation-prototype>.secondary-button{align-items:center;align-self:flex-start;display:inline-flex;gap:8px}.color-chain-rotation-prototype>.secondary-button svg{height:18px;width:18px}@media(max-width:700px){.game-screen.is-color-chain-rotation-test{width:min(100% - 12px,1080px)}.color-chain-rotation-header,.color-chain-rotation-preview{grid-template-columns:1fr}.color-chain-rotation-badges{display:flex;flex-wrap:wrap}.color-chain-rotation-preview{justify-items:center}.color-chain-rotation-status{width:100%}}.color-chain-shell{--chain-cell-size: clamp(20px, 4.5vh, 31px)}.color-chain-hero{align-items:center}.color-chain-hero h1{font-size:clamp(2.45rem,5vw,3.6rem);line-height:1.04;text-wrap:balance}.color-chain-score{grid-template-columns:repeat(4,minmax(74px,1fr))}.color-chain-hero-tools{align-items:stretch;display:grid;gap:7px}.color-chain-audio-toggle{align-items:center;background:#08131cd1;border:1px solid rgba(141,232,255,.24);border-radius:999px;color:#e9fbff;cursor:pointer;display:inline-flex;font:inherit;font-size:.7rem;font-weight:800;gap:7px;justify-content:center;justify-self:end;min-height:34px;padding:5px 11px}.color-chain-audio-toggle:hover,.color-chain-audio-toggle:focus-visible{border-color:#8de8ff;outline:none}.color-chain-audio-toggle svg{height:17px;width:17px}.color-chain-compact-hud{display:none}.color-chain-layout{align-items:start;grid-template-columns:minmax(300px,.78fr) minmax(300px,1.22fr)}.color-chain-play-area{display:grid;gap:12px;justify-items:center;min-width:0;position:sticky;top:16px;width:100%}.color-chain-shell.is-mascot-test .color-chain-layout{grid-template-columns:minmax(520px,1.12fr) minmax(280px,.88fr)}.color-chain-play-area.has-mascot{align-items:start;grid-template-columns:minmax(0,auto) minmax(176px,220px);justify-content:center}.color-chain-play-area.has-mascot>.color-chain-board-wrap{grid-column:1;grid-row:1}.color-chain-play-area.has-mascot>:not(.color-chain-board-wrap):not(.color-chain-mascot-panel){grid-column:1}.color-chain-mascot-panel{align-self:stretch;background:radial-gradient(circle at 50% 34%,rgba(69,187,255,.17),transparent 42%),linear-gradient(165deg,#251639fa,#0c1421fa);border:1px solid rgba(255,209,102,.32);border-radius:22px;box-shadow:0 18px 46px #02070c57;display:flex;flex-direction:column;grid-column:2;grid-row:1;min-height:0;overflow:hidden;padding:12px;position:relative;width:100%}.color-chain-mascot-panel:after{border:1px solid rgba(255,255,255,.07);border-radius:17px;content:"";top:6px;right:6px;bottom:6px;left:6px;pointer-events:none;position:absolute}.color-chain-mascot-panel.is-chain{border-color:#ffd166ad;box-shadow:0 18px 54px #ff5cc52e}.color-chain-mascot-panel.is-action-grand-spell{border-color:#8de8fff0;box-shadow:0 0 28px #50d9ff47,0 18px 64px #f057bd42}.color-chain-mascot-panel.is-action-grand-spell:before{animation:color-chain-grand-panel-flash .72s ease-out both;background:radial-gradient(circle at 50% 54%,rgba(255,241,164,.44),rgba(89,221,255,.16) 35%,transparent 67%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.color-chain-mascot-panel.is-danger{border-color:#ff886b9e}.color-chain-mascot-panel.is-defeat{filter:saturate(.84)}.color-chain-mascot-heading{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;position:relative;z-index:2}.color-chain-mascot-heading>div{display:grid;gap:2px;min-width:0}.color-chain-mascot-heading span{color:#8de8ff;font-size:.62rem;font-weight:900;letter-spacing:.12em}.color-chain-mascot-heading strong{color:#fff4c8;font-size:.82rem;line-height:1.28}.color-chain-mascot-toggle{align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:var(--ink);cursor:pointer;display:inline-flex;flex:0 0 auto;gap:4px;min-height:32px;padding:5px 8px}.color-chain-mascot-toggle:hover,.color-chain-mascot-toggle:focus-visible{background:#8de8ff24;border-color:#8de8ff}.color-chain-mascot-toggle svg{height:15px;width:15px}.color-chain-mascot-toggle span{color:inherit;font-size:.66rem;letter-spacing:.04em}.color-chain-mascot-portrait{animation:color-chain-mascot-float 3.8s ease-in-out infinite;flex:1 1 0;margin:4px -3px 0;min-height:250px;position:relative;width:calc(100% + 6px)}.color-chain-mascot-panel.is-chain .color-chain-mascot-portrait{animation:color-chain-mascot-chain-pop .56s cubic-bezier(.2,.9,.32,1.2) both}.color-chain-mascot-panel.is-action-staff-spin .color-chain-mascot-portrait{animation:color-chain-mascot-staff-spin 2.3s ease-in-out both}.color-chain-mascot-panel.is-action-hat-pop .color-chain-mascot-portrait{animation:color-chain-mascot-hat-catch 2.3s ease-in-out both}.color-chain-mascot-panel.is-action-grand-spell .color-chain-mascot-portrait{animation:color-chain-mascot-grand-cast .68s cubic-bezier(.16,.86,.25,1.18) both}.color-chain-mascot-motion-fx{opacity:0;pointer-events:none;position:absolute;z-index:4}.color-chain-mascot-motion-fx.is-staff{border:4px solid transparent;border-left-color:#ffdc72;border-radius:50%;border-right-color:#8de8ff;box-shadow:0 0 13px #8de8ffb8,inset 0 0 10px #f057bd5c;height:46%;left:22%;top:34%;width:58%}.color-chain-mascot-panel.is-action-staff-spin .color-chain-mascot-motion-fx.is-staff{animation:color-chain-staff-trail 2.3s ease-in-out both}.color-chain-mascot-motion-fx.is-hat{height:34px;left:53%;top:8%;transform:translate(-50%);width:58px}.color-chain-mascot-motion-fx.is-hat:before{background:linear-gradient(145deg,#30204d,#111a3a 72%);clip-path:polygon(50% 0,92% 78%,9% 78%);content:"";height:30px;left:13px;position:absolute;top:0;width:34px}.color-chain-mascot-motion-fx.is-hat:after{background:linear-gradient(90deg,#f5b,#7758ff,#47dfff);border-radius:50%;box-shadow:0 0 10px #ff5cc5a3;content:"";height:8px;inset:auto 0 0;position:absolute}.color-chain-mascot-panel.is-action-hat-pop .color-chain-mascot-motion-fx.is-hat{animation:color-chain-floating-hat 2.3s ease-in-out both}.color-chain-mascot-motion-fx.is-grand-spell{border:4px solid rgba(255,222,117,.94);border-radius:50%;box-shadow:0 0 8px #fff,0 0 18px #8de8ff,0 0 30px #f057bde0,inset 0 0 18px #8de8ff8a;height:72%;left:10%;top:18%;width:80%}.color-chain-mascot-panel.is-action-grand-spell .color-chain-mascot-motion-fx.is-grand-spell{animation:color-chain-grand-spell-ring .7s ease-out both}.color-chain-mascot-image{top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .14s ease}.color-chain-mascot-image.is-active{opacity:1}.color-chain-mascot-image img{display:block;height:100%;object-fit:contain;transform:scale(1.32);transform-origin:center;-webkit-user-select:none;user-select:none;width:100%}.color-chain-mascot-image.is-blink.is-active{animation:color-chain-mascot-blink 5.4s steps(1,end) infinite;opacity:0}.color-chain-mascot-panel>p{background:#050a146b;border:1px solid rgba(255,255,255,.1);border-radius:13px;color:#f8f3ff;font-size:.76rem;line-height:1.5;margin:0;min-height:52px;padding:9px 10px;position:relative;z-index:2}.color-chain-mascot-panel.is-hidden{align-self:start;min-height:0}.color-chain-mascot-panel.is-hidden .color-chain-mascot-hidden-copy{color:var(--muted);margin-top:12px;min-height:0}@keyframes color-chain-mascot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes color-chain-mascot-chain-pop{0%{transform:scale(.94) translateY(4px)}58%{transform:scale(1.035) translateY(-5px)}to{transform:scale(1) translateY(0)}}@keyframes color-chain-mascot-blink{0%,88%,91%,to{opacity:0}89%,90%{opacity:1}}@keyframes color-chain-mascot-staff-spin{0%,to{transform:translateY(0) rotate(0)}20%{transform:translateY(-4px) rotate(-3deg)}48%{transform:translateY(-7px) rotate(4deg)}72%{transform:translateY(-3px) rotate(-2deg)}}@keyframes color-chain-staff-trail{0%,8%,92%,to{opacity:0;transform:rotate(-80deg) scale(.72)}22%,76%{opacity:.92}88%{opacity:.2;transform:rotate(620deg) scale(1.03)}}@keyframes color-chain-mascot-hat-catch{0%,to{transform:translateY(0) rotate(0)}20%{transform:translateY(2px) rotate(0)}42%{transform:translateY(-7px) rotate(3deg)}58%{transform:translateY(-4px) rotate(-4deg)}76%{transform:translateY(1px) rotate(1deg)}}@keyframes color-chain-floating-hat{0%,10%,92%,to{opacity:0;transform:translate(-50%,18px) rotate(-8deg) scale(.72)}26%{opacity:1;transform:translate(-50%,-20px) rotate(8deg) scale(1)}52%{opacity:1;transform:translate(-42%,-34px) rotate(-12deg) scale(1.04)}78%{opacity:.9;transform:translate(-50%,4px) rotate(4deg) scale(.9)}}@keyframes color-chain-mascot-grand-cast{0%{transform:translateY(5px) scale(.9) rotate(-3deg)}34%{transform:translateY(-9px) scale(1.04) rotate(3deg)}68%{transform:translateY(-3px) scale(1.08) rotate(-1deg)}to{transform:translateY(0) scale(1)}}@keyframes color-chain-grand-spell-ring{0%{opacity:0;transform:rotate(-65deg) scale(.3)}45%{opacity:1}to{opacity:0;transform:rotate(90deg) scale(1.18)}}@keyframes color-chain-grand-panel-flash{0%{opacity:0;transform:scale(.72)}42%{opacity:1}to{opacity:0;transform:scale(1.2)}}.color-chain-board-wrap{background:linear-gradient(160deg,#111a22,#251633);border:1px solid rgba(255,255,255,.16);border-radius:22px;box-shadow:0 20px 54px #02070c61;padding:12px;position:relative}.color-chain-board{background:#080d12;border:2px solid #536577;border-radius:12px;display:grid;grid-template-columns:repeat(8,var(--chain-cell-size));grid-template-rows:repeat(16,var(--chain-cell-size));overflow:hidden;touch-action:none}.color-chain-board.is-gesture-enabled{-webkit-tap-highlight-color:transparent;cursor:grab;-webkit-user-select:none;user-select:none}.color-chain-board.is-gesture-enabled:active{cursor:grabbing}.color-chain-board.is-gesture-horizontal{box-shadow:inset 16px 0 22px -20px #8de8ff,inset -16px 0 22px -20px #8de8ff}.color-chain-board.is-gesture-vertical{box-shadow:inset 0 -18px 24px -21px #ffdc72}.color-chain-cell{align-items:center;background:#ffffff05;border:1px solid rgba(123,148,170,.11);display:flex;font-size:calc(var(--chain-cell-size) * .47);font-weight:900;justify-content:center;position:relative}.color-chain-cell:after,.color-chain-next-pair i:after,.color-chain-block-icon:after{color:#080d1285;content:attr(data-symbol);filter:drop-shadow(0 1px 0 rgba(255,255,255,.3));line-height:1;position:relative;z-index:1}.color-chain-cell.is-coral,.color-chain-next-pair i.is-coral{--chain-block-edge: #ff9ab1;--chain-block-glow: rgba(255, 68, 116, .5);background:radial-gradient(circle at 28% 20%,#fff 0 5%,transparent 7%),linear-gradient(145deg,#ffb4c5,#ff617f 36%,#ef2e64 70%,#9e174b)}.color-chain-cell.is-gold,.color-chain-next-pair i.is-gold{--chain-block-edge: #ffe27a;--chain-block-glow: rgba(255, 202, 44, .52);background:radial-gradient(circle at 28% 20%,#fff 0 5%,transparent 7%),linear-gradient(145deg,#fff0a0,#ffd24b 36%,#f2a928 70%,#a85d0d)}.color-chain-cell.is-mint,.color-chain-next-pair i.is-mint{--chain-block-edge: #8ff6c2;--chain-block-glow: rgba(73, 231, 158, .48);background:radial-gradient(circle at 28% 20%,#fff 0 5%,transparent 7%),linear-gradient(145deg,#baffd8,#59e4a2 36%,#24b978 70%,#08744e)}.color-chain-cell.is-sky,.color-chain-next-pair i.is-sky{--chain-block-edge: #91efff;--chain-block-glow: rgba(56, 213, 255, .54);background:radial-gradient(circle at 28% 20%,#fff 0 5%,transparent 7%),linear-gradient(145deg,#c1f8ff,#4bdcff 36%,#1aaee7 70%,#12629f)}.color-chain-cell.is-violet,.color-chain-next-pair i.is-violet{--chain-block-edge: #c9afff;--chain-block-glow: rgba(151, 104, 255, .5);background:radial-gradient(circle at 28% 20%,#fff 0 5%,transparent 7%),linear-gradient(145deg,#e3d1ff,#a879ff 36%,#7645df 70%,#43209b)}.color-chain-cell.is-rose,.color-chain-next-pair i.is-rose{--chain-block-edge: #ff9be3;--chain-block-glow: rgba(255, 61, 205, .54);background:radial-gradient(circle at 28% 20%,#fff 0 5%,transparent 7%),linear-gradient(145deg,#ffc4ec,#ff55ce 36%,#dd249f 70%,#8b176d)}.color-chain-cell.is-bomb,.color-chain-next-pair i.is-bomb,.color-chain-block-icon.is-bomb{--chain-block-edge: #ffd166;--chain-block-glow: rgba(255, 122, 53, .5);background:radial-gradient(circle at 38% 32%,#fff4b0 0,#fff4b0 8%,#ff9f43 9%,#ff9f43 20%,#dc3e3e 38%,#21151d 72%);border-color:#ffd166;color:#fff4b0}.color-chain-cell.is-bomb:after,.color-chain-next-pair i.is-bomb:after,.color-chain-block-icon.is-bomb:after{color:#fff7c7;filter:drop-shadow(0 0 4px #ff7a35)}.color-chain-cell.is-vertical-laser,.color-chain-next-pair i.is-vertical-laser,.color-chain-block-icon.is-vertical-laser{--chain-block-edge: #9cf4ff;--chain-block-glow: rgba(103, 232, 255, .52);background:linear-gradient(135deg,#082a4a,#1ca7d9 42%,#d8fbff,#1ca7d9 58%,#082a4a);border-color:#9cf4ff}.color-chain-cell.is-vertical-laser:after,.color-chain-next-pair i.is-vertical-laser:after,.color-chain-block-icon.is-vertical-laser:after{color:#f4feff;filter:drop-shadow(0 0 4px #67e8ff)}.color-chain-cell.is-horizontal-laser,.color-chain-next-pair i.is-horizontal-laser,.color-chain-block-icon.is-horizontal-laser{--chain-block-edge: #ff9add;--chain-block-glow: rgba(255, 117, 206, .52);background:linear-gradient(45deg,#4a123e,#f057bd 42%,#fff1fa,#f057bd 58%,#4a123e);border-color:#ff9add}.color-chain-cell.is-horizontal-laser:after,.color-chain-next-pair i.is-horizontal-laser:after,.color-chain-block-icon.is-horizontal-laser:after{color:#fff5fc;filter:drop-shadow(0 0 4px #ff75ce)}.color-chain-cell.is-color-breaker,.color-chain-next-pair i.is-color-breaker,.color-chain-block-icon.is-color-breaker{--chain-block-edge: #fff2a6;--chain-block-glow: rgba(255, 131, 213, .58);background:conic-gradient(from 25deg,#ff7798,#ffd66a,#78eaa8,#6fdfff,#a98bff,#ff83d5,#ff7798);border-color:#fff2a6}.color-chain-cell.is-color-breaker:after,.color-chain-next-pair i.is-color-breaker:after,.color-chain-block-icon.is-color-breaker:after{color:#fff;filter:drop-shadow(0 0 4px #6d2e9f)}.color-chain-cell[class*=" is-"]:not(.is-ghost),.color-chain-next-pair i[class*=is-],.color-chain-block-icon[class*=is-]{border-color:var(--chain-block-edge, rgba(255, 255, 255, .35));border-radius:29%;box-shadow:inset 0 2px 3px #ffffff7a,inset 0 -4px 5px #0003,0 0 7px var(--chain-block-glow, transparent);overflow:hidden}.color-chain-cell[class*=" is-"]:not(.is-ghost):before,.color-chain-next-pair i[class*=is-]:before,.color-chain-block-icon[class*=is-]:before{background:linear-gradient(180deg,#ffffff80,#ffffff14);border:1px solid rgba(255,255,255,.2);border-radius:40% 40% 48% 48%;content:"";top:2px;right:3px;bottom:48%;left:3px;pointer-events:none;position:absolute}.color-chain-block-icon{align-items:center;border:1px solid rgba(255,255,255,.35);border-radius:29%;box-shadow:inset 0 2px 3px #ffffff59,inset 0 -3px 4px #00000026;display:inline-flex;flex:0 0 auto;font-size:13px;font-style:normal;height:27px;justify-content:center;position:relative;width:27px}.color-chain-cell.is-active{filter:brightness(1.12) saturate(1.12);outline:2px solid rgba(255,255,255,.84);outline-offset:-3px;z-index:2}.color-chain-cell.is-ghost{background:transparent;border:2px dashed currentColor;border-radius:30%;box-shadow:none;opacity:.35}.color-chain-cell.is-clearing{animation:color-chain-clear .22s ease-in-out infinite alternate;box-shadow:inset 0 0 8px #ffffffe6,0 0 12px #ffd166,0 0 22px #f057bdbf;filter:brightness(1.8) saturate(.7);z-index:3}.color-chain-cell.is-clearing:before{animation:color-chain-link-flash .22s ease-in-out infinite alternate;background:radial-gradient(ellipse at 36% 50%,transparent 0 23%,#fff7b8 27% 38%,transparent 42%),radial-gradient(ellipse at 64% 50%,transparent 0 23%,#9cf4ff 27% 38%,transparent 42%);border:0;top:2px;right:2px;bottom:2px;left:2px}.color-chain-cell.is-prism-breaking{animation:color-chain-prism-break .43s cubic-bezier(.32,.02,.68,1) both;box-shadow:inset 0 0 8px #ffffffdb,0 0 9px var(--chain-block-glow, rgba(125, 222, 255, .7));transform-origin:50% 50%;will-change:opacity,transform;z-index:4}.color-chain-cell.is-prism-breaking:before{animation:color-chain-prism-break-sheen .43s ease-in both}.color-chain-cell.is-slippery{animation:color-chain-slippery-pulse 1.15s ease-in-out infinite;outline:2px solid rgba(151,255,220,.92);outline-offset:-2px;z-index:3}.color-chain-slime-mark{background:radial-gradient(circle at 28% 30%,rgba(255,255,255,.92) 0 5%,transparent 7%),radial-gradient(circle at 70% 62%,rgba(227,255,247,.72) 0 7%,transparent 9%),linear-gradient(145deg,#89ffdc33,#27cdacb8);border:1px solid rgba(191,255,236,.9);border-radius:46% 54% 50% 42%;box-shadow:inset 0 1px 4px #ffffffb8,0 0 9px #4fffd3d1;top:3px;right:3px;bottom:3px;left:3px;pointer-events:none;position:absolute;transform:rotate(-7deg);z-index:3}@keyframes color-chain-clear{0%{opacity:.55;transform:scale(.76) rotate(-4deg)}to{opacity:1;transform:scale(1.08) rotate(4deg)}}@keyframes color-chain-prism-break{0%{opacity:1;transform:scale(1) rotate(0)}28%{opacity:1;transform:scale(.9) rotate(120deg)}72%{opacity:.68;transform:scale(.4) rotate(480deg)}to{opacity:0;transform:scale(.03) rotate(720deg)}}@keyframes color-chain-prism-break-sheen{0%,24%{opacity:.72}to{opacity:0}}@keyframes color-chain-slippery-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3) saturate(1.15)}}@keyframes color-chain-link-flash{0%{opacity:.45;transform:scale(.72) rotate(-12deg)}to{opacity:1;transform:scale(1.12) rotate(8deg)}}.color-chain-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05090ec2;border-radius:12px;display:flex;flex-direction:column;gap:13px;top:12px;right:12px;bottom:12px;left:12px;justify-content:center;position:absolute;text-align:center;z-index:6}.color-chain-overlay>svg{color:#ffcf6d;height:38px;width:38px}.color-chain-overlay>strong{font-size:1.15rem}.color-chain-burst{align-items:center;animation:color-chain-burst .38s ease-out;background:#0c1017e6;border:2px solid #ffdc72;border-radius:999px;color:#ffdc72;display:flex;gap:8px;justify-content:center;left:50%;max-width:calc(100% - 30px);padding:9px 16px;position:absolute;top:42%;transform:translate(-50%,-50%);text-align:center;width:max-content;z-index:7}.color-chain-burst>span{display:grid;gap:2px}.color-chain-burst strong{font-size:clamp(.72rem,2.8vw,1rem)}.color-chain-burst small{color:#fff4c8;font-size:clamp(.58rem,2.2vw,.72rem);font-weight:800;letter-spacing:.03em}.color-chain-burst.is-special-move{background:linear-gradient(125deg,#1b1231f5,#081b2af5);border-color:#8de8ff;box-shadow:0 0 18px #8de8ff6b,0 0 30px #f057bd38;color:#fff2a8}.color-chain-burst.is-super-move{animation:color-chain-super-burst .62s cubic-bezier(.16,.88,.28,1.16) both;border-color:#fff4b8;box-shadow:0 0 12px #fff,0 0 28px #8de8ffc7,0 0 46px #f057bd85;padding:12px 18px}.color-chain-grand-spell-effect{animation:color-chain-grand-board-flash .64s ease-out both;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.68),transparent 22%),conic-gradient(from 40deg,transparent,rgba(141,232,255,.34),transparent,rgba(240,87,189,.38),transparent);border-radius:12px;top:12px;right:12px;bottom:12px;left:12px;overflow:hidden;pointer-events:none;position:absolute;z-index:6}.color-chain-grand-spell-effect i{border:3px solid rgba(255,238,151,.92);border-radius:50%;box-shadow:0 0 10px #fff,0 0 22px #8de8ff,inset 0 0 16px #f057bd8a;height:46%;left:27%;position:absolute;top:27%;width:46%}.color-chain-grand-spell-effect i:nth-child(1){animation:color-chain-grand-board-ring .62s ease-out both}.color-chain-grand-spell-effect i:nth-child(2){animation:color-chain-grand-board-ring .62s 60ms ease-out reverse both;transform:scale(.62)}.color-chain-grand-spell-effect i:nth-child(3){animation:color-chain-grand-board-sweep .56s ease-out both;border-radius:18%;height:12%;left:-10%;top:44%;width:120%}.color-chain-grand-spell-effect.is-trinity-pillar i:nth-child(3){height:120%;left:44%;top:-10%;width:12%}.color-chain-grand-spell-effect.is-prism-nova{filter:hue-rotate(28deg) saturate(1.3)}.color-chain-grand-spell-effect.is-grand-chain-bomb{background:radial-gradient(circle,rgba(255,249,189,.92),rgba(255,111,178,.48) 28%,transparent 68%)}.color-chain-play-area.is-grand-spell-active .color-chain-board-wrap{animation:color-chain-grand-board-impact .62s ease-out both}.color-chain-magic-chain-effect{filter:drop-shadow(0 0 7px rgba(255,209,102,.82));top:12px;right:12px;bottom:12px;left:12px;opacity:.62;overflow:hidden;pointer-events:none;position:absolute;z-index:5}.color-chain-magic-chain-effect span{align-items:center;display:flex;justify-content:center;left:-24%;position:absolute;width:148%}.color-chain-magic-chain-effect span:first-child{top:34%;transform:rotate(-31deg)}.color-chain-magic-chain-effect span:last-child{bottom:31%;transform:rotate(33deg)}.color-chain-magic-chain-effect i{animation:color-chain-magic-link .36s ease-out both;border:2px solid #ffe397;border-radius:50%;box-shadow:inset 0 0 5px #ffffffb8,0 0 8px #ffd166d1;flex:0 0 auto;height:calc(var(--chain-cell-size) * .46);margin-left:calc(var(--chain-cell-size) * -.14);transform:rotate(15deg) scale(.25);width:calc(var(--chain-cell-size) * .9)}.color-chain-magic-chain-effect i:nth-child(2n){border-color:#87ecff;box-shadow:inset 0 0 5px #ffffffb8,0 0 8px #50d9ffdb;transform:rotate(78deg) scale(.25)}.color-chain-magic-chain-effect.is-tier-3,.color-chain-magic-chain-effect.is-tier-4,.color-chain-magic-chain-effect.is-tier-5,.color-chain-magic-chain-effect.is-tier-6{filter:drop-shadow(0 0 11px rgba(240,87,189,.9));opacity:.9}@keyframes color-chain-magic-link{0%{opacity:0}to{opacity:1;transform:rotate(15deg) scale(1)}}.color-chain-magic-chain-effect i:nth-child(2n){animation-name:color-chain-magic-link-even}@keyframes color-chain-magic-link-even{0%{opacity:0}to{opacity:1;transform:rotate(78deg) scale(1)}}@keyframes color-chain-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes color-chain-super-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.38) rotate(-4deg)}58%{opacity:1;transform:translate(-50%,-50%) scale(1.1) rotate(1deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes color-chain-grand-board-flash{0%{opacity:0;transform:scale(.78)}38%{opacity:1}to{opacity:0;transform:scale(1.08)}}@keyframes color-chain-grand-board-ring{0%{opacity:0;transform:rotate(-70deg) scale(.25)}44%{opacity:1}to{opacity:0;transform:rotate(90deg) scale(1.75)}}@keyframes color-chain-grand-board-sweep{0%{opacity:0;transform:scaleX(.12)}45%{opacity:1}to{opacity:0;transform:scaleX(1.08)}}@keyframes color-chain-grand-board-impact{0%,to{transform:translate(0)}20%{transform:translate(-3px,1px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,-1px)}80%{transform:translate(2px,1px)}}.color-chain-touch-controls{display:grid;gap:7px;grid-template-columns:repeat(5,minmax(48px,58px));justify-content:center;width:100%}.color-chain-touch-controls button{align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:13px;color:#f7f8fb;display:flex;height:48px;justify-content:center}.color-chain-touch-controls button:disabled{opacity:.35}.color-chain-laser-panel{background:#08131ce6;border:1px solid rgba(98,208,255,.28);border-radius:15px;display:grid;gap:9px;max-width:calc(var(--chain-cell-size) * 8 + 24px);padding:11px 13px;width:100%}.color-chain-laser-panel.is-ready{border-color:#69dcff;box-shadow:0 0 20px #44c8ff33}.color-chain-laser-heading{align-items:center;display:flex;justify-content:space-between}.color-chain-laser-heading span{align-items:center;display:inline-flex;gap:7px}.color-chain-laser-heading svg{color:#72ddff;height:18px;width:18px}.color-chain-laser-gauge{background:#ffffff14;border-radius:999px;height:9px;overflow:hidden}.color-chain-laser-gauge i{background:linear-gradient(90deg,#468cff,#6ce8ff,#f7ffff);display:block;height:100%;transition:width .18s linear}.color-chain-laser-panel>button{justify-self:stretch}.color-chain-second-tools{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:calc(var(--chain-cell-size) * 8 + 24px);width:100%}.color-chain-tool-card{background:#08131ce6;border:1px solid rgba(255,255,255,.14);border-radius:15px;display:grid;gap:8px;grid-template-rows:auto minmax(32px,auto) auto;min-width:0;padding:10px}.color-chain-tool-card.is-ready,.color-chain-tool-card.is-active{border-color:#96e9ff;box-shadow:0 0 18px #69dcff29}.color-chain-tool-heading{align-items:center;display:flex;font-size:.78rem;gap:5px;justify-content:space-between;min-width:0}.color-chain-tool-heading span{align-items:center;display:inline-flex;gap:5px;min-width:0}.color-chain-tool-heading svg{color:#8de8ff;flex:0 0 auto;height:17px;width:17px}.color-chain-tool-heading strong{color:#b9f2ff;font-size:.72rem;text-align:right}.color-chain-slow-gauge{align-self:center;background:#ffffff14;border-radius:999px;height:9px;overflow:hidden}.color-chain-slow-gauge i{background:linear-gradient(90deg,#557cff,#78e7ff,#f5ffff);display:block;height:100%;transition:width .18s linear}.color-chain-tool-card>button{font-size:.76rem;justify-self:stretch;min-width:0;padding:8px 6px;white-space:normal}.color-chain-tool-card>button:disabled{cursor:not-allowed;opacity:.46}.color-chain-hold-slot{align-items:center;color:var(--muted);display:flex;font-size:.78rem;justify-content:center;min-height:32px}.color-chain-hold-slot .color-chain-next-pair{grid-auto-flow:column}.color-chain-hold-slot .color-chain-next-pair i{height:27px;width:27px}.color-chain-hold.is-used{border-color:#ffffff14}.color-chain-laser-selector,.color-chain-horizontal-laser-beams,.color-chain-vertical-laser-beams{display:grid;top:12px;right:12px;bottom:12px;left:12px;pointer-events:none;position:absolute;z-index:8}.color-chain-laser-selector,.color-chain-horizontal-laser-beams{grid-template-rows:repeat(16,1fr)}.color-chain-vertical-laser-beams{grid-template-columns:repeat(8,1fr)}.color-chain-laser-selector button{align-items:center;background:#36c7ff0d;border:1px solid rgba(113,224,255,.18);color:#dffaff;display:flex;justify-content:flex-start;min-height:0;padding:0 0 0 5px;pointer-events:auto}.color-chain-laser-selector button:hover,.color-chain-laser-selector button:focus-visible,.color-chain-laser-selector button.is-selected{background:linear-gradient(#c0f9ff52,#36c7ff1f);border-color:#bcefff;outline:2px solid #fff;outline-offset:-3px}.color-chain-laser-selector span{background:#03111bcc;border-radius:999px;display:grid;font-size:.62rem;height:18px;place-items:center;width:18px}.color-chain-horizontal-laser-beams i.is-active{animation:color-chain-horizontal-laser .3s ease-out infinite alternate;background:linear-gradient(90deg,transparent,#9cf4ff 30%,#fff 50%,#9cf4ff 70%,transparent);box-shadow:0 0 22px #59dfff}.color-chain-vertical-laser-beams i.is-active{animation:color-chain-vertical-laser .3s ease-out infinite alternate;background:linear-gradient(180deg,transparent,#9cf4ff 30%,#fff 50%,#9cf4ff 70%,transparent);box-shadow:0 0 22px #59dfff}@keyframes color-chain-horizontal-laser{0%{opacity:.6;transform:scaleX(.65)}to{opacity:1;transform:scaleX(1)}}@keyframes color-chain-vertical-laser{0%{opacity:.6;transform:scaleY(.65)}to{opacity:1;transform:scaleY(1)}}.color-chain-help{margin:16px 0}.color-chain-help>h3{margin:0 0 9px}.color-chain-help-icons{display:grid;gap:6px;grid-template-columns:repeat(6,minmax(0,1fr))}.color-chain-help-icon{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:11px;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:5px;justify-content:flex-start;min-width:0;padding:9px 3px 7px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.color-chain-help-icon svg{color:#ffae55;height:21px;width:21px}.color-chain-help-icon span{align-items:center;display:flex;font-size:.64rem;justify-content:center;line-height:1.2;min-height:2.4em;overflow-wrap:anywhere;text-align:center}.color-chain-help-icon.is-slowTime svg{color:#8edcff}.color-chain-help-icon.is-hold svg{color:#c7a8ff}.color-chain-help-icon:hover,.color-chain-help-icon:focus-visible,.color-chain-help-icon[aria-expanded=true],.color-chain-help-icon.is-selected{background:#ffffff1c;border-color:#9de7ffad;box-shadow:0 0 0 1px #9de7ff1f,0 8px 24px #00000029;outline:none;transform:translateY(-1px)}.color-chain-help-icon:focus-visible{box-shadow:0 0 0 3px #9de7ff47,0 8px 24px #00000029}.color-chain-help-detail{background:#07121e8a;border:1px solid rgba(157,231,255,.14);border-radius:12px;margin-top:8px;min-height:92px;padding:11px 12px}.color-chain-help-detail.is-active{background:linear-gradient(135deg,#3fbdff1a,#a45cff12);border-color:#9de7ff45}.color-chain-help-detail strong{color:#bcefff;display:block;font-size:.84rem;margin-bottom:4px}.color-chain-help-detail p{font-size:.78rem;line-height:1.58;margin:0}.color-chain-help-detail.is-empty{align-items:center;color:var(--muted);display:flex}.color-chain-gesture-guide{background:linear-gradient(135deg,#8de8ff1a,#f057bd14);border:1px solid rgba(141,232,255,.2);border-radius:12px;color:#dcecf4;font-size:.78rem;line-height:1.55;margin-top:9px;padding:9px 11px}.color-chain-gesture-guide strong{color:#9cf4ff}.color-chain-next>div{display:flex;gap:16px;margin-top:12px}.color-chain-next-pair{display:grid;gap:3px}.color-chain-next-pair i{align-items:center;border:1px solid rgba(255,255,255,.32);border-radius:8px;display:flex;font-style:normal;height:29px;justify-content:center;position:relative;width:29px}.color-chain-difficulties{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.color-chain-difficulties button{background:#ffffff0d;border:1px solid rgba(255,255,255,.14);border-radius:13px;color:inherit;display:grid;gap:3px;padding:11px 8px}.color-chain-difficulties button.is-selected{background:#ff8ac726;border-color:#ff8ac7}.color-chain-difficulties button:disabled{cursor:not-allowed;opacity:.5}.color-chain-difficulties small{color:var(--muted);font-size:.72rem}.color-chain-progress{background:#ffffff0b;border:1px solid rgba(255,255,255,.12);border-radius:15px;display:grid;gap:7px;padding:13px 15px}.color-chain-progress span{color:var(--muted)}.color-chain-progress strong{color:var(--ink)}.color-chain-actions{flex-wrap:wrap}@media(max-width:900px){.color-chain-shell{--chain-cell-size: min(36px, 4.2vh, calc((100vw - 58px)/8) )}.color-chain-layout{grid-template-columns:1fr}.color-chain-play-area{position:static}.color-chain-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.color-chain-side>.ranking-card,.color-chain-side>.color-chain-actions,.color-chain-side>.shelf-button{grid-column:1 / -1}}@media(max-width:1100px){.color-chain-shell.is-mascot-test .color-chain-layout{grid-template-columns:1fr}.color-chain-shell.is-mascot-test .color-chain-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.color-chain-shell.is-mascot-test .color-chain-side>.ranking-card,.color-chain-shell.is-mascot-test .color-chain-side>.color-chain-actions,.color-chain-shell.is-mascot-test .color-chain-side>.shelf-button{grid-column:1 / -1}}@media(max-width:620px){.color-chain-help-icons{grid-template-columns:repeat(3,minmax(0,1fr))}.color-chain-shell{--chain-cell-size: min(34px, 4.1vh, calc((100vw - 42px)/8) )}.color-chain-hero{gap:10px}.color-chain-score{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.color-chain-score div{min-width:0;padding:9px 5px}.color-chain-score strong{font-size:1.05rem}.color-chain-board-wrap{border-radius:15px;padding:7px}.color-chain-overlay,.color-chain-laser-selector,.color-chain-horizontal-laser-beams,.color-chain-vertical-laser-beams{top:7px;right:7px;bottom:7px;left:7px}.color-chain-touch-controls{gap:5px;grid-template-columns:repeat(5,minmax(44px,1fr));max-width:calc(var(--chain-cell-size) * 8 + 14px)}.color-chain-touch-controls button{height:46px}.color-chain-laser-panel{max-width:calc(var(--chain-cell-size) * 8 + 14px);padding:9px 10px}.color-chain-second-tools{max-width:calc(var(--chain-cell-size) * 8 + 14px)}.color-chain-play-area.has-mascot{grid-template-columns:minmax(0,1fr)}.color-chain-play-area.has-mascot>.color-chain-board-wrap{grid-column:1;grid-row:1}.color-chain-play-area.has-mascot>.color-chain-touch-controls{grid-column:1;grid-row:2}.color-chain-play-area.has-mascot>.color-chain-mascot-panel{grid-column:1;grid-row:3}.color-chain-mascot-panel{display:grid;gap:4px 10px;grid-template-columns:96px minmax(0,1fr);min-height:116px;padding:9px 10px;width:min(100%,calc(var(--chain-cell-size) * 8 + 14px))}.color-chain-mascot-heading{grid-column:2;grid-row:1}.color-chain-mascot-portrait{align-self:center;aspect-ratio:1;flex:none;grid-column:1;grid-row:1 / span 2;margin:0;min-height:0;width:96px}.color-chain-mascot-image img{transform:scale(1.24)}.color-chain-mascot-panel>p{align-self:stretch;font-size:.72rem;grid-column:2;grid-row:2;min-height:0;padding:7px 8px}.color-chain-mascot-panel.is-hidden{display:flex;width:min(100%,calc(var(--chain-cell-size) * 8 + 14px))}.color-chain-mascot-panel.is-hidden .color-chain-mascot-hidden-copy{margin-top:6px}.color-chain-side{display:flex;flex-direction:column;min-width:0;width:100%}.color-chain-difficulties{gap:5px}.color-chain-difficulties button{padding:9px 4px}}@media(prefers-reduced-motion:reduce){.color-chain-cell.is-clearing,.color-chain-cell.is-prism-breaking,.color-chain-rotation-board-spell-effect>i,.color-chain-burst,.color-chain-opponent-panel .color-chain-moko-slime,.color-chain-grand-spell-effect,.color-chain-grand-spell-effect i,.color-chain-play-area.is-grand-spell-active .color-chain-board-wrap,.color-chain-magic-chain-effect i,.color-chain-horizontal-laser-beams i.is-active,.color-chain-vertical-laser-beams i.is-active{animation:none}.color-chain-mascot-portrait,.color-chain-mascot-panel.is-chain .color-chain-mascot-portrait,.color-chain-mascot-panel.is-action-staff-spin .color-chain-mascot-portrait,.color-chain-mascot-panel.is-action-hat-pop .color-chain-mascot-portrait,.color-chain-mascot-panel.is-action-grand-spell .color-chain-mascot-portrait,.color-chain-mascot-panel.is-action-grand-spell:before,.color-chain-mascot-panel.is-action-staff-spin .color-chain-mascot-motion-fx.is-staff,.color-chain-mascot-panel.is-action-hat-pop .color-chain-mascot-motion-fx.is-hat,.color-chain-mascot-panel.is-action-grand-spell .color-chain-mascot-motion-fx.is-grand-spell,.color-chain-mascot-image.is-blink.is-active{animation:none}.color-chain-magic-chain-effect i{opacity:1;transform:rotate(15deg) scale(1)}.color-chain-magic-chain-effect i:nth-child(2n){transform:rotate(78deg) scale(1)}}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#101516}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 16% 2%,rgba(82,118,108,.18),transparent 27rem),linear-gradient(135deg,rgba(255,255,255,.018) 25%,transparent 25%) 0 0 / 36px 36px,#101516}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";opacity:.12;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");pointer-events:none}a{color:inherit}main{width:min(1180px,calc(100% - 40px));min-height:100vh;margin:0 auto;padding:72px 0 34px}.hero{display:flex;align-items:flex-start;gap:20px;margin-bottom:54px}.hero>div:nth-child(2){flex:1 1 auto}.brand-mark{width:52px;height:52px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;color:#101516;background:var(--ink)}.brand-mark svg{width:25px}.eyebrow,.genre,.english-title,footer{letter-spacing:.16em}footer a{color:inherit;text-underline-offset:3px}footer a:hover,footer a:focus-visible{color:var(--ink)}.eyebrow{margin:2px 0 7px;color:#a8b3b0;font-size:.72rem;font-weight:700}h1{margin:0;font-size:clamp(2.7rem,7vw,5.8rem);font-weight:600;line-height:.96;letter-spacing:-.055em}.lead{margin:20px 0 0;color:var(--muted);font-size:1rem}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px}.hero-actions>span{color:#7f8987;font-size:.82rem;line-height:1.5}.random-game-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 17px;border:1px solid rgba(244,241,232,.18);border-radius:999px;color:#101516;background:linear-gradient(135deg,#f4f1e8,#d9a84e);box-shadow:0 18px 48px #d9a84e24;font:inherit;font-size:.86rem;font-weight:900;letter-spacing:.04em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.random-game-button svg{width:18px}.random-game-button:hover,.random-game-button:focus-visible{transform:translateY(-2px);box-shadow:0 22px 58px #d9a84e38;filter:saturate(1.05);outline:0}.random-game-button:disabled{cursor:default;opacity:.45;transform:none;box-shadow:none;filter:grayscale(.5)}.language-switcher{min-height:42px;display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;padding:8px 11px;border:1px solid rgba(244,241,232,.14);border-radius:999px;color:#a8b3b0;background:#192021c7;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.language-switcher svg{width:17px;color:var(--ink)}.language-switcher select{border:0;color:var(--ink);background:#192021;color-scheme:dark;font:inherit;cursor:pointer}.language-switcher select option{color:var(--ink);background:#192021}.language-switcher select:focus{outline:0}.language-switcher:focus-within{border-color:#f4f1e857;background:#192021f5}.quick-shelf{margin-bottom:34px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.section-heading h2{font-size:clamp(1.4rem,3vw,2.1rem)}.section-heading>span,.shelf-count span{color:#697270;font-size:.62rem;font-weight:800;letter-spacing:.14em}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.saved-shelf{margin-bottom:24px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;background:linear-gradient(135deg,rgba(244,241,232,.045),transparent 48%),#192021a3}.saved-shelf-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:12px}.saved-shelf-heading h2{font-size:clamp(1.05rem,2vw,1.35rem)}.saved-shelf-heading>span{min-width:32px;padding:5px 8px;border:1px solid rgba(244,241,232,.12);border-radius:999px;color:#a8b3b0;background:#080b0c6b;font-size:.72rem;font-weight:800;text-align:center}.saved-shelf-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#101516;background:var(--ink)}.saved-shelf-icon svg{width:18px}.saved-game-list{display:flex;flex-wrap:wrap;gap:10px}.saved-game-chip{--accent: #d9a84e;min-width:142px;display:grid;gap:3px;padding:10px 12px;border:1px solid rgba(244,241,232,.12);border-left:4px solid var(--accent);border-radius:4px;background:#080b0c57;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.saved-game-chip:hover,.saved-game-chip:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 70%,white 14%);background:#f4f1e814}.saved-game-chip span{overflow:hidden;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.saved-game-chip small{overflow:hidden;color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.saved-shelf-empty{margin:0;padding:12px;border:1px dashed rgba(244,241,232,.14);border-radius:4px;color:var(--muted);background:#080b0c3d;font-size:.9rem}.shelf-tools{display:grid;grid-template-columns:minmax(240px,1fr) minmax(190px,260px) auto;gap:14px;align-items:stretch;margin:0 0 28px;padding:14px;border:1px solid var(--line);border-radius:6px;background:#192021bd}.search-box,.genre-filter,.shelf-count{min-width:0;min-height:48px;border:1px solid rgba(244,241,232,.13);border-radius:4px;background:#080b0c57}.search-box{display:flex;align-items:center;gap:11px;padding:0 15px}.search-box svg{width:19px;flex:0 0 auto;color:#a8b3b0}.search-box input,.genre-filter select{width:100%;min-width:0;border:0;color:var(--ink);background:#0d1213;color-scheme:dark;font:inherit}.genre-filter select option,.select-label select option{color:var(--ink);background:#0d1213}.search-box input:focus,.genre-filter select:focus{outline:0}.search-box:focus-within,.genre-filter:focus-within{border-color:#f4f1e857;background:#080b0c80}.genre-filter{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:0 13px}.genre-filter span{color:#a8b3b0;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.genre-filter select{cursor:pointer}.shelf-count{display:grid;place-items:center;min-width:84px;padding:6px 14px}.shelf-count strong{font-size:1.25rem;line-height:1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.empty-state{margin:28px 0;padding:22px;border:1px solid var(--line);border-radius:5px;color:var(--muted);background:#192021bd;text-align:center}.copy-toast{position:fixed;top:18px;right:18px;z-index:30;max-width:min(360px,calc(100% - 36px));padding:12px 15px;border:1px solid rgba(244,241,232,.2);border-radius:999px;color:var(--ink);background:#080b0ceb;box-shadow:0 18px 60px #00000059;font-size:.84rem;font-weight:800;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:toast-in .22s ease both}.pwa-install-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 17px;border:1px solid rgba(244,241,232,.22);border-radius:999px;color:var(--ink);background:#f4f1e814;font:inherit;font-weight:900;cursor:pointer}.pwa-install-button svg,.pwa-offline-badge svg,.pwa-toast button svg{width:18px;height:18px}.pwa-offline-badge{position:fixed;left:18px;bottom:18px;z-index:1300;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(255,207,109,.35);border-radius:999px;color:#ffcf6d;background:#080b0cf0;font-size:.78rem;font-weight:900}.pwa-toast{position:fixed;right:18px;bottom:18px;z-index:1300;width:min(430px,calc(100% - 36px));display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(244,241,232,.2);border-radius:18px;color:var(--ink);background:#080b0cf5;box-shadow:0 20px 70px #0000006b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.pwa-toast p{flex:1;margin:0;line-height:1.5}.pwa-toast button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:0;border-radius:999px;color:#101516;background:var(--accent, #d9a84e);font-weight:900;cursor:pointer}.pwa-toast .pwa-toast-close{width:40px;padding:0;color:var(--ink);background:#f4f1e81a}@media(max-width:620px){.pwa-toast{left:12px;right:12px;bottom:12px;width:auto;flex-wrap:wrap}.pwa-toast p{min-width:calc(100% - 52px)}}.game-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.game-loading{min-height:45vh;display:grid;place-items:center;color:var(--muted);font-weight:800;letter-spacing:.08em}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.game-card{--accent: #d9a84e;--delay: 0ms;min-width:0;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:3px;background:#192021eb;box-shadow:0 24px 70px #0003;text-decoration:none;animation:reveal .62s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--delay);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.game-card-hit-area{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.game-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--accent) 75%,white 10%);box-shadow:0 30px 90px #00000061}.game-card.is-coming-soon{cursor:default;opacity:.68}.game-card.is-coming-soon:hover{transform:none;border-color:var(--line);box-shadow:0 24px 70px #0003}.game-card.is-compact .card-body{padding:18px 18px 20px}.game-card.is-compact h2{font-size:clamp(1.1rem,2vw,1.45rem)}.game-card.is-compact .card-body p{min-height:4.9em;margin:13px 0 17px;font-size:.86rem}.game-card:has(.game-card-hit-area:focus-visible){outline:3px solid var(--accent);outline-offset:5px}.screenshot-frame{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-bottom:4px solid var(--accent);background:#080b0c}.screenshot-frame:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(180deg,transparent 58%,rgba(7,10,10,.52));pointer-events:none}.card-action-row{position:absolute;top:12px;right:12px;z-index:2;display:flex;gap:8px}.favorite-button,.share-link-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(244,241,232,.18);border-radius:50%;color:var(--ink);background:#080b0c9e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.favorite-button svg,.share-link-button svg{width:19px;transition:fill .18s ease,transform .18s ease}.favorite-button svg{fill:transparent}.favorite-button:hover,.favorite-button:focus-visible,.share-link-button:hover,.share-link-button:focus-visible{transform:translateY(-2px) scale(1.04);border-color:#f4f1e875;background:#080b0cdb;outline:0}.favorite-button.is-active{color:#ffd36e;border-color:#ffd36e8c;background:#3a270ab8}.favorite-button.is-active svg{fill:currentColor;transform:rotate(-7deg)}.share-link-button:hover svg,.share-link-button:focus-visible svg{transform:rotate(-10deg)}.screenshot-frame img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .3s ease}.game-card:hover .screenshot-frame img{transform:scale(1.035);filter:saturate(1.08)}.play-label{position:absolute;right:18px;bottom:16px;z-index:1;display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:2px;color:#121718;background:var(--ink);font-size:.72rem;font-weight:700;letter-spacing:.12em}.play-label svg{width:15px}.card-body{padding:25px 26px 27px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.genre{display:block;margin-bottom:9px;color:var(--accent);font-size:.64rem;font-weight:700}h2{margin:0;font-size:clamp(1.45rem,3vw,2rem);font-weight:600;letter-spacing:-.025em}.card-arrow{width:25px;flex:0 0 auto;color:var(--accent);transition:transform .22s ease}.game-card:hover .card-arrow{transform:translate(4px,-4px)}.card-body p{min-height:3.3em;margin:17px 0 22px;color:var(--muted);font-size:.94rem;line-height:1.75}.english-title{color:#68716f;font-size:.62rem;font-weight:700}.card-meta{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px}.kind-badge{flex:0 0 auto;padding:5px 8px;border:1px solid rgba(244,241,232,.13);border-radius:999px;color:#101516;background:var(--accent);font-size:.58rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.kind-badge.is-external{color:var(--ink);background:#f4f1e814}.kind-badge.is-embedded{color:#101516;background:linear-gradient(135deg,var(--accent),#f4f1e8)}.app-badge{flex:0 0 auto;padding:5px 8px;border:1px solid rgba(120,220,162,.34);border-radius:999px;color:#9df0bd;background:#295e4142;font-size:.58rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}footer{display:flex;justify-content:space-between;gap:20px;margin-top:54px;padding-top:18px;border-top:1px solid var(--line);color:#697270;font-size:.59rem;font-weight:700}.game-screen{width:min(1080px,calc(100% - 40px))}.embedded-landing{display:grid;gap:24px}.embedded-landing-hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(260px,.74fr);gap:28px;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:radial-gradient(circle at 82% 14%,rgba(81,169,141,.2),transparent 23rem),#141a1be6;box-shadow:0 30px 100px #00000047}.embedded-landing-copy{align-self:center;padding:clamp(28px,5vw,44px)}.embedded-landing-copy h1{margin:0 0 14px;font-size:clamp(2.25rem,8vw,5.2rem);line-height:.95;letter-spacing:-.08em}.embedded-landing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.embedded-landing-actions a,.embedded-promo-card a{text-decoration:none}.embedded-landing-preview{min-height:300px;border-left:1px solid var(--line);background:#080b0c57}.embedded-landing-preview img{width:100%;height:100%;min-height:300px;display:block;object-fit:cover}.embedded-promo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.embedded-promo-card{padding:24px;border:1px solid rgba(244,241,232,.13);border-radius:6px;background:#141a1bc2}.embedded-promo-card.is-app{border-color:#51a98d61;background:linear-gradient(135deg,rgba(81,169,141,.16),transparent 70%),#141a1bd1}.promo-kicker{display:inline-flex;margin-bottom:12px;color:var(--accent);font-size:.64rem;font-weight:900;letter-spacing:.12em}.embedded-promo-card h2{margin-bottom:10px;font-size:clamp(1.2rem,3vw,1.65rem)}.embedded-promo-card p{margin:0 0 18px;color:var(--muted);line-height:1.8}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-weight:800}.text-link svg{width:17px;color:var(--accent)}.back-button,.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:#f4f1e80f;font:inherit;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.back-button{padding:0 17px;margin-bottom:32px}.back-button svg,.primary-button svg{width:18px}.back-button:hover,.primary-button:hover,.ghost-button:hover{transform:translateY(-2px);border-color:#f4f1e852;background:#f4f1e81a}.puzzle-shell{overflow:hidden;border:1px solid var(--line);border-radius:6px;background:radial-gradient(circle at 88% 6%,rgba(242,182,109,.14),transparent 22rem),#141a1be0;box-shadow:0 30px 100px #00000047}.puzzle-hero{display:flex;justify-content:space-between;gap:28px;padding:34px;border-bottom:1px solid var(--line)}.score-panel{display:grid;grid-template-columns:repeat(2,minmax(94px,1fr));gap:12px;min-width:220px}.score-panel div{padding:14px 16px;border:1px solid rgba(244,241,232,.12);border-radius:4px;background:#080b0c6b;text-align:center}.score-panel span{display:block;color:#8f9997;font-size:.67rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.score-panel strong{display:block;margin-top:4px;font-size:1.8rem;line-height:1}.ranking-card{display:grid;gap:13px;padding:16px;border:1px solid rgba(244,241,232,.13);border-radius:6px;background:#080b0c57}.ranking-heading{display:flex;align-items:start;justify-content:space-between;gap:14px}.ranking-heading h2{font-size:1.15rem}.ranking-heading>span{padding:5px 8px;border:1px solid rgba(244,241,232,.12);border-radius:999px;color:#101516;background:var(--ink);font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.ranking-submit{display:grid;gap:9px;padding:12px;border:1px solid rgba(217,168,78,.24);border-radius:5px;background:#d9a84e14}.ranking-submit p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.55}.ranking-submit strong,.ranking-submit small{display:block;color:var(--ink)}.ranking-submit>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.ranking-submit input{min-width:0;min-height:44px;padding:0 12px;border:1px solid rgba(244,241,232,.15);border-radius:999px;color:var(--ink);background:#080b0ca3;font:inherit}.ranking-submit input:focus{border-color:#f4f1e857;outline:0}.ranking-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.ranking-list li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid rgba(244,241,232,.1);border-radius:5px;background:#ffffff09}.ranking-list li>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#101516;background:var(--ink);font-size:.72rem;font-weight:900}.ranking-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-list em{color:#d9a84e;font-style:normal;font-weight:900}.ranking-list small{grid-column:2 / 4;color:var(--muted);font-size:.76rem}.ranking-empty{margin:0;color:var(--muted);font-size:.9rem}.ranking-clear{justify-self:start}.puzzle-layout{display:grid;grid-template-columns:minmax(280px,520px) minmax(240px,1fr);gap:34px;align-items:start;padding:34px}.board-2048{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:min(100%,520px);aspect-ratio:1;padding:12px;border:1px solid rgba(244,241,232,.15);border-radius:8px;background:#222a2a;touch-action:none;-webkit-user-select:none;user-select:none}.tile-2048{display:grid;place-items:center;border-radius:5px;color:#201713;background:#eee0ca;font-size:clamp(1.55rem,7vw,3.4rem);font-weight:900;line-height:1;box-shadow:inset 0 -7px #00000014}.tile-2048.is-empty{background:#f4f1e814;box-shadow:none}.tile-2048[data-value="4"]{background:#edd4b3}.tile-2048[data-value="8"]{color:#fff6e8;background:#efad6f}.tile-2048[data-value="16"]{color:#fff6e8;background:#ef8a5b}.tile-2048[data-value="32"]{color:#fff6e8;background:#ed6d5f}.tile-2048[data-value="64"]{color:#fff6e8;background:#e94e42}.tile-2048[data-value="128"],.tile-2048[data-value="256"],.tile-2048[data-value="512"]{color:#18211e;background:#f1cf6a;font-size:clamp(1.35rem,6vw,2.9rem)}.tile-2048[data-value="1024"],.tile-2048[data-value="2048"]{color:#101516;background:#8ee0b1;font-size:clamp(1.1rem,5vw,2.5rem)}.puzzle-side{display:grid;gap:20px}.rule-card{padding:24px;border:1px solid rgba(244,241,232,.12);border-radius:5px;background:#080b0c4d}.rule-card h2{font-size:1.35rem}.rule-card p{margin:15px 0 0;color:var(--muted);line-height:1.8}.control-row{display:flex;flex-wrap:wrap;gap:12px}.primary-button,.ghost-button{padding:0 19px}.primary-button{color:#121718;border-color:transparent;background:var(--ink)}.sudoku-shell{background:radial-gradient(circle at 86% 8%,rgba(143,183,255,.16),transparent 22rem),#141a1be0}.sudoku-layout{grid-template-columns:minmax(300px,560px) minmax(260px,1fr)}.sudoku-stats strong{font-size:clamp(1.1rem,3vw,1.55rem);white-space:nowrap}.sudoku-board{display:grid;grid-template-columns:repeat(9,1fr);width:min(100%,560px);aspect-ratio:1;border:3px solid rgba(244,241,232,.62);border-radius:8px;overflow:hidden;background:#0b0f10;box-shadow:0 20px 70px #0000003d}.sudoku-cell{display:grid;place-items:center;min-width:0;border:0;border-right:1px solid rgba(244,241,232,.15);border-bottom:1px solid rgba(244,241,232,.15);color:#dce8ff;background:#f4f1e809;font:inherit;font-size:clamp(1rem,4.7vw,2rem);font-weight:800;cursor:pointer;transition:background .12s ease,color .12s ease,transform .12s ease}.sudoku-cell:nth-child(3n){border-right-color:#f4f1e88a;border-right-width:2px}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom-color:#f4f1e88a;border-bottom-width:2px}.sudoku-cell:nth-child(9n){border-right:0}.sudoku-cell:nth-child(n+73){border-bottom:0}.sudoku-cell:hover{background:#8fb7ff21}.sudoku-cell:focus-visible{z-index:1;outline:3px solid #8fb7ff;outline-offset:-3px}.sudoku-cell.is-given{color:#f4f1e8;background:#f4f1e81a}.sudoku-cell.is-selected{color:#101516;background:#8fb7ff}.sudoku-cell.is-related:not(.is-selected){background:#8fb7ff2e}.sudoku-cell.is-mistake{color:#fff4ef;background:#eb5b5b52}.sudoku-side{align-content:start}.select-label,.check-label{display:grid;gap:9px;color:#aab4b2;font-size:.84rem;font-weight:800;letter-spacing:.08em}.select-label select{min-height:46px;padding:0 14px;border:1px solid rgba(244,241,232,.18);border-radius:6px;color:var(--ink);background:#0d1213;color-scheme:dark;font:inherit}.number-pad{display:grid;grid-template-columns:repeat(9,1fr);gap:7px}.number-pad button{min-width:0;aspect-ratio:1;border:1px solid rgba(143,183,255,.2);border-radius:6px;color:#dce8ff;background:#8fb7ff1a;font:inherit;font-size:1.2rem;font-weight:900;cursor:pointer}.number-pad button:hover{color:#101516;background:#8fb7ff}.check-label{grid-template-columns:auto 1fr;align-items:center;letter-spacing:.02em;font-weight:700}.check-label input{width:18px;height:18px;accent-color:#8fb7ff}.sudoku-note{margin:0;color:var(--muted)}.sudoku-note strong{color:var(--ink)}.shelf-button{width:fit-content}.minesweeper-shell{background:radial-gradient(circle at 86% 8%,rgba(255,125,125,.15),transparent 22rem),#141a1be0}.minesweeper-layout{grid-template-columns:minmax(320px,620px) minmax(260px,1fr)}.minesweeper-stats strong{font-size:clamp(1.25rem,3vw,1.9rem)}.minesweeper-board{--columns: 9;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:5px;width:min(100%,620px);padding:10px;border:1px solid rgba(244,241,232,.18);border-radius:9px;background:#0b0f10;box-shadow:0 20px 70px #0000003d}.mine-cell{display:grid;place-items:center;aspect-ratio:1;min-width:0;border:1px solid rgba(244,241,232,.08);border-radius:5px;color:var(--ink);background:linear-gradient(145deg,#2d3a3a,#1c2626);font:inherit;font-size:clamp(.72rem,2.6vw,1.24rem);font-weight:900;line-height:1;cursor:pointer;box-shadow:inset 0 -4px #00000029;transition:transform .12s ease,background .12s ease,border-color .12s ease}.mine-cell:hover{transform:translateY(-1px);border-color:#ff7d7d6b;background:linear-gradient(145deg,#3a4a4a,#253232)}.mine-cell:focus-visible{z-index:1;outline:3px solid #ff7d7d;outline-offset:-2px}.mine-cell.is-revealed{color:#d7e0dd;background:#f4f1e814;box-shadow:none;cursor:default}.mine-cell.is-flagged{color:#ff7d7d}.mine-cell.is-mine{color:#fff5f5;background:#ff7d7d42}.mine-cell[data-number="1"]{color:#8fb7ff}.mine-cell[data-number="2"]{color:#8ee0b1}.mine-cell[data-number="3"]{color:#f2b66d}.mine-cell[data-number="4"],.mine-cell[data-number="5"],.mine-cell[data-number="6"],.mine-cell[data-number="7"],.mine-cell[data-number="8"]{color:#ff9a9a}.mine-progress,.mine-status-card{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#080b0c47;line-height:1.6}.mine-status-card{grid-template-columns:auto 1fr;align-items:start}.mine-status-card svg{width:21px;color:#ff7d7d}.mine-status-card p{margin:0}.ghost-button.is-active{color:#101516;border-color:transparent;background:#ff7d7d}.memory-shell{background:radial-gradient(circle at 86% 8%,rgba(201,156,255,.15),transparent 22rem),#141a1be0}.memory-layout{grid-template-columns:minmax(320px,620px) minmax(260px,1fr)}.memory-stats strong{font-size:clamp(1.2rem,3vw,1.8rem)}.memory-board{--columns: 4;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:12px;width:min(100%,620px);padding:14px;border:1px solid rgba(244,241,232,.16);border-radius:10px;background:#0b0f10;box-shadow:0 20px 70px #0000003d}.memory-card{position:relative;display:grid;place-items:center;aspect-ratio:.9;min-width:0;border:0;border-radius:12px;background:transparent;font:inherit;font-size:clamp(1.7rem,5vw,3.2rem);cursor:pointer;transition:filter .16s ease,transform .16s ease}.memory-card:hover{transform:translateY(-2px);filter:brightness(1.08)}.memory-card:focus-visible{outline:3px solid #c99cff;outline-offset:4px}.memory-card.is-matched{cursor:default;filter:saturate(1.25)}.memory-card-front,.memory-card-back{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:12px;box-shadow:inset 0 -8px #00000029;transition:opacity .18s ease,transform .18s ease}.memory-card-front{background:#f4f1e8;opacity:0;transform:scale(.96)}.memory-card-back{color:#c99cff;border:1px solid rgba(201,156,255,.42);background:radial-gradient(circle at 28% 22%,rgba(201,156,255,.18),transparent 34%),linear-gradient(145deg,#332640,#1b2024);font-size:clamp(1.5rem,5vw,2.6rem);font-weight:900;opacity:1;transform:scale(1)}.memory-card.is-visible .memory-card-front{opacity:1;transform:scale(1)}.memory-card.is-visible .memory-card-back{opacity:0;transform:scale(1.04)}.memory-progress{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#080b0c47;line-height:1.6}.slide15-shell{background:radial-gradient(circle at 86% 8%,rgba(115,212,255,.15),transparent 22rem),#141a1be0}.slide15-layout{grid-template-columns:minmax(320px,560px) minmax(260px,1fr)}.slide15-stats strong{font-size:clamp(1.2rem,3vw,1.8rem)}.slide15-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(100%,560px);aspect-ratio:1;padding:12px;border:1px solid rgba(244,241,232,.16);border-radius:12px;background:#0b0f10;box-shadow:0 20px 70px #0000003d}.slide15-tile{display:grid;place-items:center;min-width:0;border:1px solid rgba(244,241,232,.16);border-radius:10px;color:#102027;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.68),transparent 42%),linear-gradient(145deg,#eaf8ff,#73d4ff);font:inherit;font-size:clamp(1.7rem,6vw,3.2rem);font-weight:950;cursor:pointer;box-shadow:inset 0 -8px #0000001f;transition:transform .15s ease,filter .15s ease,border-color .15s ease}.slide15-tile:hover:not(:disabled){transform:translateY(-2px);border-color:#73d4ffb8;filter:brightness(1.06)}.slide15-tile:focus-visible{outline:3px solid #73d4ff;outline-offset:4px}.slide15-tile.is-movable{border-color:#73d4ff8c}.slide15-tile.is-empty{border-color:#73d4ff33;background:linear-gradient(135deg,rgba(115,212,255,.08) 25%,transparent 25%) 0 0 / 20px 20px,#f4f1e80b;box-shadow:none;cursor:default}.slide15-progress{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#080b0c47;line-height:1.6}.lights-out-shell{background:radial-gradient(circle at 86% 8%,rgba(244,230,106,.15),transparent 22rem),#141a1be0}.lights-out-layout{grid-template-columns:minmax(320px,560px) minmax(260px,1fr)}.lights-out-stats strong{font-size:clamp(1.2rem,3vw,1.8rem)}.lights-out-board{--size: 5;display:grid;grid-template-columns:repeat(var(--size),1fr);gap:10px;width:min(100%,560px);aspect-ratio:1;padding:12px;border:1px solid rgba(244,241,232,.16);border-radius:12px;background:#0b0f10;box-shadow:0 20px 70px #0000003d}.light-cell{display:grid;place-items:center;min-width:0;border:1px solid rgba(244,241,232,.08);border-radius:13px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.06),transparent 42%),linear-gradient(145deg,#223030,#141d1d);cursor:pointer;box-shadow:inset 0 -8px #0000002e;transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.light-cell span{width:42%;aspect-ratio:1;border-radius:50%;background:#f4f1e81f;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.light-cell:hover:not(:disabled){transform:translateY(-2px);border-color:#f4e66a8f}.light-cell:focus-visible{outline:3px solid #f4e66a;outline-offset:4px}.light-cell.is-lit{border-color:#f4e66ab3;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.5),transparent 40%),linear-gradient(145deg,#fff4a0,#d9be31);box-shadow:0 0 24px #f4e66a4d,inset 0 -8px #00000024}.light-cell.is-lit span{background:#fff9bd;box-shadow:0 0 22px #fff9bdd1;transform:scale(1.08)}.lights-out-progress,.lights-out-tip{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#080b0c47;line-height:1.6}.lights-out-tip{grid-template-columns:auto 1fr;align-items:start}.lights-out-tip svg{width:21px;color:#f4e66a}.lights-out-tip p{margin:0}.reaction-shell{background:radial-gradient(circle at 86% 8%,rgba(255,138,199,.16),transparent 22rem),#141a1be0}.reaction-layout{grid-template-columns:minmax(320px,560px) minmax(260px,1fr)}.reaction-stats strong{font-size:clamp(1.2rem,3vw,1.8rem)}.reaction-target{display:grid;place-items:center;align-content:center;gap:18px;width:min(100%,560px);aspect-ratio:1;border:1px solid rgba(244,241,232,.15);border-radius:28px;color:var(--ink);background:radial-gradient(circle at 50% 40%,rgba(244,241,232,.08),transparent 32%),#0b0f10;font:inherit;cursor:pointer;box-shadow:0 20px 70px #0000003d;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.reaction-target:hover{transform:translateY(-2px);border-color:#ff8ac77a}.reaction-target:focus-visible{outline:3px solid #ff8ac7;outline-offset:5px}.reaction-target svg{width:clamp(70px,14vw,128px);height:clamp(70px,14vw,128px)}.reaction-target span{font-size:clamp(2.2rem,8vw,5rem);font-weight:950;letter-spacing:-.06em}.reaction-target.is-waiting{color:#c2ccc9;background:radial-gradient(circle at 50% 40%,rgba(244,241,232,.06),transparent 32%),#151b1c}.reaction-target.is-ready{color:#101516;border-color:#ff8ac7db;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.68),transparent 34%),linear-gradient(145deg,#ffd1e8,#ff8ac7);box-shadow:0 0 60px #ff8ac75c,0 20px 70px #0000003d}.reaction-target.is-tooSoon{color:#fff4ef;border-color:#ff7d7db8;background:linear-gradient(145deg,#77363c,#2a171a)}.reaction-target.is-finished{color:#101516;background:linear-gradient(145deg,#f4f1e8,#ffcae4)}.reaction-progress,.reaction-history{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#080b0c47;line-height:1.6}.reaction-history h2{font-size:1.2rem}.reaction-history p,.reaction-history ol{margin:0}.reaction-history ol{padding-left:1.3em}.reaction-history li{color:var(--ink);font-weight:800}.typing-shell{background:radial-gradient(circle at 86% 8%,rgba(157,240,138,.15),transparent 22rem),#141a1be0}.typing-layout{grid-template-columns:minmax(320px,620px) minmax(260px,1fr)}.typing-stats strong{font-size:clamp(1.2rem,3vw,1.8rem)}.typing-stage{display:grid;gap:20px;width:min(100%,620px);padding:28px;border:1px solid rgba(244,241,232,.15);border-radius:16px;background:radial-gradient(circle at 28% 18%,rgba(157,240,138,.1),transparent 34%),#0b0f10;box-shadow:0 20px 70px #0000003d}.typing-japanese{margin:0;color:var(--ink);font-size:clamp(2rem,5vw,3.6rem);font-weight:900;line-height:1.2;letter-spacing:-.06em}.typing-reading{min-height:2.4em;margin:0;padding:18px 20px;border:1px solid rgba(157,240,138,.28);border-radius:10px;color:#91a09c;background:#f4f1e80a;font-family:Consolas,SFMono-Regular,monospace;font-size:clamp(1rem,3vw,1.65rem);font-weight:800;line-height:1.5;overflow-wrap:anywhere}.typing-reading .typed{color:#9df08a}.typing-reading.is-wrong{border-color:#ff7d7d94;color:#ff9a9a}.typing-input{width:100%;min-height:58px;padding:0 18px;border:1px solid rgba(244,241,232,.18);border-radius:10px;color:var(--ink);background:#080b0c94;font:inherit;font-size:1.15rem;font-weight:700}.typing-input:focus{outline:3px solid rgba(157,240,138,.38);border-color:#9df08a}.typing-input:disabled{color:#65706d;cursor:not-allowed}.typing-start-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border:0;border-radius:999px;color:#101516;background:#9df08a;font:inherit;font-weight:900;cursor:pointer}.typing-start-button svg{width:20px}.typing-progress,.typing-best{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#080b0c47;line-height:1.6}.typing-best h2{font-size:1.2rem}.typing-best p{margin:0}.mental-math-shell{background:radial-gradient(circle at 82% 8%,rgba(255,207,109,.17),transparent 23rem),#19161ee6}.mental-math-layout{grid-template-columns:minmax(320px,640px) minmax(260px,1fr)}.mental-math-stats strong{font-size:clamp(1.2rem,3vw,1.8rem)}.mental-math-stage{display:grid;gap:22px;width:min(100%,640px);padding:30px;border:1px solid rgba(244,241,232,.15);border-radius:18px;background:radial-gradient(circle at 24% 18%,rgba(255,207,109,.12),transparent 34%),#10111a;box-shadow:0 20px 70px #0000003d}.mental-math-problem{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(10px,2vw,18px);min-height:170px;padding:24px;border:1px solid rgba(255,207,109,.28);border-radius:16px;color:var(--ink);background:#08090ea3;font-size:clamp(2.6rem,8vw,5.2rem);font-weight:950;letter-spacing:-.08em}.mental-math-answer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.mental-math-input{width:100%;min-height:62px;padding:0 18px;border:1px solid rgba(244,241,232,.18);border-radius:12px;color:var(--ink);background:#08090e94;font:inherit;font-size:1.4rem;font-weight:900;text-align:center}.mental-math-input:focus{outline:3px solid rgba(255,207,109,.34);border-color:#ffcf6d}.mental-math-input:disabled{color:#6f6b61;cursor:not-allowed}.mental-math-submit,.mental-math-start-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;border:0;border-radius:999px;color:#17120c;background:#ffcf6d;font:inherit;font-weight:950;cursor:pointer}.mental-math-submit{min-width:120px}.mental-math-submit:disabled{opacity:.45;cursor:not-allowed}.mental-math-submit svg,.mental-math-start-button svg{width:20px}.mental-math-progress,.mental-math-best{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#08090e47;line-height:1.6}.mental-math-best h2{font-size:1.2rem}.mental-math-best p{margin:0}.aim-shell{background:radial-gradient(circle at 82% 8%,rgba(114,239,255,.16),transparent 22rem),#0f1426eb}.aim-layout{grid-template-columns:minmax(320px,680px) minmax(260px,1fr)}.aim-stats strong{font-size:clamp(1.2rem,3vw,1.8rem)}.aim-arena{position:relative;display:grid;place-items:center;width:min(100%,680px);min-height:clamp(360px,54vw,520px);overflow:hidden;border:1px solid rgba(114,239,255,.2);border-radius:20px;background:linear-gradient(rgba(114,239,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(114,239,255,.06) 1px,transparent 1px),radial-gradient(circle at 20% 20%,rgba(255,111,216,.14),transparent 32%),#0a1024;background-size:34px 34px,34px 34px,auto,auto;box-shadow:0 20px 70px #00000040;cursor:crosshair}.aim-arena.is-idle,.aim-arena.is-finished{cursor:default}.aim-target{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);border:0;border-radius:50%;background:radial-gradient(circle,#fff 0,#fff 18%,#ff6fd8 19%,#ff6fd8 36%,#182042 37%,#182042 53%,#72efff 54%,#72efff);box-shadow:0 0 0 8px #72efff1f,0 0 34px #72efff80;cursor:pointer;animation:target-pop .15s ease-out}.aim-target span{width:24%;height:24%;border-radius:50%;background:#fff;box-shadow:0 0 18px #ffffffe6}.aim-target:focus-visible{outline:4px solid rgba(255,255,255,.8);outline-offset:5px}.aim-idle-card{display:grid;place-items:center;gap:12px;min-width:min(78%,360px);padding:34px;border:1px solid rgba(244,241,232,.14);border-radius:18px;color:var(--ink);background:#080b1a9e;text-align:center}.aim-idle-card svg{width:58px;height:58px;color:#72efff}.aim-idle-card p{margin:0;font-weight:900}.aim-progress,.aim-best{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#080b1a4d;line-height:1.6}.aim-best h2{font-size:1.2rem}.aim-best p{margin:0}.snake-shell{background:radial-gradient(circle at 84% 8%,rgba(140,255,114,.16),transparent 23rem),#091914eb}.snake-layout{grid-template-columns:minmax(320px,660px) minmax(260px,1fr)}.snake-stats strong{font-size:clamp(1.2rem,3vw,1.8rem)}.snake-board-wrap{position:relative;width:min(100%,660px);padding:clamp(10px,2vw,18px);border:1px solid rgba(140,255,114,.2);border-radius:22px;background:radial-gradient(circle at 20% 20%,rgba(140,255,114,.1),transparent 35%),#07110f;box-shadow:0 20px 70px #00000042}.snake-board{display:grid;grid-template-columns:repeat(18,1fr);gap:3px;aspect-ratio:1;padding:8px;border-radius:16px;background:linear-gradient(rgba(140,255,114,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(140,255,114,.06) 1px,transparent 1px),#0d2118;background-size:42px 42px,42px 42px,auto}.snake-cell{border-radius:7px;background:#f4f1e809;min-width:0}.snake-cell.is-body{background:linear-gradient(135deg,#58df5c,#92ff7a);box-shadow:0 0 12px #8cff723d}.snake-cell.is-head{background:radial-gradient(circle at 34% 34%,#07110f 0 8%,transparent 9%),radial-gradient(circle at 66% 34%,#07110f 0 8%,transparent 9%),linear-gradient(135deg,#d8ffd2,#72ff6e);box-shadow:0 0 18px #8cff7270}.snake-cell.is-food{background:radial-gradient(circle at 36% 30%,#ffd9d9 0 18%,transparent 19%),radial-gradient(circle,#ff6f6f 0,#ff6f6f 66%,#b9293e 67%);box-shadow:0 0 18px #ff6f6f6b}.snake-overlay{position:absolute;top:18px;right:18px;bottom:18px;left:18px;display:grid;place-items:center;align-content:center;gap:12px;border-radius:18px;color:var(--ink);background:#0509089e;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.snake-overlay svg{width:54px;height:54px;color:#ff6f6f}.snake-overlay p{margin:0;font-size:clamp(1.6rem,5vw,3.2rem);font-weight:950;letter-spacing:.04em}.snake-progress,.snake-best{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#07110f4d;line-height:1.6}.snake-controls{display:grid;grid-template-columns:repeat(3,52px);grid-template-areas:". up ." "left down right";justify-content:center;gap:8px;padding:14px;border:1px solid rgba(244,241,232,.12);border-radius:8px;background:#07110f3d}.snake-controls button{min-height:48px;border:1px solid rgba(140,255,114,.2);border-radius:12px;color:var(--ink);background:#8cff721f;font:inherit;font-size:1.3rem;font-weight:950;cursor:pointer}.snake-controls button:nth-child(1){grid-area:up}.snake-controls button:nth-child(2){grid-area:left}.snake-controls button:nth-child(3){grid-area:down}.snake-controls button:nth-child(4){grid-area:right}.snake-best h2{font-size:1.2rem}.snake-best p{margin:0}.breakout-shell{background:radial-gradient(circle at 84% 8%,rgba(201,156,255,.16),transparent 23rem),#12132ceb}.breakout-layout{grid-template-columns:minmax(320px,700px) minmax(260px,1fr)}.breakout-stats strong{font-size:clamp(1.2rem,3vw,1.8rem)}.breakout-board-wrap{position:relative;width:min(100%,700px);padding:clamp(10px,2vw,18px);border:1px solid rgba(201,156,255,.2);border-radius:22px;background:radial-gradient(circle at 20% 20%,rgba(114,239,255,.11),transparent 35%),#0b1026;box-shadow:0 20px 70px #00000042}.breakout-board{position:relative;aspect-ratio:64 / 42;overflow:hidden;border:1px solid rgba(244,241,232,.12);border-radius:18px;background:linear-gradient(rgba(244,241,232,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(244,241,232,.04) 1px,transparent 1px),radial-gradient(circle at 50% 115%,rgba(201,156,255,.16),transparent 38%),#111836;background-size:32px 32px,32px 32px,auto,auto}.breakout-brick{position:absolute;border-radius:7px;box-shadow:inset 0 -5px #00000029,0 0 18px #ffffff1f;transition:opacity .14s ease,transform .14s ease}.breakout-brick.is-broken{opacity:0;transform:scale(.7)}.breakout-ball{position:absolute;width:2.2%;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 12px #fffc,0 0 24px #72efff66}.breakout-paddle{position:absolute;height:3.35%;border-radius:999px;background:linear-gradient(90deg,#72efff,#c99cff);box-shadow:0 0 24px #c99cff80}.breakout-overlay{position:absolute;top:18px;right:18px;bottom:18px;left:18px;display:grid;place-items:center;align-content:center;gap:12px;border-radius:18px;color:var(--ink);background:#0709169e;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.breakout-overlay svg{width:54px;height:54px;color:#c99cff}.breakout-overlay p{margin:0;font-size:clamp(1.6rem,5vw,3.2rem);font-weight:950;letter-spacing:.04em}.breakout-progress,.breakout-best{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#0709164d;line-height:1.6}.breakout-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;border:1px solid rgba(244,241,232,.12);border-radius:8px;background:#0709163d}.breakout-controls button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;border:1px solid rgba(201,156,255,.22);border-radius:999px;color:var(--ink);background:#c99cff1f;font:inherit;font-weight:950;cursor:pointer;touch-action:manipulation}.breakout-controls svg{width:20px}.breakout-best h2{font-size:1.2rem}.breakout-best p{margin:0}.pong-shell{background:radial-gradient(circle at 84% 8%,rgba(114,239,255,.16),transparent 23rem),#071522eb}.pong-layout{grid-template-columns:minmax(320px,700px) minmax(260px,1fr)}.pong-stats strong{font-size:clamp(1.2rem,3vw,1.8rem)}.pong-board-wrap{position:relative;width:min(100%,700px);padding:clamp(10px,2vw,18px);border:1px solid rgba(114,239,255,.2);border-radius:22px;background:radial-gradient(circle at 20% 20%,rgba(157,240,138,.1),transparent 35%),#06111c;box-shadow:0 20px 70px #00000042}.pong-board{position:relative;aspect-ratio:64 / 42;overflow:hidden;border:1px solid rgba(244,241,232,.12);border-radius:18px;background:linear-gradient(rgba(244,241,232,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(244,241,232,.035) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(114,239,255,.12),transparent 45%),#0d1d2c;background-size:32px 32px,32px 32px,auto,auto}.pong-center-line{position:absolute;left:calc(50% - 3px);top:4%;width:6px;height:92%;border-radius:999px;background:repeating-linear-gradient(to bottom,rgba(244,241,232,.55) 0 16px,transparent 16px 30px)}.pong-paddle{position:absolute;width:2.2%;height:20.48%;border-radius:999px;box-shadow:0 0 24px #72efff75}.pong-paddle.is-player{left:5.31%;background:#72efff}.pong-paddle.is-cpu{right:5.31%;background:#9df08a;box-shadow:0 0 24px #9df08a6b}.pong-ball{position:absolute;width:2.19%;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 12px #ffffffd6,0 0 24px #72efff6b}.pong-overlay{position:absolute;top:18px;right:18px;bottom:18px;left:18px;display:grid;place-items:center;align-content:center;gap:12px;border-radius:18px;color:var(--ink);background:#040a109e;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.pong-overlay svg{width:54px;height:54px;color:#72efff}.pong-overlay p{margin:0;font-size:clamp(1.6rem,5vw,3.2rem);font-weight:950;letter-spacing:.04em}.pong-progress,.pong-best{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#040a104d;line-height:1.6}.pong-difficulty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px;border:1px solid rgba(244,241,232,.12);border-radius:8px;background:#040a103d}.pong-difficulty button{min-height:42px;border:1px solid rgba(114,239,255,.18);border-radius:999px;color:var(--ink);background:#f4f1e80f;font:inherit;font-size:.9rem;font-weight:900;cursor:pointer}.pong-difficulty button.is-selected{color:#071a2a;background:#72efff;box-shadow:0 0 22px #72efff42}.pong-difficulty button:disabled{cursor:not-allowed;opacity:.64}.pong-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;border:1px solid rgba(244,241,232,.12);border-radius:8px;background:#040a103d}.pong-controls button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;border:1px solid rgba(114,239,255,.22);border-radius:999px;color:var(--ink);background:#72efff1f;font:inherit;font-weight:950;cursor:pointer;touch-action:manipulation}.pong-controls svg{width:20px}.pong-best h2{font-size:1.2rem}.pong-best p{margin:0}.whack-shell{background:radial-gradient(circle at 84% 8%,rgba(255,207,109,.16),transparent 23rem),#191d12eb}.whack-layout{grid-template-columns:minmax(320px,640px) minmax(260px,1fr)}.whack-stats strong{font-size:clamp(1.2rem,3vw,1.8rem)}.whack-board{display:grid;grid-template-columns:repeat(3,minmax(84px,1fr));gap:clamp(14px,2.4vw,22px);width:min(100%,640px);padding:clamp(18px,3vw,30px);border:1px solid rgba(255,207,109,.2);border-radius:24px;background:radial-gradient(circle at 18% 18%,rgba(157,240,138,.12),transparent 32%),#151f13;box-shadow:0 20px 70px #00000042}.whack-hole{position:relative;display:grid;place-items:center;aspect-ratio:1.1;overflow:hidden;border:0;border-radius:24px;background:radial-gradient(ellipse at 50% 68%,#070b06 0 38%,#2e2619 39% 56%,transparent 57%),linear-gradient(145deg,#ffcf6d1a,#9df08a12);cursor:pointer}.whack-hole-dirt{position:absolute;left:12%;right:12%;bottom:16%;height:22%;border-radius:999px;background:#060905bd;box-shadow:inset 0 8px 14px #00000061}.whack-mole-face{position:relative;z-index:1;display:grid;place-items:center;width:62%;aspect-ratio:1;border-radius:50%;background:#b98659;box-shadow:inset 0 -8px #0000001f,0 12px 22px #00000047;font-size:clamp(1.8rem,5vw,3.2rem);animation:mole-pop .15s ease-out}.whack-hole.is-golden .whack-mole-face{background:#ffd76d;box-shadow:inset 0 -8px #0000001a,0 0 26px #ffd76d80}.whack-hole.is-bomb .whack-mole-face{background:#252525;color:#fff}.whack-progress,.whack-best{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#080c074d;line-height:1.6}.whack-best h2{font-size:1.2rem}.whack-best p{margin:0}.tic-layout{grid-template-columns:minmax(280px,.95fr) minmax(280px,.8fr)}.tic-score{grid-template-columns:repeat(3,1fr)}.tic-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-self:start;padding:clamp(14px,3vw,24px);border:1px solid rgba(244,241,232,.13);border-radius:28px;background:radial-gradient(circle at 30% 15%,rgba(157,240,138,.18),transparent 32%),linear-gradient(145deg,#070c09f5,#0f1814d1);box-shadow:inset 0 0 36px #9df08a0f}.tic-cell{display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(244,241,232,.13);border-radius:20px;background:#f4f1e80e;color:var(--text);font-size:clamp(3.1rem,10vw,6.4rem);font-weight:900;line-height:1;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.tic-cell:hover:not(:disabled){transform:translateY(-2px);border-color:#9df08ab8;background:#9df08a1f}.tic-cell:disabled{cursor:default}.tic-cell.is-x{color:#9df08a;text-shadow:0 0 22px rgba(157,240,138,.32)}.tic-cell.is-o{color:#72efff;text-shadow:0 0 22px rgba(114,239,255,.28)}.tic-cell.is-winning{border-color:#ffcf6dd1;background:#ffcf6d29;box-shadow:0 0 24px #ffcf6d33}.tic-difficulty{display:grid;gap:10px}.tic-difficulty button{display:grid;gap:4px;padding:13px 15px;border:1px solid rgba(244,241,232,.12);border-radius:6px;background:#f4f1e80e;color:var(--text);text-align:left;cursor:pointer}.tic-difficulty button.is-selected{border-color:#9df08ac7;background:#9df08a1f}.tic-difficulty button:disabled{cursor:default;opacity:.72}.tic-difficulty span{font-weight:800}.tic-difficulty small{color:var(--muted);line-height:1.5}.tic-record,.tic-hint{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#070c095c;line-height:1.6}.tic-hint{grid-template-columns:auto 1fr;align-items:start}.tic-hint svg{width:20px;margin-top:4px;color:#9df08a}.reversi-layout{grid-template-columns:minmax(320px,.9fr) minmax(280px,.75fr)}.reversi-score{grid-template-columns:repeat(2,1fr)}.reversi-board{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;align-self:start;padding:clamp(12px,2.4vw,22px);border:1px solid rgba(244,241,232,.14);border-radius:26px;background:radial-gradient(circle at 25% 18%,rgba(157,240,138,.16),transparent 36%),linear-gradient(145deg,#153b2e,#092018);box-shadow:inset 0 0 34px #0000003d,0 24px 60px #00000038}.reversi-cell{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(4,12,8,.52);border-radius:8px;background:#51a98d6b;cursor:pointer}.reversi-cell.is-legal:after{content:"";width:28%;aspect-ratio:1;border-radius:50%;background:#f4f1e852;box-shadow:0 0 14px #f4f1e829}.reversi-cell.is-last{outline:2px solid rgba(255,207,109,.86);outline-offset:-2px}.reversi-disc{width:78%;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 -8px 14px #0000003d,0 8px 16px #00000047}.reversi-disc.is-black{background:radial-gradient(circle at 34% 28%,#5a5a5a,#111 54%,#020202)}.reversi-disc.is-white{background:radial-gradient(circle at 34% 28%,#fff,#e6e2d6 58%,#b7afa0)}.reversi-difficulty{display:grid;gap:10px}.reversi-difficulty button{display:grid;gap:4px;padding:13px 15px;border:1px solid rgba(244,241,232,.12);border-radius:6px;background:#f4f1e80e;color:var(--text);text-align:left;cursor:pointer}.reversi-difficulty button.is-selected{border-color:#51a98de6;background:#51a98d29}.reversi-difficulty button:disabled{cursor:default;opacity:.72}.reversi-difficulty span{font-weight:800}.reversi-difficulty small{color:var(--muted);line-height:1.5}.reversi-record{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 12px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#070c095c;line-height:1.6}.color-layout{grid-template-columns:minmax(300px,.95fr) minmax(280px,.72fr)}.color-score{grid-template-columns:repeat(2,1fr)}.color-stage{display:grid;gap:22px;align-content:center;min-height:430px;padding:clamp(24px,5vw,44px);border:1px solid rgba(244,241,232,.13);border-radius:28px;background:radial-gradient(circle at 18% 18%,rgba(255,138,199,.18),transparent 32%),radial-gradient(circle at 82% 72%,rgba(114,239,255,.12),transparent 38%),linear-gradient(145deg,#0c0a12f5,#130e19d6);text-align:center}.color-instruction{margin:0;color:var(--muted);letter-spacing:.04em}.color-word-card{display:grid;gap:12px;place-items:center;padding:clamp(28px,6vw,54px);border:1px solid rgba(244,241,232,.12);border-radius:24px;background:#f4f1e80e;box-shadow:inset 0 0 34px #ffffff09}.color-word{font-size:clamp(4.4rem,14vw,9rem);font-weight:950;line-height:1;letter-spacing:.08em;text-shadow:0 14px 32px rgba(0,0,0,.32)}.color-reading{color:var(--muted);font-size:.95rem}.color-answer-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.color-answer{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:58px;border:0;border-radius:999px;color:#07100c;font-size:1.04rem;font-weight:850;cursor:pointer}.color-answer svg{width:20px}.color-answer.is-match{background:linear-gradient(135deg,#9df08a,#72efff)}.color-answer.is-different{background:linear-gradient(135deg,#ff8ac7,#ffcf6d)}.color-answer:disabled{cursor:default;filter:grayscale(.5);opacity:.52}.color-progress,.color-best{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#0a080f61;line-height:1.6}.color-best h2{font-size:1.2rem}.color-best p{margin:0}.hangman-layout{grid-template-columns:minmax(320px,.95fr) minmax(280px,.72fr)}.hangman-score{grid-template-columns:repeat(3,1fr)}.hangman-stage{display:grid;gap:24px;padding:clamp(22px,4vw,36px);border:1px solid rgba(244,241,232,.13);border-radius:28px;background:radial-gradient(circle at 22% 18%,rgba(201,156,255,.18),transparent 34%),radial-gradient(circle at 82% 78%,rgba(255,207,109,.11),transparent 36%),linear-gradient(145deg,#0e0b14f5,#17111fd6)}.hangman-gallows{position:relative;width:min(100%,330px);height:250px;margin:0 auto;border-bottom:8px solid rgba(244,241,232,.34)}.hangman-gallows:before,.hangman-gallows:after{content:"";position:absolute;background:#f4f1e857;border-radius:999px}.hangman-gallows:before{left:46px;bottom:0;width:8px;height:220px}.hangman-gallows:after{left:46px;top:22px;width:160px;height:8px}.hangman-rope,.hangman-head,.hangman-body,.hangman-arm,.hangman-leg{position:absolute;opacity:0;transition:opacity .14s ease}.hangman-rope{left:198px;top:28px;width:5px;height:38px;border-radius:999px;background:#f4f1e88c}.hangman-head{left:176px;top:62px;width:50px;aspect-ratio:1;border:6px solid #ffcf6d;border-radius:50%}.hangman-body{left:198px;top:112px;width:6px;height:64px;border-radius:999px;background:#ffcf6d}.hangman-arm,.hangman-leg{left:199px;width:6px;height:58px;border-radius:999px;background:#ffcf6d;transform-origin:top center}.hangman-arm.left{top:124px;transform:rotate(45deg)}.hangman-arm.right{top:124px;transform:rotate(-45deg)}.hangman-leg.left{top:172px;transform:rotate(35deg)}.hangman-leg.right{top:172px;transform:rotate(-35deg)}.hangman-gallows.miss-1 .hangman-rope,.hangman-gallows.miss-2 .hangman-rope,.hangman-gallows.miss-3 .hangman-rope,.hangman-gallows.miss-4 .hangman-rope,.hangman-gallows.miss-5 .hangman-rope,.hangman-gallows.miss-6 .hangman-rope,.hangman-gallows.miss-2 .hangman-head,.hangman-gallows.miss-3 .hangman-head,.hangman-gallows.miss-4 .hangman-head,.hangman-gallows.miss-5 .hangman-head,.hangman-gallows.miss-6 .hangman-head,.hangman-gallows.miss-3 .hangman-body,.hangman-gallows.miss-4 .hangman-body,.hangman-gallows.miss-5 .hangman-body,.hangman-gallows.miss-6 .hangman-body,.hangman-gallows.miss-4 .hangman-arm.left,.hangman-gallows.miss-5 .hangman-arm.left,.hangman-gallows.miss-6 .hangman-arm.left,.hangman-gallows.miss-5 .hangman-arm.right,.hangman-gallows.miss-6 .hangman-arm.right,.hangman-gallows.miss-6 .hangman-leg.left,.hangman-gallows.miss-6 .hangman-leg.right{opacity:1}.hangman-word{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.hangman-word span{display:grid;place-items:center;width:clamp(34px,7vw,54px);height:clamp(46px,8vw,66px);border-bottom:4px solid rgba(244,241,232,.38);color:#f4f1e8;font-size:clamp(1.7rem,4vw,2.8rem);font-weight:900}.hangman-keyboard{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:7px}.hangman-keyboard button{min-height:42px;border:1px solid rgba(244,241,232,.12);border-radius:8px;background:#f4f1e812;color:var(--text);font-weight:850;cursor:pointer}.hangman-keyboard button:hover:not(:disabled){border-color:#c99cffbf;background:#c99cff29}.hangman-keyboard button.is-used{background:#9df08a26;color:#9df08a}.hangman-keyboard button.is-wrong{background:#ff6b6b29;color:#ff8f8f}.hangman-keyboard button:disabled{cursor:default;opacity:.7}.hangman-hint,.hangman-progress{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#0e0b1461;line-height:1.6}.hangman-hint{grid-template-columns:auto 1fr;align-items:start}.hangman-hint svg{width:20px;margin-top:4px;color:#ffcf6d}.hangman-hint span,.hangman-hint strong{display:block}.hangman-hint strong{color:var(--text);font-size:1rem}.blackjack-layout{grid-template-columns:minmax(320px,.95fr) minmax(280px,.72fr)}.blackjack-score{grid-template-columns:repeat(3,1fr)}.blackjack-table{display:grid;gap:22px;padding:clamp(22px,4vw,36px);border:1px solid rgba(244,241,232,.13);border-radius:28px;background:radial-gradient(circle at 24% 18%,rgba(217,168,78,.18),transparent 34%),radial-gradient(circle at 82% 78%,rgba(81,169,141,.13),transparent 36%),linear-gradient(145deg,#0c2c20,#071511);box-shadow:inset 0 0 44px #00000038}.blackjack-hand{display:grid;gap:12px;padding:18px;border:1px solid rgba(244,241,232,.1);border-radius:18px;background:#070e0b6b}.blackjack-hand>div:first-child{display:flex;align-items:center;justify-content:space-between}.blackjack-label{color:var(--muted);font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.blackjack-hand strong{color:#ffcf6d;font-size:1.8rem}.blackjack-cards{display:flex;flex-wrap:wrap;gap:10px;min-height:116px;align-items:center}.blackjack-card{display:grid;grid-template-rows:auto 1fr;width:clamp(62px,10vw,86px);height:clamp(92px,14vw,124px);padding:10px;border-radius:12px;background:#f7f1e4;color:#121212;box-shadow:inset 0 -7px #0000000f,0 12px 22px #0000003d;font-weight:900}.blackjack-card.is-red{color:#c9263a}.blackjack-card.is-hidden{place-items:center;background:linear-gradient(135deg,rgba(217,168,78,.28),transparent),repeating-linear-gradient(45deg,#233a31 0,#233a31 9px,#172922 9px,#172922 18px);color:#f4f1e8;font-size:2rem}.blackjack-card strong{align-self:end;justify-self:end;color:currentColor;font-size:2.2rem}.blackjack-empty{color:var(--muted)}.blackjack-result{justify-self:center;padding:10px 18px;border:1px solid rgba(217,168,78,.42);border-radius:999px;background:#d9a84e21;color:#ffcf6d;font-weight:900;letter-spacing:.14em}.blackjack-stats{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#070e0b61;line-height:1.6}.poker-layout{grid-template-columns:minmax(360px,1fr) minmax(280px,.72fr)}.poker-score{grid-template-columns:repeat(3,1fr)}.poker-table{min-height:430px;display:grid;gap:22px;align-content:center;padding:clamp(18px,4vw,34px);border:1px solid rgba(244,241,232,.12);border-radius:28px;background:radial-gradient(circle at 50% 0%,rgba(217,168,78,.14),transparent 42%),linear-gradient(145deg,#0d2218f5,#061210e6);box-shadow:inset 0 0 0 1px #ffffff08}.poker-hand{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(10px,2vw,16px)}.poker-card{position:relative;width:clamp(82px,13vw,118px);min-height:clamp(128px,19vw,172px);display:grid;grid-template-rows:auto 1fr auto;align-items:center;justify-items:center;padding:13px;border:3px solid transparent;border-radius:17px;background:#f4f1e8;color:#111820;cursor:pointer;font-weight:900;box-shadow:0 18px 30px #00000047;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.poker-card:hover{transform:translateY(-5px)}.poker-card.is-selected{border-color:#d9a84e;transform:translateY(-18px);box-shadow:0 0 28px #d9a84e4d,0 18px 30px #00000047}.poker-card.is-red{color:#c9263a}.poker-card span{justify-self:start;font-size:clamp(1.45rem,3vw,2.2rem)}.poker-card strong{font-size:clamp(3rem,7vw,5rem)}.poker-card em{justify-self:stretch;padding:4px 7px;border-radius:999px;background:#1118201a;color:#111820;font-size:.72rem;font-style:normal;letter-spacing:.12em;text-align:center}.poker-card.is-selected em{background:#d9a84e4d}.poker-placeholder{min-height:170px;display:grid;place-items:center;padding:28px;border:1px dashed rgba(244,241,232,.2);border-radius:20px;color:var(--muted);font-weight:900;letter-spacing:.14em}.poker-result{justify-self:center;padding:10px 18px;border:1px solid rgba(217,168,78,.42);border-radius:999px;background:#d9a84e21;color:#ffcf6d;font-weight:900;letter-spacing:.12em}.poker-record{display:grid;grid-template-columns:1fr 1fr;gap:12px}.poker-record div{display:grid;gap:5px;padding:14px;border:1px solid rgba(244,241,232,.1);border-radius:16px;background:#ffffff0a}.poker-record svg{width:20px;height:20px;color:#d9a84e}.poker-record span,.poker-hand-table span{color:#8f9997;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.poker-record strong{color:#f4f1e8}.poker-hand-table{display:grid;gap:7px;padding:14px;border:1px solid rgba(244,241,232,.1);border-radius:16px;background:#ffffff09}.poker-hand-table span{display:flex;justify-content:space-between;gap:12px}.poker-hand-table strong{color:#ffcf6d}.solitaire-layout{grid-template-columns:minmax(560px,1fr) minmax(280px,.72fr)}.solitaire-score{grid-template-columns:repeat(3,1fr)}.solitaire-table{display:grid;gap:22px;min-height:620px;padding:clamp(14px,3vw,26px);border:1px solid rgba(244,241,232,.13);border-radius:28px;background:radial-gradient(circle at 28% 12%,rgba(81,169,141,.24),transparent 36%),radial-gradient(circle at 78% 88%,rgba(217,168,78,.14),transparent 38%),linear-gradient(145deg,#072e21fa,#051211f0);box-shadow:inset 0 0 44px #00000038}.solitaire-top-row{display:flex;align-items:start;justify-content:space-between;gap:18px}.solitaire-stock-area,.solitaire-foundations{display:flex;flex-wrap:wrap;gap:10px}.solitaire-slot,.solitaire-empty-pile{width:clamp(64px,8.3vw,86px);min-height:clamp(92px,12vw,124px);display:grid;place-items:center;border:1px dashed rgba(244,241,232,.24);border-radius:14px;background:#ffffff0b;color:#f4f1e8}.solitaire-slot{cursor:pointer;padding:0}.solitaire-empty-label,.solitaire-foundation-suit{color:#f4f1e885;font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.solitaire-foundation-suit{font-size:2rem}.solitaire-foundation-suit.is-red{color:#ff7676bf}.solitaire-card{width:clamp(64px,8.3vw,86px);min-height:clamp(92px,12vw,124px);display:grid;grid-template-rows:auto 1fr;padding:9px;border:2px solid rgba(255,255,255,.66);border-radius:13px;background:#f7f1e4;color:#101418;font-weight:900;box-shadow:0 10px 18px #00000038}.solitaire-card.is-compact{width:clamp(54px,6.6vw,74px);min-height:clamp(76px,9.4vw,104px);padding:7px}.solitaire-card.is-red{color:#c9263a}.solitaire-card.is-selected{border-color:#ffcf6d;box-shadow:0 0 22px #ffcf6d61,0 10px 18px #00000038;transform:translateY(-4px)}.solitaire-card.is-facedown{place-items:center;background:linear-gradient(135deg,rgba(217,168,78,.34),transparent),repeating-linear-gradient(45deg,#25493d 0,#25493d 8px,#173229 8px,#173229 16px);color:#f4f1e8}.solitaire-card strong{align-self:end;justify-self:end;color:currentColor;font-size:clamp(1.9rem,4vw,2.75rem)}.solitaire-card.is-compact strong{font-size:clamp(1.45rem,3vw,2.1rem)}.solitaire-card-back{font-size:1.2rem}.solitaire-recycle{display:inline-flex;align-items:center;gap:6px;color:#9df08a;font-weight:900}.solitaire-recycle svg{width:18px;height:18px}.solitaire-tableau{display:grid;grid-template-columns:repeat(7,minmax(54px,1fr));gap:clamp(6px,1.2vw,12px);align-items:start}.solitaire-pile{position:relative;min-height:430px}.solitaire-card-button{position:absolute;top:var(--solitaire-offset);left:0;width:100%;padding:0;border:0;background:transparent}.solitaire-card-button .solitaire-card{width:100%}.solitaire-empty-pile{width:100%;min-height:104px;font-size:2rem;color:#f4f1e842}.solitaire-record{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:16px;background:#ffffff0a}.solitaire-record svg{width:22px;height:22px;color:#ffcf6d;grid-row:span 3}.solitaire-record div{display:flex;justify-content:space-between;gap:12px}.solitaire-record span{color:var(--muted);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.solitaire-record strong{color:#f4f1e8}.hanoi-layout{grid-template-columns:minmax(320px,.98fr) minmax(280px,.7fr)}.hanoi-score{grid-template-columns:repeat(3,1fr)}.hanoi-board{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,2vw,18px);min-height:430px;padding:clamp(18px,4vw,32px);border:1px solid rgba(244,241,232,.13);border-radius:28px;background:radial-gradient(circle at 22% 18%,rgba(115,212,255,.17),transparent 34%),radial-gradient(circle at 82% 78%,rgba(255,207,109,.1),transparent 36%),linear-gradient(145deg,#09111bf5,#0c1520d6)}.hanoi-peg{position:relative;display:grid;align-items:end;min-width:0;min-height:360px;padding:18px 8px 28px;border:1px solid rgba(244,241,232,.1);border-radius:20px;background:#f4f1e80b;cursor:pointer;overflow:hidden}.hanoi-peg.is-selected{border-color:#73d4ffd9;background:#73d4ff1c}.hanoi-peg.is-target{border-color:#9df08abf;box-shadow:inset 0 0 22px #9df08a1a}.hanoi-post,.hanoi-base{position:absolute;left:50%;transform:translate(-50%);border-radius:999px;background:#f4f1e83d}.hanoi-post{bottom:43px;width:10px;height:76%}.hanoi-base{bottom:26px;width:86%;height:12px}.hanoi-disks{position:relative;z-index:1;display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-start;gap:7px;min-height:250px}.hanoi-disk,.hanoi-disk-space{display:grid;place-items:center;width:var(--disk-size);min-width:42px;height:28px;border-radius:999px}.hanoi-disk{background:linear-gradient(180deg,rgba(255,255,255,.32),transparent 48%),hsl(var(--disk-hue),78%,61%);color:#07100c;font-weight:900;box-shadow:inset 0 -6px #00000021,0 8px 16px #00000038}.hanoi-disk-space{visibility:hidden}.hanoi-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hanoi-options button{min-height:42px;border:1px solid rgba(244,241,232,.12);border-radius:999px;background:#f4f1e80f;color:var(--text);font-weight:850;cursor:pointer}.hanoi-options button.is-selected{border-color:#73d4ffd9;background:#73d4ff29}.hanoi-progress{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#09111b61;line-height:1.6}.connect-layout{grid-template-columns:minmax(320px,.98fr) minmax(280px,.72fr)}.connect-score{grid-template-columns:repeat(3,1fr)}.connect-play-area{display:grid;gap:12px;align-self:start;padding:clamp(16px,4vw,28px);border:1px solid rgba(244,241,232,.13);border-radius:28px;background:radial-gradient(circle at 20% 18%,rgba(255,207,109,.16),transparent 34%),radial-gradient(circle at 82% 78%,rgba(255,107,107,.12),transparent 38%),linear-gradient(145deg,#080d18f5,#0c1220d6)}.connect-drop-row{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.connect-drop-row button{min-height:40px;border:1px solid rgba(244,241,232,.12);border-radius:999px;background:#ffcf6d24;color:#ffcf6d;font-size:1.2rem;font-weight:900;cursor:pointer}.connect-drop-row button:disabled{cursor:default;filter:grayscale(.55);opacity:.45}.connect-board{display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(6px,1.4vw,10px);padding:clamp(12px,2.6vw,22px);border-radius:22px;background:linear-gradient(180deg,#4876ff47,#1c3ea06b),#1d3fa0;box-shadow:inset 0 -12px #00000026,0 20px 44px #00000038}.connect-cell{display:block;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.11),transparent 24%),#08101c;box-shadow:inset 0 8px 14px #00000073,0 1px #ffffff14}.connect-cell.is-red{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.34),transparent 24%),#ff5d5d;box-shadow:inset 0 -9px #00000029,0 5px 12px #00000038}.connect-cell.is-yellow{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.34),transparent 24%),#ffcf4d;box-shadow:inset 0 -9px #00000024,0 5px 12px #00000038}.connect-cell.is-winning{outline:4px solid rgba(157,240,138,.95);outline-offset:-4px}.connect-difficulty{display:grid;gap:10px}.connect-difficulty button{display:grid;gap:4px;padding:13px 15px;border:1px solid rgba(244,241,232,.12);border-radius:6px;background:#f4f1e80e;color:var(--text);text-align:left;cursor:pointer}.connect-difficulty button.is-selected{border-color:#ffcf6dd1;background:#ffcf6d21}.connect-difficulty button:disabled{cursor:default;opacity:.72}.connect-difficulty span{font-weight:800}.connect-difficulty small{color:var(--muted);line-height:1.5}.connect-record,.connect-hint{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#080d1861;line-height:1.6}.connect-hint{grid-template-columns:auto 1fr;align-items:start}.connect-hint svg{width:20px;margin-top:4px;color:#ffcf6d}.maze-layout{grid-template-columns:minmax(320px,.95fr) minmax(280px,.72fr)}.maze-score{grid-template-columns:repeat(3,1fr)}.maze-play-area{display:grid;gap:16px;align-self:start;padding:clamp(16px,4vw,28px);border:1px solid rgba(244,241,232,.13);border-radius:28px;background:radial-gradient(circle at 20% 18%,rgba(143,183,255,.18),transparent 34%),radial-gradient(circle at 82% 78%,rgba(157,240,138,.1),transparent 38%),linear-gradient(145deg,#080d18f5,#0c1220d6)}.maze-board{display:grid;grid-template-columns:repeat(var(--maze-size),1fr);aspect-ratio:1;overflow:hidden;border:2px solid rgba(143,183,255,.7);border-radius:14px;background:#050a12b8}.maze-cell{position:relative;display:block;min-width:0;border-color:#f4f1e88a;border-style:solid;background:#8fb7ff0e}.maze-cell.is-player:after,.maze-cell.is-goal:before{content:"";position:absolute;top:23%;right:23%;bottom:23%;left:23%;border-radius:50%}.maze-cell.is-player:after{background:#ffcf6d;box-shadow:0 0 16px #ffcf6d73}.maze-cell.is-goal:before{background:#9df08a;box-shadow:0 0 16px #9df08a73}.maze-controls{display:grid;grid-template-columns:repeat(3,54px);grid-template-areas:". up ." "left down right";gap:8px;justify-content:center}.maze-controls button{display:grid;place-items:center;width:54px;height:48px;border:1px solid rgba(244,241,232,.12);border-radius:12px;background:#8fb7ff24;color:var(--text);cursor:pointer}.maze-controls button:nth-child(1){grid-area:up}.maze-controls button:nth-child(2){grid-area:left}.maze-controls button:nth-child(3){grid-area:down}.maze-controls button:nth-child(4){grid-area:right}.maze-controls button:disabled{cursor:default;opacity:.45}.maze-options{display:grid;gap:10px}.maze-options button{display:grid;gap:4px;padding:13px 15px;border:1px solid rgba(244,241,232,.12);border-radius:6px;background:#f4f1e80e;color:var(--text);text-align:left;cursor:pointer}.maze-options button.is-selected{border-color:#8fb7ffd1;background:#8fb7ff24}.maze-options span{font-weight:800}.maze-options small{color:var(--muted);line-height:1.5}.maze-progress{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#080d1861;line-height:1.6}.simon-layout{grid-template-columns:minmax(320px,.95fr) minmax(280px,.72fr)}.simon-score{grid-template-columns:repeat(3,1fr)}.simon-stage{position:relative;display:grid;place-items:center;align-self:start;min-height:520px;padding:clamp(18px,4vw,32px);border:1px solid rgba(244,241,232,.13);border-radius:30px;background:radial-gradient(circle at 50% 50%,rgba(244,241,232,.09),transparent 18%),radial-gradient(circle at 18% 20%,rgba(157,240,138,.18),transparent 32%),radial-gradient(circle at 78% 24%,rgba(255,125,125,.17),transparent 32%),radial-gradient(circle at 22% 82%,rgba(255,207,109,.15),transparent 34%),radial-gradient(circle at 80% 78%,rgba(114,239,255,.14),transparent 34%),linear-gradient(145deg,#080b0cf5,#12181adb)}.simon-board{position:relative;display:grid;grid-template-columns:repeat(2,minmax(118px,1fr));gap:clamp(12px,3vw,20px);width:min(100%,460px);aspect-ratio:1;padding:clamp(12px,3vw,18px);border:1px solid rgba(244,241,232,.12);border-radius:38px;background:#04070894;box-shadow:inset 0 0 42px #00000047}.simon-pad{position:relative;overflow:hidden;border:1px solid rgba(244,241,232,.15);color:#ffffffd1;font-size:clamp(.78rem,2.2vw,1rem);font-weight:900;letter-spacing:.12em;cursor:pointer;opacity:.74;transition:transform .16s ease,opacity .16s ease,filter .16s ease,box-shadow .16s ease}.simon-pad:disabled{cursor:default}.simon-pad span{position:relative;z-index:1;text-shadow:0 2px 12px rgba(0,0,0,.45)}.simon-pad:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 42% 34%,rgba(255,255,255,.42),transparent 30%);opacity:0;transition:opacity .16s ease}.simon-pad.is-green{border-top-left-radius:28px;background:linear-gradient(145deg,#32c96d,#16743e)}.simon-pad.is-red{border-top-right-radius:28px;background:linear-gradient(145deg,#ff6969,#a6292e)}.simon-pad.is-yellow{border-bottom-left-radius:28px;background:linear-gradient(145deg,#ffd86d,#b67918)}.simon-pad.is-blue{border-bottom-right-radius:28px;background:linear-gradient(145deg,#56c8ff,#1e5fa8)}.simon-pad.is-active{opacity:1;filter:saturate(1.4) brightness(1.28);transform:scale(1.035);box-shadow:0 0 34px #f4f1e847}.simon-pad.is-active:after{opacity:1}.simon-orb{position:absolute;display:grid;place-items:center;width:clamp(74px,16vw,108px);aspect-ratio:1;border:1px solid rgba(244,241,232,.18);border-radius:50%;background:radial-gradient(circle,rgba(244,241,232,.16),transparent 64%),#080b0ce6;box-shadow:0 18px 44px #00000059;pointer-events:none}.simon-orb svg{width:42%;color:#f4f1e8}.simon-progress,.simon-sequence-preview{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#080d1861;line-height:1.6}.simon-sequence-preview span{color:#8f9997;font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.simon-sequence-preview strong{color:var(--text);font-size:2.5rem;line-height:1}.simon-sequence-preview small{color:var(--muted);line-height:1.6}.nim-layout{grid-template-columns:minmax(320px,.95fr) minmax(280px,.72fr)}.nim-score{grid-template-columns:repeat(3,1fr)}.nim-play-area{align-self:start;padding:clamp(16px,4vw,28px);border:1px solid rgba(244,241,232,.13);border-radius:28px;background:radial-gradient(circle at 18% 16%,rgba(217,168,78,.18),transparent 34%),radial-gradient(circle at 86% 82%,rgba(143,183,255,.12),transparent 36%),linear-gradient(145deg,#090b0cf5,#141612db)}.nim-board{display:grid;gap:14px}.nim-pile{display:grid;gap:12px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:18px;background:#080d1861}.nim-pile-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.nim-pile-header span{color:var(--muted);font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.nim-pile-header strong{color:var(--text);font-size:1.28rem}.nim-stones{display:flex;flex-wrap:wrap;gap:9px;min-height:36px}.nim-stone{width:clamp(24px,4.4vw,34px);aspect-ratio:1;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.42),transparent 24%),linear-gradient(145deg,#f1c66c,#9c6b22);box-shadow:0 10px 20px #00000038}.nim-pile:nth-child(2) .nim-stone{background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.42),transparent 24%),linear-gradient(145deg,#8fb7ff,#315ca8)}.nim-pile:nth-child(3) .nim-stone,.nim-pile:nth-child(4) .nim-stone{background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.42),transparent 24%),linear-gradient(145deg,#9df08a,#3a8c32)}.nim-take-row{display:flex;flex-wrap:wrap;gap:8px}.nim-take-row button{display:grid;place-items:center;min-width:42px;height:38px;border:1px solid rgba(244,241,232,.12);border-radius:12px;background:#d9a84e24;color:var(--text);font-weight:900;cursor:pointer}.nim-take-row button:disabled{cursor:default;opacity:.4}.nim-options,.nim-difficulty{display:grid;gap:10px}.nim-options button,.nim-difficulty button{display:grid;gap:4px;padding:13px 15px;border:1px solid rgba(244,241,232,.12);border-radius:6px;background:#f4f1e80e;color:var(--text);text-align:left;cursor:pointer}.nim-options button.is-selected,.nim-difficulty button.is-selected{border-color:#d9a84ed1;background:#d9a84e24}.nim-options button:disabled,.nim-difficulty button:disabled{cursor:default;opacity:.72}.nim-options span,.nim-difficulty span{font-weight:900}.nim-options small,.nim-difficulty small{color:var(--muted);line-height:1.5}.nim-progress,.nim-hint{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#080d1861;line-height:1.6}.nim-hint{grid-template-columns:auto 1fr}.nim-hint svg{width:20px;margin-top:4px;color:#d9a84e}.hitblow-layout{grid-template-columns:minmax(320px,.95fr) minmax(280px,.72fr)}.hitblow-score{grid-template-columns:repeat(3,1fr)}.hitblow-play-area{display:grid;gap:18px;align-self:start;padding:clamp(16px,4vw,28px);border:1px solid rgba(244,241,232,.13);border-radius:28px;background:radial-gradient(circle at 18% 16%,rgba(114,239,255,.16),transparent 34%),radial-gradient(circle at 84% 78%,rgba(201,156,255,.12),transparent 36%),linear-gradient(145deg,#080d18f5,#12101cdb)}.hitblow-input{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,2.4vw,16px)}.hitblow-input span{display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(114,239,255,.42);border-radius:18px;background:#080b0c9e;color:#f4f1e873;font-size:clamp(2rem,7vw,3.6rem);font-weight:900;box-shadow:inset 0 0 24px #72efff14}.hitblow-input span.is-filled{color:var(--text);border-color:#72efffd1;background:#72efff1f}.hitblow-keypad{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.hitblow-keypad button{min-height:48px;border:1px solid rgba(244,241,232,.12);border-radius:14px;background:#f4f1e812;color:var(--text);font-size:1.05rem;font-weight:900;cursor:pointer}.hitblow-keypad button:disabled{cursor:default;opacity:.34}.hitblow-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hitblow-actions button{justify-content:center}.hitblow-actions button:disabled{cursor:default;opacity:.48}.hitblow-history{display:grid;gap:12px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:18px;background:#080d1861}.hitblow-history h2{margin:0;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase}.hitblow-history p{margin:0;color:var(--muted);line-height:1.6}.hitblow-history ol{display:grid;gap:8px;max-height:260px;padding:0;margin:0;overflow:auto;list-style:none}.hitblow-history li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:11px 12px;border-radius:12px;background:#f4f1e80e}.hitblow-history li strong{color:var(--text);font-size:1.08rem;letter-spacing:.12em}.hitblow-history li span{color:var(--muted);font-size:.82rem;font-weight:800}.hitblow-options{display:grid;gap:10px}.hitblow-options button{display:grid;gap:4px;padding:13px 15px;border:1px solid rgba(244,241,232,.12);border-radius:6px;background:#f4f1e80e;color:var(--text);text-align:left;cursor:pointer}.hitblow-options button.is-selected{border-color:#72efffd1;background:#72efff24}.hitblow-options button:disabled{cursor:default;opacity:.72}.hitblow-options span{font-weight:900}.hitblow-options small{color:var(--muted);line-height:1.5}.hitblow-progress{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#080d1861;line-height:1.6}.yacht-layout{grid-template-columns:minmax(320px,.95fr) minmax(280px,.72fr)}.yacht-score{grid-template-columns:repeat(3,1fr)}.yacht-play-area{display:grid;gap:18px;align-self:start;padding:clamp(16px,4vw,28px);border:1px solid rgba(244,241,232,.13);border-radius:28px;background:radial-gradient(circle at 18% 16%,rgba(255,207,109,.16),transparent 34%),radial-gradient(circle at 84% 78%,rgba(114,239,255,.12),transparent 36%),linear-gradient(145deg,#0f0c08f5,#16120cdb)}.yacht-dice-row{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(8px,2vw,14px)}.yacht-dice-row button{display:grid;place-items:center;gap:4px;aspect-ratio:.86;border:1px solid rgba(244,241,232,.14);border-radius:18px;background:#f4f1e8eb;color:#111719;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.yacht-dice-row button:disabled{cursor:default}.yacht-dice-row button.is-held{border-color:#ffcf6df2;background:#ffcf6d;box-shadow:0 0 24px #ffcf6d42;transform:translateY(-2px)}.yacht-dice-row button span{font-size:clamp(2.2rem,7vw,4.5rem);line-height:.9}.yacht-dice-row button small{font-size:.64rem;font-weight:900;letter-spacing:.16em}.yacht-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.yacht-controls button{justify-content:center}.yacht-controls button:disabled{cursor:default;opacity:.48}.yacht-sheet{display:grid;gap:8px}.yacht-sheet button{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(244,241,232,.12);border-radius:14px;background:#080d1861;color:var(--text);text-align:left;cursor:pointer}.yacht-sheet button:disabled{cursor:default;opacity:.54}.yacht-sheet button.is-used{border-color:#ffcf6d6b;background:#ffcf6d1f;opacity:1}.yacht-sheet button span{display:grid;gap:3px}.yacht-sheet button strong{font-size:.95rem}.yacht-sheet button small{color:var(--muted);line-height:1.4}.yacht-sheet button b{color:#ffcf6d;font-size:1.45rem}.yacht-progress,.yacht-hint{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#080d1861;line-height:1.6}.yacht-hint{grid-template-columns:auto 1fr}.yacht-hint svg{width:20px;margin-top:4px;color:#ffcf6d}.flood-layout{grid-template-columns:minmax(320px,.95fr) minmax(280px,.72fr)}.flood-score{grid-template-columns:repeat(3,1fr)}.flood-play-area{display:grid;gap:18px;align-self:start;padding:clamp(16px,4vw,28px);border:1px solid rgba(244,241,232,.13);border-radius:28px;background:radial-gradient(circle at 18% 16%,rgba(201,156,255,.16),transparent 34%),radial-gradient(circle at 84% 78%,rgba(114,239,255,.12),transparent 36%),linear-gradient(145deg,#0e0914f5,#0c1218db)}.flood-board{display:grid;grid-template-columns:repeat(var(--flood-size),1fr);gap:3px;aspect-ratio:1;padding:8px;border:1px solid rgba(244,241,232,.12);border-radius:20px;background:#080d188f}.flood-cell{min-width:0;padding:0;border:0;border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff14;cursor:pointer}.flood-cell.is-origin{box-shadow:inset 0 0 0 2px #f4f1e8b8,0 0 12px #f4f1e82e}.flood-cell:disabled{cursor:default}.flood-cell.is-coral,.flood-palette button.is-coral span{background:#ff7d7d}.flood-cell.is-gold,.flood-palette button.is-gold span{background:#ffcf6d}.flood-cell.is-mint,.flood-palette button.is-mint span{background:#9df08a}.flood-cell.is-sky,.flood-palette button.is-sky span{background:#72efff}.flood-cell.is-violet,.flood-palette button.is-violet span{background:#c99cff}.flood-cell.is-rose,.flood-palette button.is-rose span{background:#ff8ac7}.flood-palette{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.flood-palette button{display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 12px;border:1px solid rgba(244,241,232,.12);border-radius:14px;background:#f4f1e80f;color:var(--text);font-weight:800;cursor:pointer}.flood-palette button:disabled{cursor:default;opacity:.45}.flood-palette button.is-current{border-color:#f4f1e870;background:#f4f1e81f;opacity:1}.flood-palette button span{width:22px;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px #fff3}.flood-options{display:grid;gap:10px}.flood-options button{display:grid;gap:4px;padding:13px 15px;border:1px solid rgba(244,241,232,.12);border-radius:6px;background:#f4f1e80e;color:var(--text);text-align:left;cursor:pointer}.flood-options button.is-selected{border-color:#c99cffd1;background:#c99cff24}.flood-options button:disabled{cursor:default;opacity:.72}.flood-options span{font-weight:900}.flood-options small{color:var(--muted);line-height:1.5}.flood-progress,.flood-hint{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#080d1861;line-height:1.6}.flood-hint{grid-template-columns:auto 1fr}.flood-hint svg{width:20px;margin-top:4px;color:#c99cff}.same-layout{grid-template-columns:minmax(320px,.95fr) minmax(280px,.72fr)}.same-score{grid-template-columns:repeat(3,1fr)}.same-play-area{display:grid;align-self:start;padding:clamp(16px,4vw,28px);border:1px solid rgba(244,241,232,.13);border-radius:28px;background:radial-gradient(circle at 18% 16%,rgba(157,240,138,.16),transparent 34%),radial-gradient(circle at 84% 78%,rgba(255,138,199,.12),transparent 36%),linear-gradient(145deg,#08120cf5,#120e18db)}.same-board{display:grid;grid-template-columns:repeat(var(--same-columns),1fr);grid-template-rows:repeat(var(--same-rows),1fr);gap:4px;aspect-ratio:calc(var(--same-columns) / var(--same-rows));padding:8px;border:1px solid rgba(244,241,232,.12);border-radius:20px;background:#080d188f}.same-cell{min-width:0;padding:0;border:0;border-radius:7px;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff1a}.same-cell:disabled{cursor:default}.same-cell.is-empty{cursor:default;background:#f4f1e809;box-shadow:none}.same-cell.is-coral{background:#ff7d7d}.same-cell.is-gold{background:#ffcf6d}.same-cell.is-mint{background:#9df08a}.same-cell.is-sky{background:#72efff}.same-cell.is-violet{background:#c99cff}.same-options{display:grid;gap:10px}.same-options button{display:grid;gap:4px;padding:13px 15px;border:1px solid rgba(244,241,232,.12);border-radius:6px;background:#f4f1e80e;color:var(--text);text-align:left;cursor:pointer}.same-options button.is-selected{border-color:#9df08ad1;background:#9df08a24}.same-options button:disabled{cursor:default;opacity:.72}.same-options span{font-weight:900}.same-options small{color:var(--muted);line-height:1.5}.same-progress,.same-hint{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#080d1861;line-height:1.6}.same-hint{grid-template-columns:auto 1fr}.same-hint svg{width:20px;margin-top:4px;color:#9df08a}.peg-layout{grid-template-columns:minmax(320px,.95fr) minmax(280px,.72fr)}.peg-score{grid-template-columns:repeat(3,1fr)}.peg-play-area{display:grid;align-self:start;padding:clamp(16px,4vw,28px);border:1px solid rgba(244,241,232,.13);border-radius:28px;background:radial-gradient(circle at 18% 16%,rgba(217,168,78,.16),transparent 34%),radial-gradient(circle at 84% 78%,rgba(114,239,255,.12),transparent 36%),linear-gradient(145deg,#120e09f5,#121618db)}.peg-board{display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(7px,1.7vw,12px);aspect-ratio:1;padding:clamp(10px,2.5vw,18px);border:1px solid rgba(244,241,232,.12);border-radius:24px;background:#080d188f}.peg-cell{display:grid;place-items:center;min-width:0;padding:0;border:1px solid rgba(244,241,232,.12);border-radius:50%;background:#f4f1e80e;cursor:pointer}.peg-cell:disabled{cursor:default}.peg-cell.is-invalid{border-color:transparent;background:transparent}.peg-cell.is-empty{background:#080b0ca3;box-shadow:inset 0 0 16px #00000042}.peg-cell.is-peg span{width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.42),transparent 24%),linear-gradient(145deg,#f1c66c,#9c6b22);box-shadow:0 10px 22px #00000042}.peg-cell.is-selected{border-color:#ffcf6deb;box-shadow:0 0 20px #ffcf6d3d}.peg-cell.is-target{border-color:#9df08ae6;background:#9df08a29;box-shadow:0 0 20px #9df08a38}.peg-progress,.peg-hint{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#080d1861;line-height:1.6}.peg-hint{grid-template-columns:auto 1fr}.peg-hint svg{width:20px;margin-top:4px;color:#d9a84e}.wordguess-layout{grid-template-columns:minmax(320px,.95fr) minmax(280px,.72fr)}.wordguess-score{grid-template-columns:repeat(3,1fr)}.wordguess-play-area{display:grid;gap:18px;align-self:start;padding:clamp(16px,4vw,28px);border:1px solid rgba(244,241,232,.13);border-radius:28px;background:radial-gradient(circle at 18% 16%,rgba(114,239,255,.16),transparent 34%),radial-gradient(circle at 84% 78%,rgba(157,240,138,.12),transparent 36%),linear-gradient(145deg,#080e12f5,#0e1410db)}.wordguess-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:min(100%,380px);justify-self:center}.wordguess-tile{display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(244,241,232,.16);border-radius:12px;background:#080d187a;color:var(--text);font-size:clamp(1.35rem,5vw,2.4rem);font-weight:900;line-height:1}.wordguess-tile.is-filled{border-color:#f4f1e859}.wordguess-tile.is-correct{border-color:#4fbf74e6;background:#4fbf74}.wordguess-tile.is-present{border-color:#d9a84ee6;background:#d9a84e}.wordguess-tile.is-absent{border-color:#f4f1e814;background:#303b3d}.wordguess-keyboard{display:grid;gap:8px}.wordguess-keyboard div{display:flex;justify-content:center;gap:6px}.wordguess-keyboard button{min-width:clamp(28px,5vw,42px);min-height:42px;border:1px solid rgba(244,241,232,.12);border-radius:10px;background:#f4f1e814;color:var(--text);font-weight:900;cursor:pointer}.wordguess-keyboard button:disabled{cursor:default;opacity:.58}.wordguess-keyboard button.is-correct{background:#4fbf74}.wordguess-keyboard button.is-present{background:#d9a84e}.wordguess-keyboard button.is-absent{background:#303b3d}.wordguess-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wordguess-actions button{justify-content:center}.wordguess-actions button:disabled{cursor:default;opacity:.48}.wordguess-progress{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#080d1861;line-height:1.6}.wordguess-word-list{padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:18px;background:#080d1861;color:var(--muted)}.wordguess-word-list summary{color:var(--text);font-weight:900;cursor:pointer}.wordguess-word-list p{margin:10px 0 12px;line-height:1.6}.wordguess-word-list div{display:flex;flex-wrap:wrap;gap:7px;max-height:190px;overflow:auto;padding-right:4px}.wordguess-word-list code{padding:5px 8px;border:1px solid rgba(244,241,232,.12);border-radius:999px;background:#f4f1e814;color:var(--text);font-family:inherit;font-size:.78rem;font-weight:900;letter-spacing:.06em}.one50-layout{grid-template-columns:minmax(320px,.95fr) minmax(280px,.72fr)}.one50-score{grid-template-columns:repeat(3,1fr)}.one50-play-area{display:grid;gap:16px;align-content:start;padding:18px;border:1px solid rgba(244,241,232,.1);border-radius:24px;background:radial-gradient(circle at 50% 0%,rgba(114,239,255,.12),transparent 42%),#ffffff09}.one50-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.one50-cell{aspect-ratio:1;border:1px solid rgba(244,241,232,.14);border-radius:16px;background:linear-gradient(145deg,#ffffff1f,#ffffff09);color:#f4f1e8;cursor:pointer;font-size:clamp(1.4rem,4vw,2.5rem);font-weight:900;box-shadow:0 14px 24px #0003;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.one50-cell:hover:not(:disabled){border-color:#72efffbf;box-shadow:0 18px 30px #00000047,0 0 20px #72efff2e;transform:translateY(-2px)}.one50-cell.is-target{border-color:#72effff2}.one50-cell.is-empty{border-color:#f4f1e80f;background:#ffffff06;box-shadow:none}.one50-cell:disabled{cursor:default;opacity:.76}.one50-progress{height:12px;overflow:hidden;border:1px solid rgba(244,241,232,.1);border-radius:999px;background:#ffffff0b}.one50-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#72efff,#9df08a);transition:width .2s ease}.one50-record{display:grid;grid-template-columns:1fr 1fr;gap:12px}.one50-record div{display:grid;gap:5px;padding:14px;border:1px solid rgba(244,241,232,.1);border-radius:16px;background:#ffffff0a}.one50-record svg{width:20px;height:20px;color:#72efff}.one50-record span{color:#8f9997;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.one50-record strong{color:#f4f1e8}.watersort-layout{grid-template-columns:minmax(360px,1fr) minmax(280px,.68fr)}.watersort-score{grid-template-columns:repeat(3,1fr)}.watersort-play-area{min-height:470px;display:grid;place-items:center;padding:24px;border:1px solid rgba(244,241,232,.1);border-radius:24px;background:radial-gradient(circle at 50% 0%,rgba(114,239,255,.12),transparent 44%),#ffffff09}.watersort-bottles{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:24px 18px;align-items:end}.watersort-bottle{display:grid;justify-items:center;gap:5px;border:0;background:transparent;color:#f4f1e8;cursor:pointer;transform-origin:bottom center;transition:opacity .18s ease,transform .18s ease}.watersort-bottle:hover{transform:translateY(-5px)}.watersort-bottle.is-selected{transform:translateY(-18px)}.watersort-bottle.is-empty{opacity:.78}.watersort-neck{width:42px;height:17px;border:2px solid rgba(217,251,255,.48);border-bottom:0;border-radius:13px 13px 0 0;background:#ffffff0a}.watersort-glass{width:clamp(62px,8vw,86px);height:238px;display:grid;align-items:end;overflow:hidden;border:3px solid rgba(217,251,255,.52);border-top-width:2px;border-radius:12px 12px 30px 30px;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 28%,transparent 72%,rgba(255,255,255,.08)),#060c12b8;box-shadow:inset 0 0 20px #ffffff0a,0 18px 28px #0000003d}.watersort-bottle.is-selected .watersort-glass{border-color:#72effff2;box-shadow:inset 0 0 20px #ffffff0d,0 0 28px #72efff3d}.watersort-liquid{display:flex;flex-direction:column-reverse;height:100%}.watersort-layer{height:25%;border-top:1px solid rgba(255,255,255,.22)}.watersort-layer.is-red{background:linear-gradient(180deg,#ff8b8b,#ff5959)}.watersort-layer.is-blue{background:linear-gradient(180deg,#8be7ff,#3dbde8)}.watersort-layer.is-green{background:linear-gradient(180deg,#a6f58e,#53c46f)}.watersort-layer.is-yellow{background:linear-gradient(180deg,#ffe78a,#d9a84e)}.watersort-layer.is-purple{background:linear-gradient(180deg,#d2a5ff,#985eff)}.watersort-layer.is-orange{background:linear-gradient(180deg,#ffbc79,#ff884d)}.watersort-index{color:#8f9997;font-size:.78rem;font-weight:800}.watersort-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.watersort-levels button{min-height:42px;border:1px solid rgba(244,241,232,.12);border-radius:999px;background:#ffffff0a;color:#f4f1e8;cursor:pointer;font-weight:800}.watersort-levels button.is-active{border-color:#72efffcc;background:#72efff24;color:#72efff}.watersort-status{display:grid;grid-template-columns:1fr 1fr;gap:12px}.watersort-status div{display:grid;gap:5px;padding:14px;border:1px solid rgba(244,241,232,.1);border-radius:16px;background:#ffffff0a}.watersort-status svg{width:20px;height:20px;color:#72efff}.watersort-status span{color:#8f9997;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.watersort-status strong{color:#f4f1e8}.nonogram-layout{grid-template-columns:minmax(420px,1fr) minmax(280px,.72fr)}.nonogram-score{grid-template-columns:repeat(3,1fr)}.nonogram-play-area{display:grid;gap:16px;align-content:start;padding:18px;border:1px solid rgba(244,241,232,.1);border-radius:24px;background:radial-gradient(circle at 50% 0%,rgba(157,240,138,.12),transparent 42%),#ffffff09}.nonogram-toolbar{display:flex;flex-wrap:wrap;gap:8px}.nonogram-toolbar button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid rgba(244,241,232,.12);border-radius:999px;background:#ffffff0b;color:#f4f1e8;cursor:pointer;font-weight:800}.nonogram-toolbar button.is-active{border-color:#9df08ad9;background:#9df08a29;color:#9df08a}.nonogram-toolbar svg{width:17px;height:17px}.nonogram-board-wrap{overflow:auto;padding:6px}.nonogram-board{--nonogram-cell: clamp(30px, 5.2vw, 44px);display:grid;grid-template-columns:var(--nonogram-row-hint, minmax(86px, auto)) repeat(var(--nonogram-cols),var(--nonogram-cell));grid-template-rows:var(--nonogram-column-hint, minmax(90px, auto)) repeat(var(--nonogram-rows),var(--nonogram-cell));width:max-content;overflow:hidden;border:1px solid rgba(244,241,232,.18);border-radius:18px;background:#050a0db8;box-shadow:0 18px 30px #0000003d}.nonogram-corner,.nonogram-column-hint,.nonogram-row-hint{display:flex;align-items:center;justify-content:center;gap:3px;border-right:1px solid rgba(244,241,232,.18);border-bottom:1px solid rgba(244,241,232,.18);background:#ffffff0b;color:#d6dedc;font-size:.78rem;font-weight:900}.nonogram-corner svg{width:24px;height:24px;color:#9df08a}.nonogram-column-hint{flex-direction:column;min-height:var(--nonogram-column-hint, 90px);padding:7px 4px}.nonogram-row-hint{justify-content:flex-end;min-width:var(--nonogram-row-hint, 86px);padding:4px 9px}.nonogram-column-hint.is-complete,.nonogram-row-hint.is-complete{background:#9df08a29;color:#9df08a}.nonogram-column-hint.is-complete .nonogram-hint-number,.nonogram-row-hint.is-complete .nonogram-hint-number{border-color:#9df08a8c;background:#9df08a38;color:#d7ffd0}.nonogram-hint-number{min-width:20px;padding:2px 5px;border:1px solid rgba(244,241,232,.16);border-radius:7px;background:#050a0d80;line-height:1.2;text-align:center}.nonogram-cell{position:relative;display:grid;place-items:center;width:var(--nonogram-cell);height:var(--nonogram-cell);border:0;border-right:1px solid rgba(244,241,232,.1);border-bottom:1px solid rgba(244,241,232,.1);background:#ffffff09;color:#ff8484e0;cursor:pointer;font-size:1.15rem;font-weight:900;touch-action:none;-webkit-user-select:none;user-select:none}.nonogram-cell:hover{background:#9df08a24}.nonogram-cell.is-filled{background:#9df08a;color:#07110a}.nonogram-cell.is-marked{background:#ffffff06}.nonogram-cell.is-answer:not(.is-filled):after{content:"";position:absolute;top:28%;right:28%;bottom:28%;left:28%;border-radius:6px;background:#9df08a73}.nonogram-cell.is-block-right{border-right-color:#f4f1e852}.nonogram-cell.is-block-bottom{border-bottom-color:#f4f1e852}.nonogram-puzzles{display:grid;gap:8px}.nonogram-puzzles button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 13px;border:1px solid rgba(244,241,232,.12);border-radius:14px;background:#ffffff0a;color:#f4f1e8;cursor:pointer;font-weight:900}.nonogram-puzzles button.is-active{border-color:#9df08ad9;background:#9df08a24;color:#9df08a}.nonogram-puzzles small{color:#8f9997;font-weight:800}.nonogram-status{display:grid;gap:8px;padding:16px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:var(--muted);background:#080d1861;line-height:1.6}@keyframes reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes mole-pop{0%{opacity:0;transform:translateY(32%) scale(.78)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes target-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:720px){main{width:min(100% - 24px,560px);padding-top:38px}.hero{flex-wrap:wrap;gap:14px;margin-bottom:38px}.hero .language-switcher{width:100%;justify-content:space-between}.game-topbar{align-items:stretch;flex-direction:column}.game-topbar .language-switcher{width:100%;justify-content:space-between}.brand-mark{width:43px;height:43px}.section-heading{align-items:start}.quick-grid,.shelf-tools{grid-template-columns:1fr}.saved-shelf{padding:13px}.saved-game-list{display:grid;grid-template-columns:1fr}.saved-game-chip{min-width:0}.shelf-tools{gap:10px;margin-bottom:20px;padding:10px}.shelf-count{min-height:42px}.game-grid{grid-template-columns:1fr;gap:20px}.card-body{padding:21px 20px 23px}.card-body p{min-height:0}footer{margin-top:34px}.game-screen{width:min(100% - 24px,560px)}.embedded-landing-hero,.embedded-promo-grid{grid-template-columns:1fr}.embedded-landing-preview{min-height:210px;border-left:0;border-top:1px solid var(--line)}.embedded-landing-preview img{min-height:210px}.embedded-landing-actions{align-items:stretch;flex-direction:column}.puzzle-hero,.puzzle-layout{grid-template-columns:1fr;gap:16px;padding:22px}.puzzle-hero{display:grid}.score-panel{min-width:0}.puzzle-side{gap:12px}.rule-card{padding:16px}.control-row{gap:9px}.primary-button,.ghost-button{min-height:46px;padding:0 15px}.board-2048{gap:8px;padding:8px}.sudoku-layout{grid-template-columns:1fr}.sudoku-board{border-width:2px}.sudoku-side .number-pad{order:-6}.sudoku-side>.control-row{order:-5}.sudoku-side .select-label{order:-4}.sudoku-side .check-label,.sudoku-side .sudoku-note{order:-3}.sudoku-side .rule-card{order:4}.number-pad{grid-template-columns:repeat(3,1fr);gap:8px}.number-pad button{aspect-ratio:auto;min-height:52px;font-size:1.15rem}.snake-board-wrap,.pong-board-wrap,.breakout-board-wrap{width:100%;padding:8px;border-radius:16px}.snake-board{gap:2px;padding:6px;border-radius:12px}.snake-cell{border-radius:4px}.snake-side .snake-controls,.pong-side .pong-controls,.breakout-side .breakout-controls,.maze-side .maze-controls{order:-8}.snake-side>.control-row,.pong-side>.control-row,.breakout-side>.control-row{order:-7}.snake-side .snake-progress,.pong-side .pong-progress,.breakout-side .breakout-progress,.maze-side .maze-progress{order:-6}.pong-side .pong-difficulty{order:-5}.snake-side .rule-card,.pong-side .rule-card,.breakout-side .rule-card,.maze-side .rule-card{order:5}.snake-controls{grid-template-columns:repeat(3,minmax(60px,76px));gap:10px;padding:10px}.snake-controls button{min-height:58px;border-radius:14px;font-size:1.55rem;touch-action:none}.pong-controls,.breakout-controls{gap:10px;padding:10px}.pong-controls button,.breakout-controls button{min-height:60px;font-size:1.05rem;touch-action:none}.maze-controls{grid-template-columns:repeat(3,minmax(58px,74px));gap:10px;justify-content:center;padding:10px}.maze-controls button{min-height:56px;border-radius:14px;font-size:1.35rem;touch-action:none}.pong-side .ranking-card,.snake-side .ranking-card,.breakout-side .ranking-card,.sudoku-side .ranking-card,.maze-side .ranking-card{order:7}.pong-side .shelf-button,.snake-side .shelf-button,.breakout-side .shelf-button,.sudoku-side .shelf-button,.maze-side .shelf-button{order:8}.pong-overlay,.snake-overlay{top:8px;right:8px;bottom:8px;left:8px;border-radius:14px}.minesweeper-layout{grid-template-columns:1fr}.minesweeper-board{gap:3px;padding:6px}.mine-cell{border-radius:3px;font-size:clamp(.58rem,3vw,1rem)}.memory-layout{grid-template-columns:1fr}.memory-board{gap:8px;padding:9px}.memory-card,.memory-card-front,.memory-card-back{border-radius:8px}.slide15-layout{grid-template-columns:1fr}.slide15-board{gap:7px;padding:8px}.slide15-tile{border-radius:7px}.lights-out-layout{grid-template-columns:1fr}.lights-out-board{gap:7px;padding:8px}.light-cell{border-radius:8px}.reaction-layout{grid-template-columns:1fr}.reaction-target{border-radius:18px}.typing-layout{grid-template-columns:1fr}.typing-stage{padding:20px}.tic-layout{grid-template-columns:1fr}.tic-board{gap:8px;padding:10px}.tic-cell{border-radius:12px}.reversi-layout{grid-template-columns:1fr}.reversi-board{gap:3px;padding:8px;border-radius:18px}.reversi-cell{border-radius:5px}.color-layout{grid-template-columns:1fr}.color-stage{min-height:360px;padding:20px}.color-answer-row,.hangman-layout{grid-template-columns:1fr}.hangman-stage{padding:18px}.hangman-keyboard{grid-template-columns:repeat(7,minmax(0,1fr))}.hangman-keyboard button{min-height:38px}.blackjack-layout{grid-template-columns:1fr}.blackjack-table{padding:18px}.poker-layout{grid-template-columns:1fr}.poker-table{min-height:360px;padding:18px}.poker-card{width:clamp(68px,24vw,96px);min-height:clamp(108px,34vw,142px);border-radius:13px}.poker-record,.solitaire-layout{grid-template-columns:1fr}.solitaire-table{gap:14px;min-height:520px;padding:10px;border-radius:18px}.solitaire-top-row{gap:10px;flex-wrap:wrap}.solitaire-stock-area,.solitaire-foundations{gap:7px}.solitaire-slot{width:min(18vw,62px);min-height:min(26vw,88px);border-radius:10px}.solitaire-card{width:min(18vw,62px);min-height:min(26vw,88px);padding:6px;border-radius:10px}.solitaire-card.is-compact{width:100%;min-height:min(23vw,78px);padding:5px}.solitaire-card strong{font-size:clamp(1.2rem,5.5vw,1.8rem)}.solitaire-card.is-compact strong{font-size:clamp(1.05rem,4.8vw,1.55rem)}.solitaire-tableau{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.solitaire-pile{min-height:360px}.solitaire-card-button{top:calc(var(--solitaire-offset) * .72)}.solitaire-empty-pile{min-height:min(23vw,78px);border-radius:10px;font-size:1.2rem}.solitaire-record{grid-template-columns:1fr}.solitaire-record svg{grid-row:auto}.hanoi-layout{grid-template-columns:1fr}.hanoi-board{min-height:320px;padding:12px}.hanoi-peg{min-height:290px;padding-inline:4px}.hanoi-disk,.hanoi-disk-space{height:23px;min-width:30px}.connect-layout{grid-template-columns:1fr}.connect-play-area{padding:12px}.connect-drop-row,.connect-board{gap:5px}.connect-board{padding:9px}.maze-layout{grid-template-columns:1fr}.maze-play-area{padding:12px}.maze-cell.is-player:after,.maze-cell.is-goal:before{top:18%;right:18%;bottom:18%;left:18%}.simon-layout{grid-template-columns:1fr}.simon-stage{min-height:390px;padding:14px}.simon-board{border-radius:28px}.simon-pad.is-green{border-top-left-radius:20px}.simon-pad.is-red{border-top-right-radius:20px}.simon-pad.is-yellow{border-bottom-left-radius:20px}.simon-pad.is-blue{border-bottom-right-radius:20px}.nim-layout{grid-template-columns:1fr}.nim-play-area{padding:12px}.nim-pile{padding:13px}.hitblow-layout{grid-template-columns:1fr}.hitblow-play-area{padding:12px}.hitblow-keypad{grid-template-columns:repeat(5,minmax(0,1fr))}.hitblow-actions,.hitblow-history li,.yacht-layout{grid-template-columns:1fr}.yacht-play-area{padding:12px}.yacht-dice-row{gap:7px}.yacht-dice-row button{border-radius:12px}.yacht-controls,.flood-layout{grid-template-columns:1fr}.flood-play-area{padding:12px}.flood-board{gap:2px;padding:6px}.flood-cell{border-radius:3px}.flood-palette{grid-template-columns:repeat(2,1fr)}.same-layout{grid-template-columns:1fr}.same-play-area{padding:12px}.same-board{gap:3px;padding:6px}.same-cell{border-radius:4px}.peg-layout{grid-template-columns:1fr}.peg-play-area{padding:12px}.peg-board{gap:6px;padding:10px}.wordguess-layout{grid-template-columns:1fr}.wordguess-play-area{padding:12px}.wordguess-actions,.one50-layout{grid-template-columns:1fr}.one50-play-area{padding:12px}.one50-board{gap:7px}.one50-cell{border-radius:12px}.one50-record,.watersort-layout{grid-template-columns:1fr}.watersort-play-area{min-height:420px;padding:14px}.watersort-bottles{grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:18px 10px}.watersort-glass{height:190px}.watersort-levels,.watersort-status,.nonogram-layout{grid-template-columns:1fr}.nonogram-play-area{padding:12px;min-width:0}.nonogram-board-wrap{width:100%;overflow-x:hidden;padding:0}.nonogram-board{max-width:100%;border-radius:14px;box-shadow:0 14px 24px #00000038}.nonogram-column-hint{min-height:var(--nonogram-column-hint, 64px);gap:2px;padding:4px 2px}.nonogram-row-hint{min-width:var(--nonogram-row-hint, 48px);gap:2px;padding:2px 4px}.nonogram-corner,.nonogram-column-hint,.nonogram-row-hint{font-size:clamp(.58rem,2.15vw,.72rem)}.nonogram-corner svg{width:18px;height:18px}.nonogram-hint-number{min-width:16px;padding:1px 3px;border-radius:5px}.nonogram-cell{font-size:clamp(.62rem,3vw,.95rem)}.nonogram-cell.is-answer:not(.is-filled):after{top:24%;right:24%;bottom:24%;left:24%;border-radius:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.score-panel.color-chain-score{grid-template-columns:repeat(4,minmax(74px,1fr))}.puzzle-layout.color-chain-layout{grid-template-columns:minmax(300px,.78fr) minmax(300px,1.22fr)}@media(max-width:900px){.puzzle-layout.color-chain-layout{grid-template-columns:1fr}.puzzle-side.color-chain-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.score-panel.color-chain-score{grid-template-columns:repeat(4,minmax(0,1fr))}.puzzle-side.color-chain-side{display:flex;flex-direction:column;min-width:0;width:100%}}.game-screen.is-color-chain-test{width:min(1440px,calc(100% - 40px))}.color-chain-shell.is-mascot-test{--chain-battle-gap: clamp(9px, 1.25vw, 16px);--chain-cell-size: min(29px, 4.35vh, 3vw);background:linear-gradient(180deg,#080f2133,#080a18c7),radial-gradient(circle at 16% 24%,rgba(255,110,203,.25),transparent 25%),radial-gradient(circle at 84% 23%,rgba(102,221,255,.25),transparent 26%),radial-gradient(circle at 50% 92%,rgba(255,209,102,.17),transparent 30%),linear-gradient(135deg,#20123f,#0b2740 52%,#35143f);background-color:#101d36;background-image:linear-gradient(180deg,#0308180a,#0307132e),url(/backgrounds/color-chain-battle-v2.webp);background-position:center;background-repeat:no-repeat;background-size:cover;border:1px solid rgba(255,231,153,.24);border-radius:clamp(18px,2.5vw,32px);box-shadow:0 28px 80px #0205127a,inset 0 0 70px #6adeff0d;isolation:isolate;overflow:hidden;padding:clamp(12px,2vw,24px);position:relative}.color-chain-shell.is-mascot-test:before,.color-chain-shell.is-mascot-test:after{content:"";pointer-events:none;position:absolute;z-index:-1}.color-chain-shell.is-mascot-test:before{background:radial-gradient(circle,rgba(255,255,255,.75) 0 1px,transparent 2px) 0 0 / 74px 74px,radial-gradient(circle,rgba(141,232,255,.55) 0 1px,transparent 2px) 26px 31px / 96px 96px;top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(90deg,#000,transparent 42%,transparent 58%,#000);mask-image:linear-gradient(90deg,#000,transparent 42%,transparent 58%,#000);opacity:.38}.color-chain-shell.is-mascot-test:after{background:radial-gradient(ellipse at 50% 50%,transparent 30%,rgba(3,7,20,.08) 58%,rgba(3,6,16,.36) 100%),linear-gradient(90deg,rgba(9,22,45,.1),transparent 22%,transparent 78%,rgba(36,8,33,.12));border-radius:inherit;top:0;right:0;bottom:0;left:0}.color-chain-shell.is-mascot-test .color-chain-hero{background:linear-gradient(90deg,#070d1ec2,#1914379e,#070d1ec2);border:1px solid rgba(255,255,255,.11);border-radius:18px;gap:14px;margin-bottom:var(--chain-battle-gap);padding:10px 14px}.color-chain-shell.is-mascot-test .color-chain-hero h1{font-size:clamp(1.35rem,3vw,2.3rem)}.color-chain-shell.is-mascot-test .color-chain-hero .lead{font-size:clamp(.72rem,1.25vw,.9rem);margin-top:4px}.color-chain-shell.is-mascot-test .color-chain-score div{background:#040a188f;border-color:#8de8ff26;padding:8px 10px}.color-chain-shell.is-mascot-test .color-chain-score strong{color:#fff0a8}.color-chain-landscape-notice{align-items:flex-start;background:#081326f0;border:1px solid rgba(141,232,255,.38);border-radius:15px;box-shadow:0 12px 32px #00000047;display:none;gap:10px;margin-bottom:12px;padding:11px 12px}.color-chain-landscape-notice>svg{color:#8de8ff;flex:0 0 auto;height:24px;width:24px}.color-chain-landscape-notice div{flex:1 1 auto}.color-chain-landscape-notice strong{color:#fff2aa;display:block;font-size:.86rem}.color-chain-landscape-notice p{color:#c2cad7;font-size:.74rem;line-height:1.45;margin:3px 0 0}.color-chain-landscape-notice button{align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#f8f3ff;display:flex;flex:0 0 auto;height:32px;justify-content:center;padding:0;width:32px}.color-chain-opponent-panel{align-self:stretch;background:radial-gradient(circle at 50% 42%,rgba(255,193,94,.13),transparent 42%),linear-gradient(165deg,#341332f5,#101426fa);border:1px solid rgba(255,184,105,.32);border-radius:22px;box-shadow:0 18px 46px #02070c57;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:12px;position:relative;width:100%}.color-chain-opponent-panel:after{border:1px solid rgba(255,255,255,.07);border-radius:17px;content:"";top:6px;right:6px;bottom:6px;left:6px;pointer-events:none;position:absolute}.color-chain-opponent-heading{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;position:relative;z-index:2}.color-chain-opponent-heading>div{display:grid;gap:2px}.color-chain-opponent-heading span{color:#ffbd73;font-size:.62rem;font-weight:900;letter-spacing:.12em}.color-chain-opponent-heading strong{color:#fff4c8;font-size:.9rem}.color-chain-opponent-heading svg{color:#ffbd73;height:20px;width:20px}.color-chain-opponent-stage{align-items:center;display:grid;flex:1 1 auto;justify-content:center;min-height:180px;position:relative}.color-chain-opponent-stage:before{background:radial-gradient(circle,rgba(118,255,222,.2),rgba(79,173,205,.08) 48%,transparent 70%);border:1px solid rgba(140,255,226,.22);border-radius:50%;box-shadow:0 0 32px #56e1cf29;content:"";height:clamp(92px,12vw,146px);opacity:.76;position:absolute;width:clamp(92px,12vw,146px)}.color-chain-moko-slime{display:block;filter:drop-shadow(0 13px 12px rgba(5,23,46,.38));grid-area:1 / 1;height:clamp(78px,9vw,116px);opacity:0;pointer-events:none;transform-origin:50% 82%;transition:opacity .12s ease;width:clamp(96px,11vw,138px);z-index:2}.color-chain-moko-slime.is-active{opacity:1}.color-chain-moko-slime>img{display:block;height:100%;object-fit:contain;width:100%}.color-chain-opponent-orbit{border:2px dashed rgba(111,240,218,.34);border-radius:50%;height:min(76%,178px);position:absolute;transform:rotate(-12deg);width:min(88%,178px)}.color-chain-opponent-gauge-wrap{display:grid;gap:5px 8px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:8px;position:relative;z-index:2}.color-chain-opponent-gauge-wrap>span{align-items:center;color:#baf8e8;display:inline-flex;font-size:.64rem;font-weight:900;gap:5px}.color-chain-opponent-gauge-wrap>span svg{height:14px;width:14px}.color-chain-opponent-gauge-wrap>strong{color:#fff3ad;font-size:.7rem}.color-chain-opponent-gauge{background:#020d19b8;border:1px solid rgba(150,255,226,.2);border-radius:999px;grid-column:1 / -1;height:8px;overflow:hidden}.color-chain-opponent-gauge>i{background:linear-gradient(90deg,#ff85c8,#ffe87c 42%,#67efd0);box-shadow:0 0 12px #62f1d485;display:block;height:100%;transition:width .42s ease}.color-chain-interference-gauge{--interference-accent: #69dcff;--interference-glow: rgba(105, 220, 255, .42);align-items:center;display:grid;gap:4px 8px;grid-template-columns:minmax(0,1fr) auto;margin:0 0 8px;position:relative;z-index:2}.color-chain-interference-gauge>span{color:#c7f5ff;font-size:.62rem;font-weight:900;letter-spacing:.04em}.color-chain-interference-gauge>strong{color:var(--interference-accent);font-size:.62rem;font-weight:900;text-align:right}.color-chain-interference-gauge>i{background:#020d19c2;border:1px solid color-mix(in srgb,var(--interference-accent) 36%,transparent);border-radius:999px;grid-column:1 / -1;height:8px;overflow:hidden}.color-chain-interference-gauge>i>b{background:linear-gradient(90deg,color-mix(in srgb,var(--interference-accent) 55%,#ffffff),var(--interference-accent));box-shadow:0 0 12px var(--interference-glow);display:block;height:100%;transition:width .28s linear}.color-chain-interference-gauge.is-forecast{--interference-accent: #ffc659;--interference-glow: rgba(255, 177, 64, .58)}.color-chain-interference-gauge.is-forecast>strong,.color-chain-interference-gauge.is-forecast>i{animation:color-chain-interference-warning .72s ease-in-out infinite alternate}.color-chain-interference-gauge.is-casting{--interference-accent: #ff7ca8;--interference-glow: rgba(255, 79, 140, .68)}.color-chain-interference-gauge.is-armed{--interference-accent: #7dffd2;--interference-glow: rgba(65, 255, 190, .6)}.color-chain-interference-gauge.is-triggered{--interference-accent: #a8b8cb;--interference-glow: rgba(167, 184, 205, .24)}@keyframes color-chain-interference-warning{0%{filter:brightness(.88);opacity:.72}to{filter:brightness(1.35);opacity:1}}.color-chain-opponent-copy{background:#050a1475;border:1px solid rgba(255,255,255,.1);border-radius:13px;padding:9px 10px;position:relative;z-index:2}.color-chain-opponent-copy strong{color:#ffd18d;display:block;font-size:.78rem}.color-chain-opponent-copy p{color:#d8d3dd;font-size:.68rem;line-height:1.45;margin:3px 0 0}.color-chain-opponent-copy p span{color:#ffcf8d;display:block;font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.color-chain-opponent-panel.is-light .color-chain-moko-slime.is-active{animation:color-chain-moko-hit-light .65s ease-out both}.color-chain-opponent-panel.is-medium .color-chain-moko-slime.is-active{animation:color-chain-moko-hit-medium .9s ease-out both}.color-chain-opponent-panel.is-heavy .color-chain-moko-slime.is-active{animation:color-chain-moko-hit-heavy 1.2s ease-out both}.color-chain-opponent-panel.is-interference-casting{border-color:#76ffd3c2;box-shadow:0 18px 46px #02070c57,0 0 28px #44f0c433}.color-chain-opponent-panel.is-interference-casting .color-chain-moko-slime.is-active{animation:color-chain-moko-cast .95s cubic-bezier(.2,.82,.25,1) both}.color-chain-opponent-panel.is-interference-armed .color-chain-opponent-copy{border-color:#7bffdb66;box-shadow:inset 0 0 18px #3de1b714}.color-chain-opponent-panel.is-purified .color-chain-moko-slime{filter:saturate(.72) brightness(1.12)}.color-chain-opponent-panel.is-purified .color-chain-opponent-gauge>i{box-shadow:none}@keyframes color-chain-moko-hit-light{0%,to{transform:scale(1)}30%{transform:translateY(4px) scale(1.06,.88)}58%{transform:translateY(-5px) scale(.96,1.05)}}@keyframes color-chain-moko-hit-medium{0%,to{transform:translate(0) scale(1)}24%{transform:translate(-8px) scale(1.08,.82)}46%{transform:translate(7px) scale(.94,1.08)}68%{transform:translate(-3px) scale(1.03,.95)}}@keyframes color-chain-moko-hit-heavy{0%,to{transform:translate(0) rotate(0) scale(1)}18%{transform:translate(-10px,6px) rotate(-8deg) scale(1.12,.72)}40%{transform:translate(9px,-9px) rotate(7deg) scale(.9,1.12)}62%{transform:translate(-5px,1px) rotate(-4deg) scale(1.05,.9)}}@keyframes color-chain-moko-cast{0%{transform:translateY(0) scale(1);filter:brightness(1)}32%{transform:translateY(5px) scale(1.13,.82);filter:brightness(1.14)}62%{transform:translateY(-9px) scale(.94,1.15);filter:brightness(1.34) drop-shadow(0 0 12px rgba(90,255,211,.7))}to{transform:translateY(0) scale(1);filter:brightness(1)}}.color-chain-shell.is-mascot-test .color-chain-layout{align-items:start;display:grid;gap:var(--chain-battle-gap);grid-template-areas:"chroma board opponent" "next controls laser" "tools tools tools" "help help help" "difficulty progress progress" "ranking ranking ranking" "actions actions actions" "shelf shelf shelf";grid-template-columns:minmax(170px,.82fr) max-content minmax(190px,.9fr);width:100%}.color-chain-shell.is-mascot-test .color-chain-play-area.has-mascot,.color-chain-shell.is-mascot-test .color-chain-side{display:contents}.color-chain-shell.is-mascot-test .color-chain-board-wrap{align-self:start;grid-area:board;justify-self:center}.color-chain-shell.is-mascot-test .color-chain-mascot-panel{grid-area:chroma;height:calc(var(--chain-cell-size) * 16 + 26px)}.color-chain-shell.is-mascot-test .color-chain-mascot-portrait{min-height:0}.color-chain-shell.is-mascot-test .color-chain-play-area.has-mascot>.color-chain-opponent-panel{grid-area:opponent;grid-column:opponent;grid-row:opponent;height:calc(var(--chain-cell-size) * 16 + 26px)}.color-chain-shell.is-mascot-test .color-chain-play-area.has-mascot>.color-chain-touch-controls{align-self:stretch;grid-area:controls;max-width:calc(var(--chain-cell-size) * 8 + 24px)}.color-chain-shell.is-mascot-test .color-chain-touch-controls button{height:44px}.color-chain-shell.is-mascot-test .color-chain-next{grid-area:next;margin:0;min-width:0;padding:10px 12px}.color-chain-shell.is-mascot-test .color-chain-next h2{font-size:.8rem;margin:0}.color-chain-shell.is-mascot-test .color-chain-next>div{gap:8px;justify-content:center;margin-top:7px}.color-chain-shell.is-mascot-test .color-chain-play-area.has-mascot>.color-chain-laser-panel{align-self:stretch;grid-area:laser;max-width:none}.color-chain-shell.is-mascot-test .color-chain-play-area.has-mascot>.color-chain-second-tools{grid-area:tools;grid-template-columns:repeat(2,minmax(190px,1fr));max-width:none}.color-chain-shell.is-mascot-test .color-chain-side>.rule-card:not(.color-chain-next){grid-area:help}.color-chain-shell.is-mascot-test .color-chain-difficulties{grid-area:difficulty;grid-template-columns:repeat(2,minmax(0,1fr))}.color-chain-shell.is-mascot-test .color-chain-progress{grid-area:progress}.color-chain-shell.is-mascot-test .color-chain-side>.ranking-card{grid-area:ranking}.color-chain-shell.is-mascot-test .color-chain-actions{grid-area:actions}.color-chain-shell.is-mascot-test .shelf-button{grid-area:shelf;justify-self:start}@media(orientation:portrait){.color-chain-shell.is-mascot-test{--chain-cell-size: min(34px, 4.05vh, calc((100vw - 58px)/8) )}.color-chain-shell.is-mascot-test .color-chain-landscape-notice{display:flex}.color-chain-shell.is-mascot-test .color-chain-layout{display:grid;grid-template-areas:none;grid-template-columns:minmax(0,1fr)}.color-chain-shell.is-mascot-test .color-chain-play-area.has-mascot{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center}.color-chain-shell.is-mascot-test .color-chain-side{display:flex;flex-direction:column;min-width:0;width:100%}.color-chain-shell.is-mascot-test .color-chain-board-wrap,.color-chain-shell.is-mascot-test .color-chain-play-area.has-mascot>.color-chain-touch-controls,.color-chain-shell.is-mascot-test .color-chain-mascot-panel,.color-chain-shell.is-mascot-test .color-chain-play-area.has-mascot>.color-chain-laser-panel,.color-chain-shell.is-mascot-test .color-chain-play-area.has-mascot>.color-chain-second-tools,.color-chain-shell.is-mascot-test .color-chain-opponent-panel,.color-chain-shell.is-mascot-test .color-chain-next,.color-chain-shell.is-mascot-test .color-chain-side>.rule-card:not(.color-chain-next),.color-chain-shell.is-mascot-test .color-chain-difficulties,.color-chain-shell.is-mascot-test .color-chain-progress,.color-chain-shell.is-mascot-test .color-chain-side>.ranking-card,.color-chain-shell.is-mascot-test .color-chain-actions,.color-chain-shell.is-mascot-test .shelf-button{grid-area:auto}.color-chain-shell.is-mascot-test .color-chain-board-wrap{grid-column:1;grid-row:1}.color-chain-shell.is-mascot-test .color-chain-play-area.has-mascot>.color-chain-touch-controls{grid-column:1;grid-row:2}.color-chain-shell.is-mascot-test .color-chain-mascot-panel{grid-column:1;grid-row:3;height:auto;width:min(100%,calc(var(--chain-cell-size) * 8 + 14px))}.color-chain-shell.is-mascot-test .color-chain-play-area.has-mascot>.color-chain-laser-panel{grid-column:1;grid-row:4;max-width:calc(var(--chain-cell-size) * 8 + 14px)}.color-chain-shell.is-mascot-test .color-chain-play-area.has-mascot>.color-chain-second-tools{grid-column:1;grid-row:5;max-width:calc(var(--chain-cell-size) * 8 + 14px)}.color-chain-shell.is-mascot-test .color-chain-opponent-panel{height:auto}.color-chain-shell.is-mascot-test .color-chain-opponent-stage{min-height:140px}}@media(orientation:landscape)and (max-height:620px){.game-screen.is-color-chain-test{padding-top:10px;width:min(100% - 16px,1440px)}.game-screen.is-color-chain-test .game-topbar{margin-bottom:8px}.color-chain-shell.is-mascot-test{--chain-cell-size: min(22px, 3.75vh, calc((100vw - 390px)/8) );padding:10px}.color-chain-shell.is-mascot-test .color-chain-hero{padding:7px 10px}.color-chain-shell.is-mascot-test .color-chain-hero h1{font-size:clamp(1.1rem,2.7vw,1.55rem)}.color-chain-shell.is-mascot-test .color-chain-score div{padding:5px 7px}.color-chain-shell.is-mascot-test .color-chain-hero .lead,.color-chain-shell.is-mascot-test .color-chain-mascot-heading span,.color-chain-shell.is-mascot-test .color-chain-opponent-heading span{display:none}.color-chain-shell.is-mascot-test .color-chain-mascot-panel,.color-chain-shell.is-mascot-test .color-chain-opponent-panel{padding:8px}.color-chain-shell.is-mascot-test .color-chain-mascot-panel>p,.color-chain-shell.is-mascot-test .color-chain-opponent-copy p{font-size:.62rem;line-height:1.3}.color-chain-shell.is-mascot-test .color-chain-touch-controls button{height:40px}}.game-screen.is-color-chain-test:has(.color-chain-shell.is-active-play){height:100dvh;max-width:none;padding:6px 0;width:min(100% - 12px,1440px)}.game-screen.is-color-chain-test:has(.color-chain-shell.is-active-play) .game-topbar{display:none}.color-chain-shell.is-mascot-test.is-active-play{--chain-cell-size: min(32px, calc((100dvh - 80px)/16) , calc((100vw - 390px)/8) );height:calc(100dvh - 12px);min-height:0;overflow:hidden;padding:6px}.color-chain-shell.is-mascot-test.is-active-play .color-chain-hero,.color-chain-shell.is-mascot-test.is-active-play .color-chain-landscape-notice,.color-chain-shell.is-mascot-test.is-active-play .color-chain-side,.color-chain-shell.is-mascot-test.is-active-play .color-chain-play-area.has-mascot>.color-chain-laser-panel,.color-chain-shell.is-mascot-test.is-active-play .color-chain-play-area.has-mascot>.color-chain-second-tools{display:none}.color-chain-shell.is-mascot-test.is-active-play .color-chain-layout{align-content:center;align-items:stretch;display:grid;gap:6px var(--chain-battle-gap);grid-template-areas:"chroma board hud opponent" "chroma controls hud opponent";grid-template-columns:minmax(108px,160px) max-content minmax(150px,210px) minmax(108px,160px);grid-template-rows:auto 40px;height:100%;justify-content:center}.color-chain-shell.is-mascot-test.is-active-play .color-chain-play-area.has-mascot{display:contents}.color-chain-shell.is-mascot-test.is-active-play .color-chain-board-wrap{align-self:end;grid-area:board;padding:7px}.color-chain-shell.is-mascot-test.is-active-play .color-chain-play-area.has-mascot>.color-chain-touch-controls{grid-area:controls;height:40px;max-width:calc(var(--chain-cell-size) * 8 + 14px)}.color-chain-shell.is-mascot-test.is-active-play .color-chain-touch-controls button{border-radius:10px;height:40px}.color-chain-shell.is-mascot-test.is-active-play .color-chain-mascot-panel{grid-area:chroma;height:auto;min-height:0;padding:8px}.color-chain-shell.is-mascot-test.is-active-play .color-chain-mascot-heading strong{font-size:.72rem}.color-chain-shell.is-mascot-test.is-active-play .color-chain-mascot-panel>p{font-size:.66rem;line-height:1.35;min-height:42px;padding:6px 7px}.color-chain-shell.is-mascot-test.is-active-play .color-chain-play-area.has-mascot>.color-chain-opponent-panel{grid-area:opponent;grid-column:opponent;grid-row:opponent;height:auto;min-height:0;padding:8px}.color-chain-shell.is-mascot-test.is-active-play .color-chain-opponent-heading span{font-size:.5rem}.color-chain-shell.is-mascot-test.is-active-play .color-chain-opponent-heading strong{font-size:.72rem}.color-chain-shell.is-mascot-test.is-active-play .color-chain-opponent-stage{min-height:82px}.color-chain-shell.is-mascot-test.is-active-play .color-chain-moko-slime{height:min(42%,102px);min-height:66px;min-width:78px;width:min(74%,122px)}.color-chain-shell.is-mascot-test.is-active-play .color-chain-opponent-gauge-wrap{margin-bottom:6px}.color-chain-shell.is-mascot-test.is-active-play .color-chain-opponent-copy{padding:7px 8px}.color-chain-shell.is-mascot-test.is-active-play .color-chain-opponent-copy strong{font-size:.65rem}.color-chain-shell.is-mascot-test.is-active-play .color-chain-opponent-copy p{font-size:.58rem}.color-chain-shell.is-mascot-test.is-active-play .color-chain-compact-hud{align-self:stretch;background:linear-gradient(150deg,#091a28f5,#1f1331f5);border:1px solid rgba(141,232,255,.26);border-radius:17px;box-shadow:0 16px 38px #02071252;display:grid;gap:7px;grid-area:hud;grid-template-rows:auto auto 1fr;min-height:0;padding:8px}.color-chain-compact-stats{display:grid;gap:3px;grid-template-columns:repeat(2,minmax(0,1fr))}.color-chain-compact-stats>span{background:#030a1680;border:1px solid rgba(255,255,255,.08);border-radius:9px;display:grid;min-width:0;padding:5px 6px}.color-chain-compact-stats small,.color-chain-compact-next>small{color:#9cb7c7;font-size:.56rem;font-weight:800;line-height:1.1}.color-chain-compact-stats strong{color:#fff1a9;font-size:.82rem;line-height:1.15;overflow:hidden;text-overflow:ellipsis}.color-chain-compact-next{align-items:center;background:#040c196b;border-radius:10px;display:flex;gap:8px;justify-content:space-between;padding:6px 7px}.color-chain-compact-next>div{display:flex;gap:7px}.color-chain-compact-next .color-chain-next-pair{gap:2px}.color-chain-compact-next .color-chain-next-pair i{border-radius:5px;font-size:.54rem;height:20px;width:20px}.color-chain-compact-actions{align-content:stretch;display:grid;gap:5px;grid-template-columns:repeat(2,minmax(0,1fr))}.color-chain-compact-actions button{align-items:center;background:#ffffff0e;border:1px solid rgba(255,255,255,.13);border-radius:10px;color:#eafaff;display:grid;font:inherit;grid-template-columns:auto 1fr;justify-items:center;min-height:38px;overflow:hidden;padding:4px 5px 7px;position:relative}.color-chain-compact-actions button.is-ready{border-color:#8de8ffb8;box-shadow:inset 0 0 14px #5ad7ff1f}.color-chain-compact-actions button:disabled{opacity:.42}.color-chain-compact-actions button>svg,.color-chain-compact-actions button>.color-chain-block-icon{height:18px;width:18px}.color-chain-compact-actions button>span{font-size:.62rem;font-weight:900}.color-chain-compact-actions button>i{background:linear-gradient(90deg,#526eff,#70e9ff,#fff3a7);bottom:0;height:3px;left:0;position:absolute}@media(orientation:portrait){.color-chain-shell.is-mascot-test.is-active-play{--chain-cell-size: min(38px, calc((100vw - 28px)/8) , calc((100dvh - 275px)/16) )}.color-chain-shell.is-mascot-test.is-active-play .color-chain-layout{align-content:start;grid-template-areas:"board board" "controls controls" "chroma opponent" "hud hud";grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto 40px 68px minmax(78px,1fr);justify-items:center;max-width:calc(var(--chain-cell-size) * 8 + 14px);margin:0 auto;width:100%}.color-chain-shell.is-mascot-test.is-active-play .color-chain-board-wrap{align-self:start;grid-column:1 / -1;grid-row:1}.color-chain-shell.is-mascot-test.is-active-play .color-chain-play-area.has-mascot>.color-chain-touch-controls{grid-column:1 / -1;grid-row:2}.color-chain-shell.is-mascot-test.is-active-play .color-chain-mascot-panel{display:grid;gap:2px 7px;grid-column:1;grid-row:3;grid-template-columns:50px minmax(0,1fr);height:68px;max-width:none;width:100%}.color-chain-shell.is-mascot-test.is-active-play .color-chain-mascot-heading{grid-column:2;grid-row:1}.color-chain-shell.is-mascot-test.is-active-play .color-chain-mascot-heading span,.color-chain-shell.is-mascot-test.is-active-play .color-chain-mascot-toggle span{display:none}.color-chain-shell.is-mascot-test.is-active-play .color-chain-mascot-heading strong{font-size:0;white-space:nowrap}.color-chain-shell.is-mascot-test.is-active-play .color-chain-mascot-heading strong:after{content:attr(data-compact-name);font-size:.62rem}.color-chain-shell.is-mascot-test.is-active-play .color-chain-mascot-toggle{min-height:26px;padding:3px 6px}.color-chain-shell.is-mascot-test.is-active-play .color-chain-mascot-portrait{grid-column:1;grid-row:1 / span 2;margin:0;min-height:0;width:50px}.color-chain-shell.is-mascot-test.is-active-play .color-chain-mascot-panel>p{align-self:stretch;grid-column:2;grid-row:2;min-height:0;overflow:hidden;padding:3px 6px;text-overflow:ellipsis;white-space:nowrap}.color-chain-shell.is-mascot-test.is-active-play .color-chain-opponent-panel{display:grid;gap:2px 5px;grid-column:2;grid-row:3;grid-template-columns:48px minmax(0,1fr);grid-template-rows:25px 1fr;height:68px;padding:5px;width:100%}.color-chain-shell.is-mascot-test.is-active-play .color-chain-opponent-heading{grid-column:2;grid-row:1}.color-chain-shell.is-mascot-test.is-active-play .color-chain-opponent-heading span,.color-chain-shell.is-mascot-test.is-active-play .color-chain-opponent-heading svg,.color-chain-shell.is-mascot-test.is-active-play .color-chain-opponent-copy,.color-chain-shell.is-mascot-test.is-active-play .color-chain-opponent-orbit{display:none}.color-chain-shell.is-mascot-test.is-active-play .color-chain-opponent-stage{grid-column:1;grid-row:1 / span 2;min-height:0}.color-chain-shell.is-mascot-test.is-active-play .color-chain-opponent-stage:before{height:46px;width:46px}.color-chain-shell.is-mascot-test.is-active-play .color-chain-moko-slime{height:36px;min-height:0;min-width:0;width:43px}.color-chain-shell.is-mascot-test.is-active-play .color-chain-opponent-gauge-wrap{align-self:center;grid-column:2;grid-row:2;margin:0}.color-chain-shell.is-mascot-test.is-active-play .color-chain-opponent-gauge-wrap>span{display:none}.color-chain-shell.is-mascot-test.is-active-play .color-chain-compact-hud{gap:4px 6px;grid-column:1 / -1;grid-row:4;grid-template-columns:70px minmax(0,1fr);grid-template-rows:25px minmax(42px,1fr);max-width:calc(var(--chain-cell-size) * 8 + 14px);padding:5px;width:100%}.color-chain-compact-stats{gap:2px;grid-column:1 / -1;grid-row:1;grid-template-columns:repeat(4,minmax(0,1fr))}.color-chain-compact-stats>span{align-items:center;display:flex;gap:3px;justify-content:center;padding:3px}.color-chain-compact-stats small{display:none}.color-chain-compact-stats strong{font-size:.68rem}.color-chain-compact-next{align-self:stretch;display:grid;gap:2px;grid-column:1;grid-row:2;justify-items:center;padding:3px}.color-chain-compact-next>div{gap:3px}.color-chain-compact-next .color-chain-next-pair:nth-child(n+2){display:none}.color-chain-compact-next .color-chain-next-pair i{height:17px;width:17px}.color-chain-compact-actions{gap:3px;grid-column:2;grid-row:2;grid-template-columns:repeat(5,minmax(0,1fr))}.color-chain-compact-actions button{display:grid;grid-template-columns:1fr;min-height:40px;padding:3px 1px 6px}.color-chain-compact-actions button>span{display:none}}@media(prefers-reduced-motion:reduce){.color-chain-shell.is-mascot-test:before{opacity:.2}}.color-chain-shell .visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.color-chain-menu-card>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.color-chain-overlay-launchers{display:none}.color-chain-shell.is-mascot-test.is-active-play .color-chain-overlay-launchers{display:flex;gap:6px;position:absolute;right:9px;top:9px;z-index:30}.color-chain-overlay-launchers button{align-items:center;background:#050e1de6;border:1px solid rgba(141,232,255,.34);border-radius:50%;box-shadow:0 6px 18px #00000047;color:#edfaff;cursor:pointer;display:flex;height:38px;justify-content:center;padding:0;width:38px}.color-chain-overlay-launchers button:hover,.color-chain-overlay-launchers button:focus-visible{border-color:#8de8ff;box-shadow:0 0 0 3px #8de8ff2b,0 6px 18px #00000047;outline:none}.color-chain-overlay-launchers button:disabled{cursor:wait;opacity:.42}.color-chain-overlay-launchers svg{height:19px;width:19px}.color-chain-overlay-launchers span{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.color-chain-dialog-backdrop{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020610c7;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;overflow-y:auto;overscroll-behavior:contain;padding:12px;position:fixed;z-index:1000}.color-chain-dialog{background:radial-gradient(circle at 12% 4%,rgba(240,87,189,.16),transparent 27%),radial-gradient(circle at 88% 8%,rgba(89,221,255,.16),transparent 28%),linear-gradient(155deg,#15162f,#071824 66%,#21142e);border:1px solid rgba(255,226,139,.3);border-radius:22px;box-sizing:border-box;box-shadow:0 30px 90px #00000094;color:#f5f5f7;display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100dvh - 24px);overflow:hidden;width:min(780px,calc(100vw - 24px))}.color-chain-dialog>header,.color-chain-dialog>footer{align-items:center;background:#040a1894;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.color-chain-dialog>header{border-bottom:1px solid rgba(255,255,255,.1)}.color-chain-dialog>header>div{align-items:center;display:flex;gap:9px}.color-chain-dialog>header svg{color:#8de8ff;flex:0 0 auto}.color-chain-dialog h2,.color-chain-dialog h3,.color-chain-dialog p{margin:0}.color-chain-dialog h2{color:#fff1ad;font-size:clamp(1rem,3vw,1.35rem)}.color-chain-dialog h3{color:#fff0b0;font-size:.9rem;margin-bottom:6px}.color-chain-dialog p{color:#ced8e1;font-size:.78rem;line-height:1.65}.color-chain-dialog-close{align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;width:44px}.color-chain-dialog-close:hover,.color-chain-dialog-close:focus-visible{border-color:#8de8ff;outline:2px solid rgba(141,232,255,.24)}.color-chain-dialog-content{display:grid;gap:16px;min-height:0;-webkit-overflow-scrolling:touch;overflow-y:auto;overscroll-behavior:contain;padding:16px;touch-action:pan-y pinch-zoom}.color-chain-dialog-controls{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.color-chain-dialog-controls>section,.color-chain-dialog-help>section:first-child{background:#040c1a80;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:13px}.color-chain-dialog-item-grid{display:grid;gap:9px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.color-chain-dialog-item{align-items:flex-start;background:#ffffff0b;border:1px solid rgba(255,255,255,.09);border-radius:14px;display:grid;gap:10px;grid-template-columns:38px minmax(0,1fr);padding:11px}.color-chain-dialog-item>span{align-items:center;background:#050c1ab8;border-radius:11px;display:flex;height:38px;justify-content:center;width:38px}.color-chain-dialog-item>span>svg,.color-chain-dialog-item>span>.color-chain-block-icon{height:25px;width:25px}.color-chain-dialog-item strong{color:#f5fbff;display:block;font-size:.8rem;margin-bottom:3px}.color-chain-dialog-item p{font-size:.69rem;line-height:1.5}.color-chain-dialog-settings{gap:10px}.color-chain-dialog-settings>button{align-items:center;background:#ffffff0b;border:1px solid rgba(255,255,255,.11);border-radius:14px;color:#eef8ff;cursor:pointer;display:grid;font:inherit;gap:11px;grid-template-columns:40px minmax(0,1fr) 48px;min-height:62px;padding:9px 12px;text-align:left}.color-chain-dialog-settings>button:hover,.color-chain-dialog-settings>button:focus-visible{border-color:#8de8ffb8;outline:none}.color-chain-dialog-settings>button>span:first-child{align-items:center;background:#050c1aad;border-radius:11px;display:flex;height:40px;justify-content:center}.color-chain-dialog-settings>button>span:nth-child(2){display:grid;gap:3px}.color-chain-dialog-settings strong{font-size:.84rem}.color-chain-dialog-settings small{color:#9fb0bf;font-size:.68rem}.color-chain-dialog-settings>button>i{background:#ffffff1c;border-radius:999px;display:block;height:25px;padding:3px;transition:background .16s ease;width:46px}.color-chain-dialog-settings>button>i>b{background:#9ba8b4;border-radius:50%;display:block;height:19px;transition:transform .16s ease,background .16s ease;width:19px}.color-chain-dialog-settings>button.is-on>i{background:#55deff52}.color-chain-dialog-settings>button.is-on>i>b{background:#9af0ff;transform:translate(21px)}.color-chain-dialog>footer{border-top:1px solid rgba(255,255,255,.1);justify-content:flex-end}.color-chain-dialog>footer button{min-height:42px;min-width:110px}.color-chain-shell.is-effects-reduced:before,.color-chain-shell.is-effects-reduced .color-chain-magic-chain-effect,.color-chain-shell.is-effects-reduced .color-chain-grand-spell-effect,.color-chain-shell.is-effects-reduced .color-chain-mascot-motion-fx{display:none}.color-chain-shell.is-effects-reduced .color-chain-cell,.color-chain-shell.is-effects-reduced .color-chain-burst,.color-chain-shell.is-effects-reduced .color-chain-mascot-image,.color-chain-shell.is-effects-reduced .color-chain-mascot-portrait,.color-chain-shell.is-effects-reduced .color-chain-interference-gauge>strong,.color-chain-shell.is-effects-reduced .color-chain-interference-gauge>i{animation:none!important;transition:none!important}@media(max-width:620px){.color-chain-dialog-controls,.color-chain-dialog-item-grid{grid-template-columns:minmax(0,1fr)}.color-chain-dialog-content{padding:12px}.color-chain-dialog-item p{font-size:.72rem}}@media(orientation:landscape)and (max-height:620px){.color-chain-dialog-backdrop{align-items:stretch;padding:8px 10px}.color-chain-dialog{height:calc(100vh - 16px);max-height:none;min-height:0}@supports (height: 100svh){.color-chain-dialog{height:calc(100svh - 16px)}}.color-chain-dialog>header,.color-chain-dialog>footer{flex:0 0 auto;padding:7px 11px}.color-chain-dialog-close{height:38px;width:38px}.color-chain-dialog-content{gap:10px;padding:10px 12px;scrollbar-gutter:stable}.color-chain-dialog>footer button{min-height:36px}}@media(orientation:portrait){.color-chain-shell.is-mascot-test.is-active-play .color-chain-overlay-launchers{flex-direction:column;right:5px;top:5px}.color-chain-overlay-launchers button{height:36px;width:36px}}html.color-chain-active-play,body.color-chain-active-play{height:100%;overflow:hidden;overscroll-behavior:none}body.color-chain-active-play .game-screen.is-color-chain-test{box-sizing:border-box;height:100vh;height:100svh;top:0;right:0;bottom:0;left:0;margin:0 auto;max-height:100vh;max-height:100svh;overflow:hidden;padding:6px 0;position:fixed;width:min(100% - 12px,1440px)}body.color-chain-active-play .game-screen.is-color-chain-test .game-topbar{display:none}body.color-chain-active-play .color-chain-shell.is-mascot-test.is-active-play{height:calc(100vh - 12px);height:calc(100svh - 12px)}.color-chain-shell.is-mascot-test{--chain-panel-ink: #28364a;--chain-panel-muted: #5f6f80;--chain-wood-border: repeating-linear-gradient( 18deg, #3c2114 0 7px, #5d341d 7px 12px, #875027 12px 16px, #492819 16px 22px );--chain-panel-surface: linear-gradient(145deg, rgba(240, 218, 170, .96), rgba(211, 184, 132, .95))}.color-chain-shell.is-mascot-test .color-chain-hero,.color-chain-shell.is-mascot-test .color-chain-mascot-panel,.color-chain-shell.is-mascot-test .color-chain-opponent-panel,.color-chain-shell.is-mascot-test .color-chain-board-wrap,.color-chain-shell.is-mascot-test .color-chain-compact-hud,.color-chain-shell.is-mascot-test .color-chain-laser-panel,.color-chain-shell.is-mascot-test .color-chain-tool-card,.color-chain-shell.is-mascot-test .color-chain-next,.color-chain-shell.is-mascot-test .rule-card,.color-chain-shell.is-mascot-test .color-chain-difficulties,.color-chain-shell.is-mascot-test .color-chain-progress,.color-chain-shell.is-mascot-test .ranking-card,.color-chain-shell.is-mascot-test .color-chain-landscape-notice{background:var(--chain-panel-surface) padding-box,var(--chain-wood-border) border-box;border:4px solid transparent;box-shadow:0 10px 22px #45231547,inset 0 0 0 1px #fffce0c2;color:var(--chain-panel-ink)}.color-chain-shell.is-mascot-test .color-chain-board{background:var(--chain-panel-surface);border-color:#6e3d21;box-shadow:inset 0 0 18px #5e361d24}.color-chain-shell.is-mascot-test .color-chain-cell{background:#673f251a;border-color:#693e1f3d}.color-chain-shell.is-mascot-test .color-chain-board .color-chain-cell.is-coral{background:radial-gradient(circle at 28% 20%,#fff 0 5%,transparent 7%),linear-gradient(145deg,#ffb4c5,#ff617f 36%,#ef2e64 70%,#9e174b)}.color-chain-shell.is-mascot-test .color-chain-board .color-chain-cell.is-gold{background:radial-gradient(circle at 28% 20%,#fff 0 5%,transparent 7%),linear-gradient(145deg,#fff0a0,#ffd24b 36%,#f2a928 70%,#a85d0d)}.color-chain-shell.is-mascot-test .color-chain-board .color-chain-cell.is-mint{background:radial-gradient(circle at 28% 20%,#fff 0 5%,transparent 7%),linear-gradient(145deg,#baffd8,#59e4a2 36%,#24b978 70%,#08744e)}.color-chain-shell.is-mascot-test .color-chain-board .color-chain-cell.is-sky{background:radial-gradient(circle at 28% 20%,#fff 0 5%,transparent 7%),linear-gradient(145deg,#c1f8ff,#4bdcff 36%,#1aaee7 70%,#12629f)}.color-chain-shell.is-mascot-test .color-chain-board .color-chain-cell.is-violet{background:radial-gradient(circle at 28% 20%,#fff 0 5%,transparent 7%),linear-gradient(145deg,#e3d1ff,#a879ff 36%,#7645df 70%,#43209b)}.color-chain-shell.is-mascot-test .color-chain-board .color-chain-cell.is-rose{background:radial-gradient(circle at 28% 20%,#fff 0 5%,transparent 7%),linear-gradient(145deg,#ffc4ec,#ff55ce 36%,#dd249f 70%,#8b176d)}.color-chain-shell.is-mascot-test .color-chain-board .color-chain-cell.is-bomb{background:radial-gradient(circle at 38% 32%,#fff4b0 0,#fff4b0 8%,#ff9f43 9%,#ff9f43 20%,#dc3e3e 38%,#21151d 72%);border-color:#ffd166;color:#fff4b0}.color-chain-shell.is-mascot-test .color-chain-board .color-chain-cell.is-vertical-laser{background:linear-gradient(135deg,#082a4a,#1ca7d9 42%,#d8fbff,#1ca7d9 58%,#082a4a);border-color:#9cf4ff}.color-chain-shell.is-mascot-test .color-chain-board .color-chain-cell.is-horizontal-laser{background:linear-gradient(45deg,#4a123e,#f057bd 42%,#fff1fa,#f057bd 58%,#4a123e);border-color:#ff9add}.color-chain-shell.is-mascot-test .color-chain-board .color-chain-cell.is-color-breaker{background:conic-gradient(from 25deg,#ff7798,#ffd66a,#78eaa8,#6fdfff,#a98bff,#ff83d5,#ff7798);border-color:#fff2a6}.color-chain-shell.is-mascot-test .color-chain-mascot-panel:after,.color-chain-shell.is-mascot-test .color-chain-opponent-panel:after{border-color:#8450263d}.color-chain-shell.is-mascot-test .color-chain-mascot-heading span,.color-chain-shell.is-mascot-test .color-chain-opponent-heading span{color:#9a5c2c}.color-chain-shell.is-mascot-test .color-chain-mascot-heading strong,.color-chain-shell.is-mascot-test .color-chain-opponent-heading strong,.color-chain-shell.is-mascot-test .color-chain-score strong,.color-chain-shell.is-mascot-test .color-chain-compact-stats strong{color:#35425a}.color-chain-shell.is-mascot-test .color-chain-mascot-panel>p,.color-chain-shell.is-mascot-test .color-chain-opponent-copy,.color-chain-shell.is-mascot-test .color-chain-compact-stats>span,.color-chain-shell.is-mascot-test .color-chain-compact-next{background:#ffeec69e;border:1px solid rgba(91,52,27,.3);color:var(--chain-panel-ink)}.color-chain-shell.is-mascot-test .color-chain-mascot-panel>p,.color-chain-shell.is-mascot-test .color-chain-opponent-copy p,.color-chain-shell.is-mascot-test .color-chain-compact-stats small,.color-chain-shell.is-mascot-test .color-chain-compact-next>small,.color-chain-shell.is-mascot-test .color-chain-landscape-notice p{color:var(--chain-panel-muted)}.color-chain-shell.is-mascot-test .color-chain-opponent-copy strong,.color-chain-shell.is-mascot-test .color-chain-opponent-copy p span,.color-chain-shell.is-mascot-test .color-chain-landscape-notice strong,.color-chain-shell.is-mascot-test .color-chain-score strong{color:#8d4d2c}.color-chain-shell.is-mascot-test .color-chain-touch-controls button,.color-chain-shell.is-mascot-test .color-chain-compact-actions button,.color-chain-shell.is-mascot-test .color-chain-audio-toggle,.color-chain-shell.is-mascot-test .color-chain-landscape-notice button,.color-chain-shell.is-mascot-test .color-chain-laser-panel>button,.color-chain-shell.is-mascot-test .color-chain-tool-card>button,.color-chain-shell.is-mascot-test .color-chain-difficulties button,.color-chain-shell.is-mascot-test .color-chain-actions button,.color-chain-shell.is-mascot-test .color-chain-overlay-launchers button{background:linear-gradient(145deg,#7657b7,#347ca8);border-color:#edf6ffb3;box-shadow:inset 0 1px #ffffff3d,0 3px 7px #281d5347;color:#fff}.color-chain-shell.is-mascot-test .color-chain-score div{background:#ffeec69e;border-color:#5b341b4d;color:var(--chain-panel-ink)}.color-chain-shell.is-mascot-test .color-chain-touch-controls button:hover,.color-chain-shell.is-mascot-test .color-chain-touch-controls button:focus-visible,.color-chain-shell.is-mascot-test .color-chain-compact-actions button:hover,.color-chain-shell.is-mascot-test .color-chain-compact-actions button:focus-visible,.color-chain-shell.is-mascot-test .color-chain-audio-toggle:hover,.color-chain-shell.is-mascot-test .color-chain-audio-toggle:focus-visible{background:linear-gradient(145deg,#a775e6,#42aebf);border-color:#fff}.color-chain-shell.is-mascot-test.is-active-play .color-chain-compact-hud{background:var(--chain-panel-surface) padding-box,var(--chain-wood-border) border-box;border:4px solid transparent;box-shadow:0 10px 22px #45231547,inset 0 0 0 1px #fffce0c2;color:var(--chain-panel-ink)}.color-chain-shell.is-mascot-test .color-chain-score strong,.color-chain-shell.is-mascot-test .color-chain-compact-stats strong,.color-chain-shell.is-mascot-test .color-chain-opponent-gauge-wrap>strong,.color-chain-shell.is-mascot-test .color-chain-interference-gauge>strong{font-variant-numeric:tabular-nums}.color-chain-shell.is-mascot-test button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.color-chain-shell.is-mascot-test .color-chain-touch-controls button:focus-visible,.color-chain-shell.is-mascot-test .color-chain-compact-actions button:focus-visible,.color-chain-shell.is-mascot-test .color-chain-overlay button:focus-visible{border-color:#fff;box-shadow:0 0 0 3px #5b41954d,0 4px 12px #291b4d47;outline:none}.game-screen.is-color-chain-test:has(.color-chain-shell.is-active-play),body.color-chain-active-play .game-screen.is-color-chain-test{box-sizing:border-box;padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));width:min(100%,1440px)}.color-chain-shell.is-mascot-test.is-active-play,body.color-chain-active-play .color-chain-shell.is-mascot-test.is-active-play{height:100%}.color-chain-shell.is-mascot-test.is-active-play .color-chain-overlay-launchers{right:max(9px,env(safe-area-inset-right));top:max(9px,env(safe-area-inset-top))}@media(orientation:landscape)and (max-width:720px){.color-chain-shell.is-mascot-test.is-active-play{--chain-battle-gap: 5px;--chain-cell-size: min(22px, calc((100svh - 78px)/16) , calc((100vw - 330px)/8) );padding:4px}.color-chain-shell.is-mascot-test.is-active-play .color-chain-layout{gap:5px;grid-template-columns:minmax(84px,116px) max-content minmax(126px,154px) minmax(84px,116px)}.color-chain-shell.is-mascot-test.is-active-play .color-chain-mascot-panel,.color-chain-shell.is-mascot-test.is-active-play .color-chain-play-area.has-mascot>.color-chain-opponent-panel{padding:6px}.color-chain-shell.is-mascot-test.is-active-play .color-chain-mascot-heading span,.color-chain-shell.is-mascot-test.is-active-play .color-chain-opponent-heading span,.color-chain-shell.is-mascot-test.is-active-play .color-chain-mascot-panel>p,.color-chain-shell.is-mascot-test.is-active-play .color-chain-opponent-copy{display:none}.color-chain-shell.is-mascot-test.is-active-play .color-chain-mascot-portrait{margin:0;min-height:0}.color-chain-shell.is-mascot-test.is-active-play .color-chain-opponent-stage{min-height:70px}.color-chain-shell.is-mascot-test.is-active-play .color-chain-moko-slime{min-height:58px;min-width:70px}.color-chain-shell.is-mascot-test.is-active-play .color-chain-compact-hud{gap:5px;padding:6px}.color-chain-shell.is-mascot-test.is-active-play .color-chain-compact-actions{gap:3px}.color-chain-shell.is-mascot-test.is-active-play .color-chain-compact-actions button{min-height:34px;padding-inline:3px}}.color-chain-rotation-stage,.color-chain-rotation-play-board{contain:layout paint style}.color-chain-rotation-overlay{will-change:transform}.color-chain-rotation-cell-grid .color-chain-cell.is-rotation-falling,.color-chain-rotation-cell-grid .color-chain-cell.is-rotation-refilling{will-change:opacity,transform}.color-chain-rotation-stage.is-mobile-performance:before{display:none}.color-chain-rotation-stage.is-mobile-performance{box-shadow:inset 0 0 0 3px #98623a,0 10px 26px #00000057}.color-chain-rotation-stage.is-mobile-performance .color-chain-rotation-side-panel{box-shadow:0 5px 12px #2c161238,inset 0 0 0 1px #fffce0b3}.color-chain-rotation-stage.is-mobile-performance .color-chain-rotation-play-board{box-shadow:0 0 0 4px #a26838,0 0 0 7px #4a2a1b,0 7px 14px #170a1257;transform:translateZ(0)}.color-chain-rotation-stage.is-mobile-performance .color-chain-rotation-cell-grid .color-chain-cell[class*=" is-"],.color-chain-rotation-stage.is-mobile-performance .color-chain-rotation-overlay .color-chain-cell[class*=" is-"]{box-shadow:inset 0 2px 2px #ffffff61,inset 0 -3px 3px #0000002e}.color-chain-rotation-stage.is-mobile-performance .color-chain-cell.is-clearing{animation:color-chain-rotation-clear-mobile .18s ease-in-out infinite alternate;box-shadow:inset 0 0 5px #fffc,0 0 5px #ffd166b3;filter:none}.color-chain-rotation-stage.is-mobile-performance .color-chain-cell.is-clearing:before{animation:none;opacity:.72}.color-chain-rotation-stage.is-mobile-performance .color-chain-cell.is-prism-breaking{animation-duration:.39s;box-shadow:inset 0 0 5px #ffffffb8;filter:none}.color-chain-rotation-stage.is-mobile-performance .color-chain-rotation-board-spell-effect>i{filter:drop-shadow(0 0 4px rgba(91,240,255,.72))}.color-chain-rotation-stage.is-mobile-performance .color-chain-rotation-chain-notice{filter:none;text-shadow:0 2px 0 #49213f,0 0 5px rgba(255,238,135,.72)}.color-chain-rotation-stage.is-mobile-performance .color-chain-rotation-start-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}.color-chain-rotation-stage.is-mobile-performance .color-chain-rotation-gauge i{box-shadow:none}@keyframes color-chain-rotation-clear-mobile{0%{opacity:.62;transform:scale(.84)}to{opacity:1;transform:scale(1.03)}}.color-chain-rotation-character-heading,.color-chain-rotation-opponent-compact>div:first-child{display:grid;gap:1px;text-align:center}.color-chain-rotation-character-heading span,.color-chain-rotation-opponent-compact>div:first-child span{color:#9a4a67;font-size:9px;font-weight:1000;letter-spacing:.13em}.color-chain-rotation-character-heading strong,.color-chain-rotation-opponent-compact>div:first-child strong{color:#3b3e51;font-size:15px;line-height:1.2}.color-chain-rotation-character-stage{background:radial-gradient(circle at 50% 72%,rgba(255,226,127,.68),transparent 42%),linear-gradient(180deg,#fff8d885,#b7856829);border:1px solid rgba(91,52,27,.28);border-radius:17px;height:148px;margin:7px 0 5px;overflow:hidden;position:relative}.color-chain-rotation-character-stage>i{color:#ffd56b;left:16px;opacity:.7;position:absolute;top:17px}.color-chain-rotation-character-stage>i svg{height:23px;width:23px}.color-chain-rotation-character-picture{display:block;top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.color-chain-rotation-character-picture img{height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;width:100%}.color-chain-rotation-character-picture.is-chroma{top:-8px;right:-4px;bottom:-5px;left:-4px}.color-chain-rotation-character-stage.is-chain .is-chroma{animation:color-chain-rotation-chroma-chain .56s cubic-bezier(.2,.88,.25,1)}.color-chain-rotation-character-stage.is-danger .is-chroma{animation:color-chain-rotation-chroma-danger .48s ease-in-out infinite alternate}.color-chain-rotation-character-stage.is-defeat .is-chroma{transform:translateY(7px) rotate(-2deg)}.color-chain-rotation-character-copy,.color-chain-rotation-opponent-compact>p{color:#645a64;font-size:10px;font-weight:700;line-height:1.35;margin:0;min-height:28px;text-align:center}.color-chain-rotation-side-panel.is-goal h2{font-size:18px;margin:7px 0 9px}.color-chain-rotation-side-panel.is-goal .color-chain-rotation-point-readout{margin-top:14px;padding:9px 11px}.color-chain-rotation-side-panel.is-goal .color-chain-rotation-point-readout strong{font-size:17px}.color-chain-rotation-side-panel.is-status{border:3px solid #3a2116;border-radius:20px;box-shadow:0 0 0 4px #a26838,0 0 0 7px #4a2a1b,0 15px 28px #170a126b,inset 0 0 22px #62d7ff1f;padding:12px}.color-chain-rotation-side-panel.is-status .color-chain-rotation-timer{padding:8px 10px}.color-chain-rotation-side-panel.is-status .color-chain-rotation-timer strong{font-size:32px}.color-chain-rotation-opponent-compact{background:#fff6d680;border:1px solid rgba(91,52,27,.28);border-radius:15px;margin-top:8px;overflow:hidden;padding:6px 8px 5px}.color-chain-rotation-opponent-stage{background:radial-gradient(ellipse at 50% 80%,rgba(118,255,213,.48),transparent 48%),linear-gradient(180deg,#d9fdff52,#57a3851f);border-radius:12px;height:70px;margin:3px 0;overflow:hidden;position:relative}.color-chain-rotation-opponent-stage>i{border:2px solid rgba(74,223,187,.55);border-radius:50%;bottom:7px;box-shadow:0 0 10px #4ce6c485;height:17px;left:50%;position:absolute;transform:translate(-50%) scaleX(2.8);width:44px}.color-chain-rotation-character-picture.is-moko{top:-10px;right:7px;bottom:-6px;left:7px}.color-chain-rotation-opponent-stage.is-light .is-moko{animation:color-chain-rotation-moko-light .42s ease-out}.color-chain-rotation-opponent-stage.is-medium .is-moko{animation:color-chain-rotation-moko-medium .56s ease-out}.color-chain-rotation-opponent-stage.is-heavy .is-moko{animation:color-chain-rotation-moko-heavy .68s ease-out}.color-chain-rotation-opponent-stage.is-purified{background:radial-gradient(ellipse at 50% 75%,rgba(255,241,139,.64),transparent 52%),linear-gradient(180deg,#fffbdd80,#64d3b024)}.color-chain-rotation-interference{background:#2a4e3933;border:1px solid rgba(53,113,74,.42);border-radius:999px;display:grid;gap:0 5px;grid-template-columns:1fr auto;margin-top:4px;overflow:hidden;padding:3px 7px 5px;position:relative}.color-chain-rotation-interference span,.color-chain-rotation-interference strong{color:#395044;font-size:8px;font-weight:1000;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;z-index:1}.color-chain-rotation-interference>i{background:linear-gradient(90deg,#66dc83,#d8f46f 68%,#ffba58);bottom:0;height:3px;left:0;position:absolute;transition:width .12s linear}.color-chain-rotation-interference.is-forecast{animation:color-chain-rotation-interference-warning .52s ease-in-out infinite alternate;border-color:#d59535}.color-chain-rotation-interference.is-active{background:#368e5247;border-color:#42bd6c}.color-chain-rotation-side-panel.is-status .color-chain-rotation-stats{gap:5px;margin:8px 0}.color-chain-rotation-side-panel.is-status .color-chain-rotation-stats>span{min-height:48px;padding:6px 8px}.color-chain-rotation-side-panel.is-status .color-chain-rotation-stats small{font-size:9px}.color-chain-rotation-side-panel.is-status .color-chain-rotation-stats strong{font-size:17px}.color-chain-rotation-side-panel.is-status .color-chain-rotation-manual-controls{gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.color-chain-rotation-side-panel.is-status .color-chain-rotation-manual-controls button{font-size:10px;min-height:38px;padding:5px 3px}.color-chain-rotation-side-panel.is-status .color-chain-rotation-manual-controls button svg{height:15px;width:15px}.color-chain-rotation-support-skills{margin:4px 0 7px}.color-chain-rotation-support-skills>p{color:#795c4c;font-size:9px;font-weight:1000;letter-spacing:.12em;margin:0 0 4px}.color-chain-rotation-support-skills>div{display:grid;gap:6px;grid-template-columns:1fr 1fr}.color-chain-rotation-support-skills button{align-content:center;background:linear-gradient(180deg,#f8ecd0,#cfaa70);border:2px solid #694025;border-radius:10px;box-shadow:0 3px #4b2d1e,inset 0 1px #fff8df;color:#48382f;cursor:pointer;display:grid;gap:0 4px;grid-template-columns:18px 1fr;min-height:52px;overflow:hidden;padding:4px 6px 7px;position:relative;text-align:left}.color-chain-rotation-support-skills button:nth-child(2){background:linear-gradient(180deg,#d9fbff,#77dbea)}.color-chain-rotation-support-skills button.is-ready{box-shadow:0 3px #4b2d1e,inset 0 1px #fff,0 0 9px #ffdf56d1}.color-chain-rotation-support-skills button:disabled{cursor:not-allowed;filter:grayscale(.4);opacity:.58}.color-chain-rotation-support-skills button svg{grid-row:1 / 3;height:17px;position:relative;width:17px;z-index:1}.color-chain-rotation-support-skills button span,.color-chain-rotation-support-skills button strong{overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;z-index:1}.color-chain-rotation-support-skills button span{font-size:9px;font-weight:1000}.color-chain-rotation-support-skills button strong{font-size:8px;font-weight:900}.color-chain-rotation-support-skills button>i{background:linear-gradient(90deg,#ff67b0c7,#ffe564e0,#55e3ffcc);bottom:0;height:5px;left:0;position:absolute;transition:width .18s ease}.color-chain-rotation-side-panel.is-status .color-chain-rotation-phase-indicator{margin-top:6px;padding:6px}.color-chain-rotation-grand-cutin{--grand-cutin-duration: 1.08s;--grand-spell-accent: #ffe66d;--grand-spell-glow: rgba(255, 99, 178, .72);align-items:center;display:grid;grid-template-columns:43% 57%;top:92px;right:0;bottom:0;left:0;isolation:isolate;overflow:hidden;pointer-events:none;position:absolute;z-index:30}.color-chain-rotation-grand-cutin-backdrop{animation:color-chain-rotation-grand-backdrop var(--grand-cutin-duration) ease-out both;background:linear-gradient(112deg,#190c38fa 0,#190c38fa 36%,#190c3894 52%,#06071ff0),repeating-linear-gradient(118deg,transparent 0 24px,rgba(255,255,255,.2) 26px 29px,transparent 31px 54px);top:0;right:0;bottom:0;left:0;position:absolute;z-index:-3}.color-chain-rotation-grand-cutin-backdrop:before,.color-chain-rotation-grand-cutin-backdrop:after{border:8px solid var(--grand-spell-accent);border-radius:50%;box-shadow:0 0 0 10px #ffffff17,0 0 34px var(--grand-spell-glow),inset 0 0 32px var(--grand-spell-glow);content:"";height:380px;opacity:.7;position:absolute;right:7%;top:50%;transform:translateY(-50%);width:380px}.color-chain-rotation-grand-cutin-backdrop:after{border-style:dashed;height:285px;right:calc(7% + 48px);width:285px}.color-chain-rotation-grand-cutin-chains{top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute;z-index:-1}.color-chain-rotation-grand-cutin-chains i{animation:color-chain-rotation-grand-chain var(--grand-cutin-duration) cubic-bezier(.2,.8,.2,1) both;border:12px dashed var(--grand-spell-accent);border-radius:50%;box-shadow:0 0 20px var(--grand-spell-glow);height:88px;left:-13%;opacity:.68;position:absolute;top:18%;transform:rotate(-11deg);width:126%}.color-chain-rotation-grand-cutin-chains i:nth-child(2){animation-delay:45ms;left:-8%;top:48%;transform:rotate(8deg)}.color-chain-rotation-grand-cutin-chains i:nth-child(3){animation-delay:80ms;left:-18%;top:76%;transform:rotate(-5deg)}.color-chain-rotation-grand-cutin-summon{height:88%;left:2%;position:absolute;top:8%;width:43%;z-index:1}.color-chain-rotation-grand-cutin-summon i{animation:color-chain-rotation-grand-summon var(--grand-cutin-duration) cubic-bezier(.13,.78,.2,1) both;border:9px dashed var(--grand-spell-accent);border-radius:50%;bottom:12%;box-shadow:0 0 9px #fff,0 0 22px var(--grand-spell-glow);height:42%;left:9%;opacity:0;position:absolute;transform:rotate(72deg);width:80%}.color-chain-rotation-grand-cutin-summon i:nth-child(2){animation-delay:55ms;bottom:26%;height:33%;left:18%;transform:rotate(-38deg);width:68%}.color-chain-rotation-grand-cutin-summon i:nth-child(3){animation-delay:.1s;bottom:39%;height:24%;left:25%;transform:rotate(18deg);width:54%}.color-chain-rotation-grand-cutin-chroma{align-self:end;animation:color-chain-rotation-grand-chroma var(--grand-cutin-duration) cubic-bezier(.16,.82,.22,1) both;display:block;height:112%;justify-self:center;margin-bottom:-10%;position:relative;width:92%;z-index:2}.color-chain-rotation-grand-cutin-chroma img{filter:drop-shadow(0 0 18px var(--grand-spell-glow));height:100%;object-fit:contain;object-position:center bottom;width:100%}.color-chain-rotation-grand-cutin-copy{align-content:center;animation:color-chain-rotation-grand-copy var(--grand-cutin-duration) cubic-bezier(.14,.82,.18,1) both;display:grid;justify-items:center;padding:24px 42px 24px 8px;position:relative;text-align:center;transform:skew(-7deg);z-index:3}.color-chain-rotation-grand-cutin-copy span{color:var(--grand-spell-accent);font-size:22px;font-weight:1000;letter-spacing:.28em;text-shadow:0 2px 0 #2b1538,0 0 18px var(--grand-spell-glow)}.color-chain-rotation-grand-cutin-copy strong{-webkit-text-stroke:2px rgba(43,21,56,.9);color:#fff;filter:drop-shadow(0 5px 0 rgba(43,21,56,.8)) drop-shadow(0 0 18px var(--grand-spell-glow));font-size:clamp(44px,4.8vw,68px);font-weight:1000;letter-spacing:.04em;line-height:1.03;margin-top:10px;text-wrap:balance}.color-chain-rotation-grand-cutin-copy small{color:#fff2a9;font-size:19px;font-weight:900;letter-spacing:.06em;margin-top:14px;text-shadow:0 2px 0 #2b1538,0 0 13px var(--grand-spell-glow)}.color-chain-rotation-grand-cutin.is-grand-chain-bomb{--grand-spell-accent: #ffe067;--grand-spell-glow: rgba(255, 94, 82, .78)}.color-chain-rotation-grand-cutin.is-trinity-pillar{--grand-spell-accent: #8ff8ff;--grand-spell-glow: rgba(49, 170, 255, .82)}.color-chain-rotation-grand-cutin.is-trinity-pillar .color-chain-rotation-grand-cutin-backdrop{background:linear-gradient(90deg,#0a123ef5,#38c1ff85,#0a123ef5),repeating-linear-gradient(90deg,transparent 0 64px,rgba(255,255,255,.28) 68px 72px,transparent 76px 124px)}.color-chain-rotation-grand-cutin.is-trinity-wave{--grand-spell-accent: #99ffd0;--grand-spell-glow: rgba(51, 236, 199, .78)}.color-chain-rotation-grand-cutin.is-trinity-wave .color-chain-rotation-grand-cutin-backdrop{background:linear-gradient(112deg,#0e2742f7,#22b7b575,#0a0d30f5),repeating-linear-gradient(0deg,transparent 0 42px,rgba(255,255,255,.25) 44px 47px,transparent 49px 84px)}.color-chain-rotation-grand-cutin.is-prism-nova{--grand-spell-accent: #fff;--grand-spell-glow: rgba(233, 126, 255, .9)}.color-chain-rotation-grand-cutin.is-prism-nova .color-chain-rotation-grand-cutin-backdrop{background:radial-gradient(circle at 73% 50%,rgba(255,255,255,.72),transparent 21%),conic-gradient(from 245deg at 73% 50%,#ff5a86,#ffd45a,#69edba,#54c8ff,#af7dff,#ff5a86)}.color-chain-rotation-grand-cutin.is-ultimate-magical-chain{--grand-cutin-duration: 1.32s;--grand-spell-accent: #fff8a6;--grand-spell-glow: rgba(255, 70, 226, .92)}.color-chain-rotation-grand-cutin.is-ultimate-magical-chain .color-chain-rotation-grand-cutin-backdrop{background:radial-gradient(circle at 26% 58%,rgba(255,255,255,.86),transparent 14%),repeating-conic-gradient(from 215deg at 26% 58%,#ff52a6cc 0,#ff52a6cc 8deg,#ffd84cb8 8deg,#ffd84cb8 16deg,#4eeaffb8 16deg,#4eeaffb8 24deg,#9d5bffcc 24deg,#9d5bffcc 32deg)}.color-chain-rotation-grand-cutin.is-ultimate-magical-chain .color-chain-rotation-grand-cutin-chains i{animation-name:color-chain-rotation-ultimate-chain;border-width:15px;opacity:.9}.color-chain-rotation-grand-cutin.is-ultimate-magical-chain .color-chain-rotation-grand-cutin-summon i{border-width:12px}.color-chain-rotation-grand-cutin-chroma.is-spell-motion{height:124%;margin-bottom:-16%;overflow:visible;transform-origin:50% 76%;width:100%}.color-chain-rotation-grand-cutin.is-ultimate-magical-chain .color-chain-rotation-grand-cutin-chroma{animation-name:color-chain-rotation-ultimate-chroma}.color-chain-rotation-grand-cutin.is-ultimate-magical-chain .color-chain-rotation-grand-cutin-chroma img{filter:drop-shadow(0 0 7px rgba(255,255,255,.98)) drop-shadow(0 0 22px var(--grand-spell-glow));object-position:center bottom;transform-origin:50% 72%}.color-chain-rotation-grand-cutin-motion-frame{display:block;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute}.color-chain-rotation-grand-cutin-motion-frame img{display:block}.color-chain-rotation-grand-cutin-motion-frame.is-prepare{animation:color-chain-rotation-grand-frame-prepare var(--grand-cutin-duration) ease-out both}.color-chain-rotation-grand-cutin-motion-frame.is-swing{animation:color-chain-rotation-grand-frame-swing var(--grand-cutin-duration) ease-out both}.color-chain-rotation-grand-cutin-motion-frame.is-release{animation:color-chain-rotation-grand-frame-release var(--grand-cutin-duration) ease-out both}.color-chain-rotation-grand-cutin-ultimate-burst{height:112%;left:-1%;pointer-events:none;position:absolute;top:-6%;width:47%;z-index:1}.color-chain-rotation-grand-cutin-ultimate-burst:before,.color-chain-rotation-grand-cutin-ultimate-burst:after{animation:color-chain-rotation-ultimate-burst var(--grand-cutin-duration) ease-out both;background:repeating-conic-gradient(from -8deg,rgba(255,255,255,.78) 0 1.4deg,transparent 1.6deg 12deg);border-radius:50%;content:"";top:8%;right:8%;bottom:8%;left:8%;-webkit-mask-image:radial-gradient(circle,transparent 0 21%,#000 43%,transparent 73%);mask-image:radial-gradient(circle,transparent 0 21%,#000 43%,transparent 73%);position:absolute}.color-chain-rotation-grand-cutin-ultimate-burst:after{animation-delay:70ms;animation-direction:reverse;top:20%;right:20%;bottom:20%;left:20%;opacity:.64;rotate:17deg}.color-chain-rotation-grand-cutin-ultimate-burst i{animation:color-chain-rotation-ultimate-spark var(--grand-cutin-duration) ease-out both;background:#fff;box-shadow:0 0 10px #fff,0 0 24px var(--grand-spell-glow);height:6px;left:11%;position:absolute;rotate:45deg;top:28%;width:6px}.color-chain-rotation-grand-cutin-ultimate-burst i:nth-child(2){animation-delay:60ms;left:81%;top:17%}.color-chain-rotation-grand-cutin-ultimate-burst i:nth-child(3){animation-delay:.11s;left:18%;top:77%}.color-chain-rotation-grand-cutin-ultimate-burst i:nth-child(4){animation-delay:.15s;left:88%;top:66%}.color-chain-rotation-grand-cutin.is-ultimate-magical-chain .color-chain-rotation-grand-cutin-copy strong{background:linear-gradient(90deg,#ff8bbb,#fff184,#81f4dc,#8ed4ff,#dca4ff,#ff8bbb);-webkit-background-clip:text;background-clip:text;color:transparent}.color-chain-rotation-stage.is-ultimate-cutin .color-chain-rotation-game-grid{animation:color-chain-rotation-ultimate-shake .48s ease-out both}.color-chain-rotation-battle-flash{animation:color-chain-rotation-battle-flash .43s ease-out both;background:radial-gradient(circle at 84% 52%,rgba(255,250,190,.9),rgba(255,120,158,.32) 20%,transparent 46%);top:92px;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:11}.color-chain-rotation-battle-flash.is-medium{animation-duration:.54s;background:radial-gradient(circle at 84% 52%,#fff,rgba(109,231,255,.58) 18%,rgba(255,113,181,.24) 35%,transparent 52%)}.color-chain-rotation-battle-flash.is-heavy{animation-duration:.68s;background:linear-gradient(110deg,transparent 52%,rgba(255,246,159,.62) 53% 55%,transparent 56%),radial-gradient(circle at 84% 52%,#fff,rgba(255,213,77,.75) 18%,rgba(215,100,255,.38) 38%,transparent 58%)}.color-chain-rotation-result-grid{display:grid;gap:6px;grid-template-columns:repeat(4,1fr);margin:-4px 0 14px;width:min(100%,410px)}.color-chain-rotation-result-grid>span{background:#fff4d31a;border:1px solid rgba(255,228,153,.24);border-radius:9px;display:grid;padding:6px 8px}.color-chain-rotation-result-grid small{color:#d9cdbb;font-size:9px}.color-chain-rotation-result-grid strong{color:#ffda72;font-size:18px}.color-chain-rotation-records{background:#181228d1;border:1px solid rgba(255,228,153,.32);border-radius:10px;display:grid;gap:5px;margin:-7px 0 8px;padding:6px 8px;width:min(100%,410px)}.color-chain-rotation-records>p{align-items:center;display:flex;font-size:9px;justify-content:space-between;margin:0}.color-chain-rotation-records>p strong{color:#ffdc76;font-size:10px}.color-chain-rotation-dialog-backdrop{align-items:center;background:#140d1db3;display:flex;top:92px;right:0;bottom:0;left:0;justify-content:center;position:absolute;z-index:40}.color-chain-rotation-dialog{background:linear-gradient(145deg,#fff9defa,#e2c28bfa) padding-box,repeating-linear-gradient(18deg,#3b2115 0,#3b2115 8px,#704326 8px,#704326 15px,#9a6032 15px,#9a6032 20px) border-box;border:7px solid transparent;border-radius:22px;box-shadow:0 16px 38px #11081394;color:#3d3542;max-height:570px;overflow:hidden;width:min(720px,calc(100% - 80px))}.color-chain-rotation-dialog>header{align-items:center;background:#6c3e2521;border-bottom:1px solid rgba(91,52,27,.25);display:flex;justify-content:space-between;padding:10px 14px}.color-chain-rotation-dialog>header>div{align-items:center;display:flex;gap:8px}.color-chain-rotation-dialog>header h2{font-size:20px;margin:0}.color-chain-rotation-dialog>header svg{height:22px;width:22px}.color-chain-rotation-dialog>header button{background:#fff4d4;border:1px solid #765035;border-radius:50%;color:#49352f;display:grid;height:32px;padding:0;place-items:center;width:32px}.color-chain-rotation-dialog-content{display:grid;gap:10px;max-height:500px;overflow-y:auto;padding:14px 18px 18px}.color-chain-rotation-dialog-content section{background:#fff9e194;border:1px solid rgba(91,52,27,.2);border-radius:12px;padding:9px 11px}.color-chain-rotation-dialog-content h3{color:#74415a;font-size:14px;margin:0 0 4px}.color-chain-rotation-dialog-content p{font-size:11px;line-height:1.55;margin:0}.color-chain-rotation-special-guide{display:flex;gap:7px;margin:5px 0}.color-chain-rotation-special-guide .color-chain-cell{font-size:15px;height:32px;width:32px}.color-chain-rotation-dialog-primary,.color-chain-rotation-tutorial>button{background:linear-gradient(180deg,#fff3ac,#e7a94e);border:2px solid #704025;border-radius:10px;box-shadow:0 3px #4b2d1e;color:#4a342e;font:inherit;font-size:11px;font-weight:1000;justify-self:center;min-height:38px;padding:7px 16px}.color-chain-rotation-dialog-content.is-settings{grid-template-columns:1fr 1fr}.color-chain-rotation-dialog-content.is-settings>button{align-items:center;background:#fff9e194;border:1px solid rgba(91,52,27,.25);border-radius:10px;color:#4d4347;display:flex;font:inherit;font-size:11px;font-weight:900;justify-content:space-between;min-height:42px;padding:7px 10px}.color-chain-rotation-dialog-content.is-settings>button strong{background:#8e7767;border-radius:999px;color:#fff;font-size:9px;padding:4px 8px}.color-chain-rotation-dialog-content.is-settings>button.is-on strong{background:#329a72}.color-chain-rotation-dialog-content.is-settings>p,.color-chain-rotation-evaluation{grid-column:1 / -1}.color-chain-rotation-dialog-content.is-settings>p{color:#71625b;text-align:center}.color-chain-rotation-evaluation{background:#fffbe69e;border:1px solid rgba(91,52,27,.2);border-radius:12px;padding:12px}.color-chain-rotation-evaluation h3,.color-chain-rotation-evaluation h4,.color-chain-rotation-evaluation p{margin:0}.color-chain-rotation-evaluation h4{color:#66412e;font-size:12px;margin-top:14px}.color-chain-rotation-evaluation>p{color:#71625b;font-size:10px;line-height:1.5;margin-top:5px}.color-chain-rotation-comparison-table{margin-top:9px;overflow-x:auto}.color-chain-rotation-comparison-table table{border-collapse:collapse;font-size:9px;min-width:100%;text-align:center;width:max-content}.color-chain-rotation-comparison-table th,.color-chain-rotation-comparison-table td{border:1px solid rgba(91,52,27,.18);padding:5px 7px;white-space:nowrap}.color-chain-rotation-comparison-table thead th{background:#76482b21;color:#5b3b2d}.color-chain-rotation-comparison-table tbody th{color:#66524a;text-align:left}.color-chain-rotation-evaluation .color-chain-rotation-comparison-note{font-size:9px}.color-chain-rotation-comparison-refresh{align-items:center;background:#76533d;border:0;border-radius:999px;color:#fff;display:inline-flex;font:inherit;font-size:9px;font-weight:900;gap:5px;margin-top:9px;min-height:30px;padding:6px 11px}.color-chain-rotation-comparison-refresh svg{height:13px;width:13px}.color-chain-rotation-tutorial{align-items:center;display:flex;flex-direction:column;gap:12px;min-height:350px;padding:20px 32px 24px;text-align:center}.color-chain-rotation-tutorial>span{color:#9a4a67;font-size:10px;font-weight:1000;letter-spacing:.18em}.color-chain-rotation-tutorial>p{font-size:14px;line-height:1.6;margin:0;max-width:530px}.color-chain-rotation-tutorial-demo{background:#111a26;border:6px solid #75472b;border-radius:16px;display:grid;gap:3px;grid-template-columns:repeat(2,60px);padding:8px;position:relative}.color-chain-rotation-tutorial-demo>i{border-radius:15px;box-shadow:inset 0 5px 4px #fff6,inset 0 -6px 5px #0003;height:60px;width:60px}.color-chain-rotation-tutorial-demo>i.is-coral{background:#ff6f91}.color-chain-rotation-tutorial-demo>i.is-gold{background:#ffd55f}.color-chain-rotation-tutorial-demo>i.is-mint{background:#69e2b1}.color-chain-rotation-tutorial-demo>i.is-sky{background:#65c9ff}.color-chain-rotation-tutorial-demo>strong{color:#fff7a4;font-size:54px;left:50%;line-height:1;position:absolute;text-shadow:0 0 12px #45e8ff,0 2px 2px #1a3558;top:50%;transform:translate(-50%,-50%)}.color-chain-rotation-tutorial-demo.is-step-1,.color-chain-rotation-tutorial-demo.is-step-2{animation:color-chain-rotation-tutorial-clockwise .9s ease-in-out infinite}.color-chain-rotation-tutorial-demo.is-step-3{animation:color-chain-rotation-tutorial-counter .9s ease-in-out infinite}.color-chain-rotation-tutorial-demo.is-step-4{animation:color-chain-rotation-tutorial-return 1.1s ease-in-out infinite}.color-chain-rotation-stage.is-chroma-hidden .color-chain-rotation-character-picture.is-chroma,.color-chain-rotation-stage.is-chroma-hidden .color-chain-rotation-character-stage>i{opacity:0}.color-chain-rotation-stage.is-chroma-hidden .color-chain-rotation-character-stage:after{color:#8a7467;content:"CHARACTER OFF";font-size:10px;font-weight:1000;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.color-chain-rotation-stage.is-effects-off .color-chain-rotation-battle-flash,.color-chain-rotation-stage.is-effects-off .color-chain-rotation-grand-cutin{display:none}.color-chain-rotation-stage.is-effects-off .color-chain-cell,.color-chain-rotation-stage.is-effects-off .color-chain-rotation-character-picture,.color-chain-rotation-stage.is-effects-off .color-chain-rotation-game-grid{animation:none!important}.color-chain-rotation-stage.is-mobile-performance .color-chain-rotation-battle-flash{background:radial-gradient(circle at 84% 52%,rgba(255,250,190,.72),rgba(255,120,158,.18) 18%,transparent 42%)}.color-chain-rotation-stage.is-mobile-performance .color-chain-rotation-grand-cutin-chroma img,.color-chain-rotation-stage.is-mobile-performance .color-chain-rotation-grand-cutin-copy strong{filter:none}.color-chain-rotation-stage.is-mobile-performance .color-chain-rotation-grand-cutin-backdrop:before,.color-chain-rotation-stage.is-mobile-performance .color-chain-rotation-grand-cutin-backdrop:after{box-shadow:none}.color-chain-rotation-stage.is-mobile-performance .color-chain-rotation-grand-cutin-chains i,.color-chain-rotation-stage.is-mobile-performance .color-chain-rotation-grand-cutin-summon i{box-shadow:none}.color-chain-rotation-stage.is-mobile-performance .color-chain-rotation-grand-cutin-ultimate-burst:before,.color-chain-rotation-stage.is-mobile-performance .color-chain-rotation-grand-cutin-ultimate-burst:after{display:none}.color-chain-rotation-stage.is-mobile-performance .color-chain-rotation-grand-cutin-ultimate-burst i{box-shadow:0 0 8px #fffc}.color-chain-rotation-stage.is-mobile-performance .color-chain-rotation-grand-cutin.is-ultimate-magical-chain{--grand-cutin-duration: 1.08s}.color-chain-rotation-stage.is-mobile-performance .color-chain-rotation-grand-cutin:not(.is-ultimate-magical-chain){--grand-cutin-duration: .9s}.color-chain-rotation-stage.is-mobile-performance.is-ultimate-cutin .color-chain-rotation-game-grid{animation-name:color-chain-rotation-ultimate-shake-mobile}.color-chain-rotation-stage.is-mobile-performance .color-chain-rotation-character-picture{will-change:transform}@media(prefers-reduced-motion:reduce){.color-chain-rotation-grand-cutin-motion-frame.is-prepare,.color-chain-rotation-grand-cutin-motion-frame.is-swing{display:none}.color-chain-rotation-grand-cutin-motion-frame.is-release{animation:none;opacity:1;transform:none}}@keyframes color-chain-rotation-chroma-chain{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-8px) scale(1.04)}to{transform:translateY(0) scale(1)}}@keyframes color-chain-rotation-slime-forecast{0%{opacity:.68;transform:scale(.96)}to{opacity:1;transform:scale(1.02)}}@keyframes color-chain-rotation-slime-lock{0%{filter:brightness(.96)}to{filter:brightness(1.16)}}@keyframes color-chain-rotation-interference-warning{0%{box-shadow:0 0 #ffb44c00}to{box-shadow:0 0 8px #ffb44cb8}}@keyframes color-chain-rotation-chroma-danger{0%{transform:translate(-2px) rotate(-1deg)}to{transform:translate(2px) rotate(1deg)}}@keyframes color-chain-rotation-moko-light{0%{transform:translate(0) scale(1)}45%{transform:translate(5px) scale(.96,1.04)}to{transform:translate(0) scale(1)}}@keyframes color-chain-rotation-moko-medium{0%{transform:translate(0) rotate(0)}30%{transform:translate(-7px) rotate(-4deg)}62%{transform:translate(6px) rotate(3deg)}to{transform:translate(0) rotate(0)}}@keyframes color-chain-rotation-moko-heavy{0%{transform:translateY(0) rotate(0) scale(1)}26%{transform:translateY(-7px) rotate(-7deg) scale(.94,1.07)}58%{transform:translateY(4px) rotate(5deg) scale(1.05,.92)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes color-chain-rotation-battle-flash{0%{opacity:0;transform:scale(.9)}36%{opacity:1}to{opacity:0;transform:scale(1.04)}}@keyframes color-chain-rotation-grand-backdrop{0%{opacity:0;transform:scaleX(.15)}18%{opacity:1;transform:scaleX(1)}76%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.04)}}@keyframes color-chain-rotation-grand-chain{0%{opacity:0;translate:-24% 0}28%{opacity:.74}78%{opacity:.56}to{opacity:0;translate:24% 0}}@keyframes color-chain-rotation-ultimate-chain{0%{opacity:0;translate:-42% 0}18%{opacity:1}45%{opacity:.9;translate:7% -5px}76%{opacity:.92;translate:26% 4px}to{opacity:0;translate:52% 0}}@keyframes color-chain-rotation-grand-summon{0%{opacity:0;scale:.12;rotate:-34deg}30%{opacity:.9;scale:1.08;rotate:9deg}68%{opacity:.78;scale:.94;rotate:29deg}to{opacity:0;scale:1.34;rotate:52deg}}@keyframes color-chain-rotation-grand-chroma{0%{opacity:0;transform:translate(-54px) scale(.9)}24%{opacity:1;transform:translate(0) scale(1.04)}72%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(22px) scale(1.03)}}@keyframes color-chain-rotation-ultimate-chroma{0%{opacity:0;transform:translate(-52px,30px) scale(.82) rotate(-4deg)}12%{opacity:1;transform:translate(-2px,-5px) scale(1.03) rotate(.6deg)}84%{opacity:1;transform:translate(2px,-5px) scale(1.04) rotate(0)}to{opacity:0;transform:translate(30px,-8px) scale(1.1) rotate(1deg)}}@keyframes color-chain-rotation-grand-frame-prepare{0%{opacity:0;transform:translate(-18px,18px) scale(.9)}8%{opacity:1;transform:translate(-5px,3px) scale(1)}23%{opacity:1;transform:translate(0) scale(1.025)}32%,to{opacity:0;transform:translate(14px,-8px) scale(1.06)}}@keyframes color-chain-rotation-grand-frame-swing{0%,20%{opacity:0;transform:translate(-20px,12px) scale(.92) rotate(-2deg)}29%{opacity:1;transform:translate(2px,-5px) scale(1.04) rotate(.8deg)}50%{opacity:1;transform:translate(5px,-8px) scale(1.07) rotate(-.4deg)}60%,to{opacity:0;transform:translate(20px,-16px) scale(1.12) rotate(1deg)}}@keyframes color-chain-rotation-grand-frame-release{0%,49%{opacity:0;transform:translate(-12px,18px) scale(.88)}58%{opacity:1;transform:translate(2px,-10px) scale(1.08)}84%{opacity:1;transform:translate(4px,-8px) scale(1.04)}to{opacity:0;transform:translate(24px,-14px) scale(1.14)}}@keyframes color-chain-rotation-ultimate-burst{0%{opacity:0;scale:.22;rotate:-24deg}24%{opacity:.92;scale:1.08;rotate:6deg}64%{opacity:.58;scale:.96;rotate:16deg}to{opacity:0;scale:1.28;rotate:28deg}}@keyframes color-chain-rotation-ultimate-spark{0%,12%{opacity:0;scale:0}33%{opacity:1;scale:2.7}54%{opacity:.8;scale:1.2}to{opacity:0;scale:.2;translate:18px -22px}}@keyframes color-chain-rotation-grand-copy{0%{opacity:0;translate:90px 0}22%{opacity:1;translate:0 0}74%{opacity:1;translate:0 0}to{opacity:0;translate:-24px 0}}@keyframes color-chain-rotation-ultimate-shake{0%,to{transform:translate(0)}12%{transform:translate(-7px,3px) rotate(-.25deg)}24%{transform:translate(8px,-4px) rotate(.3deg)}38%{transform:translate(-6px,-2px) rotate(-.2deg)}52%{transform:translate(5px,3px) rotate(.18deg)}68%{transform:translate(-3px,1px)}84%{transform:translate(2px,-1px)}}@keyframes color-chain-rotation-ultimate-shake-mobile{0%,to{transform:translate(0)}20%{transform:translate(-3px,1px)}42%{transform:translate(3px,-2px)}66%{transform:translate(-2px,1px)}84%{transform:translate(1px,-1px)}}@keyframes color-chain-rotation-tutorial-clockwise{0%,28%{transform:rotate(0)}66%,to{transform:rotate(90deg)}}@keyframes color-chain-rotation-tutorial-counter{0%,28%{transform:rotate(0)}66%,to{transform:rotate(-90deg)}}@keyframes color-chain-rotation-tutorial-return{0%,22%{filter:brightness(1);transform:rotate(0)}50%{filter:brightness(1.35);transform:rotate(90deg)}78%,to{filter:brightness(1);transform:rotate(0)}}.color-chain-rotation-side-panel.is-goal{background:transparent;border:0;box-shadow:none;display:grid;gap:12px;grid-template-rows:minmax(0,1.45fr) minmax(0,.9fr);padding:0}.color-chain-rotation-chroma-card,.color-chain-rotation-objective-card{background:linear-gradient(145deg,#fffae5eb,#f6e1b5e6),radial-gradient(circle at 16% 12%,rgba(255,255,255,.72),transparent 34%);border:6px solid transparent;border-image:linear-gradient(135deg,#74411f,#b87837 32%,#5e3017 66%,#d29b52) 1;box-shadow:0 7px #53291370,inset 0 0 0 2px #fff4ce80;min-height:0}.color-chain-rotation-chroma-card{display:flex;flex-direction:column;padding:12px 14px 10px}.color-chain-rotation-objective-card{padding:10px 14px}.color-chain-rotation-chroma-card .color-chain-rotation-character-stage{flex:1 1 auto;height:210px;margin:7px 0 4px}.color-chain-rotation-chroma-card .color-chain-rotation-character-picture.is-chroma{top:-16px;right:-10px;bottom:-10px;left:-10px}.color-chain-rotation-chroma-card .color-chain-rotation-character-copy{font-size:10px;min-height:23px}.color-chain-rotation-objective-kicker{color:#7a4825;font-size:9px;font-weight:900;letter-spacing:.12em;margin:0}.color-chain-rotation-side-panel.is-goal .color-chain-rotation-objective-card h2{font-size:17px;margin:3px 0 7px}.color-chain-rotation-side-panel.is-goal .color-chain-rotation-objective-card .color-chain-rotation-point-readout{margin-top:8px;padding:7px 9px}