:root{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E");--grain-felt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.045 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23f)'/%3E%3C/svg%3E");--grain-brush:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='60'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.3' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.07 0'/%3E%3C/filter%3E%3Crect width='240' height='60' filter='url(%23b)'/%3E%3C/svg%3E");--metal-face:linear-gradient(180deg, #3d4565, #272e4d 46%, #1b2138 78%, #141930)}.game-lobby{--game-accent:#ff5f7e;--panel:#151a2d;--panel-2:#1a2036;--panel-deep:#10142a;--lobby-ink:#eef1fb;--lobby-muted:#8b96b8;--lobby-line:#ffffff1a;--edge:#ffffff24;--press:#040712b8;--neon-coral:#ff5f7e;--neon-teal:#2fd6b8;--neon-gold:#ffc94d;border:1px solid var(--edge);color:var(--lobby-ink);background:var(--grain), radial-gradient(120% 100% at 10% 0%, #606ea224, transparent 50%), linear-gradient(180deg, #181e34, var(--panel) 46%, var(--panel-deep));border-radius:14px;overflow:hidden;box-shadow:inset 0 1px #ffffff24,inset 0 0 110px #0306108c,0 2px #02040ad9,0 24px 70px #02051099}.lobby-hero{min-height:390px;color:var(--lobby-ink);background:radial-gradient(110% 88% at 24% 4%, color-mix(in srgb, var(--game-accent,#ff5f7e) 30%, transparent), transparent 62%), #0a0d1c;position:relative;overflow:hidden}.lobby-hero:after{content:"";z-index:2;background:linear-gradient(90deg, var(--neon-coral), var(--neon-gold) 46%, var(--neon-teal));height:3px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 18px #ffc94d80}.lobby-hero>img{object-fit:cover;filter:saturate(.82);width:100%;height:100%;position:absolute;inset:0}.lobby-hero-shade{background:var(--grain), repeating-linear-gradient(0deg, #ffffff0a 0 1px, transparent 1px 4px), radial-gradient(120% 90% at 78% 8%, transparent 42%, #05081485 100%), linear-gradient(90deg, #060914f0 0%, #060914a8 48%, #06091429 100%), linear-gradient(0deg, #060914db, transparent 62%);position:absolute;inset:0}.lobby-marquee{z-index:3;background:var(--grain-brush), var(--metal-face);border-bottom:1px solid #040712d9;align-items:center;min-height:46px;padding:0 38px;display:flex;position:absolute;top:3px;left:0;right:0;box-shadow:inset 0 1px #fff3,inset 0 -1px #0000008c,0 8px 22px #03061080}.lobby-marquee:before,.lobby-marquee:after{content:"";background:radial-gradient(circle at 35% 30%,#cfd6ee,#6a7394 55%,#232a44);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 0 -1px 1px #0009,0 1px #ffffff1f}.lobby-marquee:before{left:14px}.lobby-marquee:after{right:14px}.lobby-badge{color:var(--neon-teal);letter-spacing:.24em;text-shadow:0 0 18px #2fd6b88c;background:#060a168c;border:1px solid #2fd6b880;border-radius:999px;align-items:center;gap:9px;padding:8px 15px;font-family:Bungee,Noto Sans SC,sans-serif;font-size:11px;display:inline-flex;box-shadow:0 0 18px #2fd6b840,inset 0 0 12px #2fd6b814,inset 0 1px #ffffff1f}.lobby-badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite lobby-blink;box-shadow:0 0 10px}.lobby-badge.is-soon{color:var(--neon-coral);text-shadow:0 0 18px #ff5f7e8c;background:#0a060e8c;border-color:#ff5f7e80;box-shadow:0 0 18px #ff5f7e40,inset 0 0 12px #ff5f7e14,inset 0 1px #ffffff1a}.lobby-hero-copy{z-index:1;width:min(620px,76%);padding:38px;position:absolute;bottom:0;left:0}.lobby-hero-copy>span{color:var(--neon-gold);letter-spacing:.3em;text-transform:uppercase;text-shadow:0 0 18px #ffc94d66;font-family:Bungee,Noto Sans SC,sans-serif;font-size:11px}.lobby-hero-copy h1{text-shadow:0 3px #040712d9;margin:8px 0 9px;font-size:42px;line-height:1.05}.lobby-hero-copy p{color:#c3cbe4;max-width:46ch;margin:0;font-size:13px;line-height:1.6}.lobby-actions{gap:10px;margin-top:22px;display:flex}.lobby-actions button{letter-spacing:.02em;cursor:pointer;height:48px;box-shadow:0 4px 0 var(--press);transition:transform var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), filter var(--dur-fast) var(--ease-standard);border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:800;display:inline-flex}.lobby-actions button:active:not(:disabled){box-shadow:0 1px 0 var(--press);transform:translateY(3px)}.lobby-actions .lobby-play{z-index:0;color:#fff;background:var(--grain), linear-gradient(180deg, color-mix(in srgb, var(--game-action) 62%, #fff), var(--game-action) 46%, color-mix(in srgb, var(--game-action) 72%, #05070f));text-shadow:0 1px #04071273;box-shadow:0 4px 0 var(--press), 0 0 24px color-mix(in srgb, var(--game-action) 42%, transparent), inset 0 1px 0 #fff6, inset 0 -2px 5px #04071259;border:0;font-size:15px;position:relative;overflow:hidden}.lobby-play:before{content:"";z-index:-1;width:34%;transition:transform var(--dur-slow) var(--ease-standard);background:linear-gradient(105deg,#0000,#ffffff61 50%,#0000);position:absolute;top:-30%;bottom:-30%;left:0;transform:translate(-160%)skew(-18deg)}.lobby-play:hover:not(:disabled):before{transform:translate(400%)skew(-18deg)}.lobby-actions .lobby-play:hover:not(:disabled){filter:brightness(1.07)}.lobby-level{color:var(--lobby-ink);background:var(--grain), linear-gradient(180deg, #ffffff24, #ffffff0d 55%, #0609142e);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 0 var(--press), inset 0 1px 0 #fff3;border:1px solid #ffffff38}.lobby-level:hover:not(:disabled){background:var(--grain), linear-gradient(180deg, #fff3, #ffffff17 55%, #06091424);border-color:#ffffff6b}.lobby-actions button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.lobby-progress{background:var(--grain-felt), linear-gradient(180deg, #131830, var(--panel-deep));border-bottom:1px solid #040712b3;grid-template-columns:auto auto minmax(120px,1fr);align-items:center;gap:26px;min-height:76px;padding:14px 28px;display:grid;box-shadow:inset 0 1px #ffffff14,inset 0 -10px 20px #03061066}.lobby-progress>div{align-items:center;gap:11px;display:flex}.lobby-progress>div>svg{color:var(--game-accent);filter:drop-shadow(0 0 8px color-mix(in srgb, var(--game-accent) 55%, transparent))}.lobby-progress span{color:var(--lobby-muted);font-size:11px}.lobby-progress strong{color:var(--lobby-ink);font-variant-numeric:tabular-nums;margin-top:2px;font-size:15px;display:block}.lobby-progress progress{appearance:none;background:#040712cc;border:1px solid #040712e6;border-radius:999px;width:100%;height:10px;overflow:hidden;box-shadow:inset 0 2px 5px #01030cb3,0 1px #ffffff0f}.lobby-progress progress::-webkit-progress-bar{background:#040712cc}.lobby-progress progress::-webkit-progress-value{background-color:var(--game-action);background-image:linear-gradient(135deg, #ffffff52 25%, transparent 25%, transparent 50%, #ffffff52 50%, #ffffff52 75%, transparent 75%), linear-gradient(90deg, var(--game-action), var(--game-accent));box-shadow:0 0 12px color-mix(in srgb, var(--game-accent) 45%, transparent), inset 0 1px 0 #ffffff59;background-size:22px 22px,100% 100%;border-radius:999px}.lobby-progress progress::-moz-progress-bar{background-color:var(--game-action);background-image:linear-gradient(135deg, #ffffff52 25%, transparent 25%, transparent 50%, #ffffff52 50%, #ffffff52 75%, transparent 75%), linear-gradient(90deg, var(--game-action), var(--game-accent));box-shadow:0 0 12px color-mix(in srgb, var(--game-accent) 45%, transparent), inset 0 1px 0 #ffffff59;background-size:22px 22px,100% 100%;border-radius:999px}.lobby-details{background:var(--grain), radial-gradient(90% 60% at 100% 0%, #2fd6b80d, transparent 55%), linear-gradient(180deg, #171c31, #12172b);grid-template-columns:minmax(0,1.4fr) minmax(220px,.8fr);gap:34px;padding:28px;display:grid;box-shadow:inset 0 1px #ffffff0f,inset 0 0 90px #03061066}.lobby-details header{align-items:center;gap:11px;margin-bottom:15px;display:flex}.lobby-details header>svg{color:var(--game-accent);filter:drop-shadow(0 0 8px color-mix(in srgb, var(--game-accent) 55%, transparent))}.lobby-details header span{color:var(--neon-teal);letter-spacing:.3em;text-transform:uppercase;text-shadow:0 0 18px #2fd6b866;font-family:Bungee,Noto Sans SC,sans-serif;font-size:10px;display:block}.lobby-details h2{color:var(--lobby-ink);margin:3px 0 0;font-size:17px}.lobby-rules ol{margin:0;padding:0;list-style:none}.lobby-rules li{border-top:1px solid var(--lobby-line);color:var(--lobby-muted);grid-template-columns:32px 1fr;align-items:center;gap:12px;padding:11px 0;font-size:13px;line-height:1.55;display:grid}.lobby-rules li:first-child{border-top:0}.lobby-rules li em{border:1px solid color-mix(in srgb, var(--game-accent) 42%, #ffffff4d);width:30px;height:30px;color:color-mix(in srgb, var(--game-accent) 72%, #fff);background:var(--grain-brush), var(--metal-face);text-shadow:0 1px #040712b3;box-shadow:inset 0 1px 0 #ffffff3d, inset 0 -1px 0 #0000008c, 0 3px 0 #0407129e, 0 0 14px color-mix(in srgb, var(--game-accent) 22%, transparent);border-radius:9px;place-items:center;font-family:Bungee,Noto Sans SC,sans-serif;font-size:11px;font-style:normal;display:grid}.lobby-highlights>div{flex-wrap:wrap;gap:7px;display:flex}.lobby-highlights>div>span{border:1px solid color-mix(in srgb, var(--game-accent) 32%, transparent);color:var(--lobby-ink);background:var(--grain), linear-gradient(180deg, color-mix(in srgb, var(--game-accent) 15%, var(--panel-2)), color-mix(in srgb, var(--game-accent) 7%, var(--panel-2)));box-shadow:inset 0 1px 0 #ffffff29, inset 0 -1px 0 #04071280, inset 0 0 12px color-mix(in srgb, var(--game-accent) 7%, transparent), 0 2px 0 #04071266;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.lobby-highlights>small{color:var(--lobby-muted);margin-top:23px;font-size:12px;display:block}.lobby-highlights>strong{color:var(--lobby-ink);font-variant-numeric:tabular-nums;text-shadow:0 0 18px color-mix(in srgb, var(--game-accent) 35%, transparent);margin-top:3px;font-size:22px;display:block}.lobby-highlights>p{color:var(--lobby-muted);font-size:12px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:modal-in-backdrop var(--dur-base) var(--ease-standard) both;background:#040712bd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-frame{--lobby-ink:#eef1fb;--lobby-muted:#8b96b8;--lobby-line:#ffffff1f;--neon-coral:#ff5f7e;--neon-teal:#2fd6b8;--neon-gold:#ffc94d;color:var(--lobby-ink);background:var(--grain), linear-gradient(115deg, #ffffff0f, transparent 30%), radial-gradient(150% 120% at 50% -10%, transparent 52%, #02050e8c 100%), linear-gradient(180deg, #1c2244, #131834 55%, #10142a);animation:modal-in-frame var(--dur-slow) var(--ease-spring) both;border-radius:16px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff24,inset 0 0 80px #02050e80,0 24px 70px #01030cb8}.modal-backdrop.is-closing{animation:modal-out-backdrop var(--dur-fast) var(--ease-exit) both;pointer-events:none}.modal-backdrop.is-closing .modal-frame{animation:modal-out-frame var(--dur-fast) var(--ease-exit) both}.modal-frame:before{content:"";background:linear-gradient(90deg, var(--neon-coral), var(--neon-gold) 46%, var(--neon-teal));height:3px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 18px #ffc94d73}.reward-dialog{text-align:center;border:1px solid #ff5f7e61;width:min(410px,100%);max-height:88vh;padding:32px;overflow:auto;box-shadow:inset 0 1px #ffffff24,inset 0 0 70px #02050e73,0 24px 70px #01030cb8,0 0 34px #ff5f7e29}.dialog-close{z-index:1;width:38px;height:38px;color:var(--lobby-muted);background:var(--grain), var(--metal-face);cursor:pointer;transition:color var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard);border:1px solid #ffffff2e;border-radius:10px;place-items:center;padding:0;display:grid;position:absolute;top:10px;right:10px;box-shadow:inset 0 1px #ffffff2e,0 2px #04071299}.dialog-close:hover{color:var(--lobby-ink);background-color:#ffffff14}.reward-icon{color:#fff;background:var(--grain), linear-gradient(165deg, #ffaab9, #ff5f7e 48%, #d94062 82%, #c23558);border:1px solid #fff6;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 18px;display:grid;box-shadow:0 0 0 4px #232a48,0 0 0 5px #ffffff24,0 5px #04071299,0 0 28px #ff5f7e80,inset 0 2px #ffffff73,inset 0 -4px 8px #7a08228c}.dialog-kicker{color:var(--neon-coral);letter-spacing:.32em;text-transform:uppercase;text-shadow:0 0 18px #ff5f7e73;font-family:Bungee,Noto Sans SC,sans-serif;font-size:10px}.reward-dialog h2{color:var(--lobby-ink);margin:8px 0 10px;font-size:27px}.reward-dialog p{color:var(--lobby-muted);margin:0;font-size:13px;line-height:1.65}.reward-button{color:#06251f;background:var(--grain), linear-gradient(180deg, #6fead4, #2fd6b8 52%, #1fae94);cursor:pointer;text-shadow:0 1px #ffffff4d;width:100%;height:48px;transition:transform var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), filter var(--dur-fast) var(--ease-standard);border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;margin:20px 0 10px;font-size:14px;font-weight:800;display:flex;box-shadow:0 4px #15796b,0 0 22px #2fd6b861,inset 0 1px #ffffff73,inset 0 -2px 5px #04282066}.reward-button:hover:not(:disabled){filter:brightness(1.06)}.reward-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #15796b,0 0 22px #2fd6b859,inset 0 1px #fff6}.reward-button:disabled{opacity:.7;cursor:progress}.dialog-secondary{height:40px;color:var(--lobby-muted);cursor:pointer;background:0 0;border:0}.dialog-secondary:hover{color:var(--lobby-ink)}.reward-dialog small{color:var(--lobby-muted);opacity:.8;font-size:10px}.level-dialog{border:1px solid #2fd6b852;width:min(610px,100%);max-height:min(680px,88vh);padding:24px;overflow:auto;box-shadow:inset 0 1px #ffffff24,inset 0 0 70px #02050e73,0 24px 70px #01030cb8,0 0 34px #2fd6b824}.level-dialog header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.level-dialog header span{font-size:10px}.level-dialog h2{color:var(--lobby-ink);margin:4px 0 0;font-size:22px}.level-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:9px;display:grid}.level-grid button{appearance:none;aspect-ratio:1;color:#fff;font-variant-numeric:tabular-nums;cursor:pointer;background:var(--grain), linear-gradient(165deg, color-mix(in srgb, var(--game-accent,#ff5f7e) 72%, #fff) 6%, var(--game-accent,#ff5f7e) 48%, color-mix(in srgb, var(--game-accent,#ff5f7e) 66%, #05070f));text-shadow:0 1px #04071266;min-width:0;transition:transform var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);animation:level-pop-in var(--dur-base) var(--ease-spring) backwards;animation-delay:var(--stagger,0s);border:1px solid #ffffff42;border-radius:12px;place-items:center;font-size:13px;font-weight:800;display:grid;position:relative;box-shadow:0 4px #040712a6,inset 0 1px #ffffff6b,inset 0 -3px 6px #0407124d}.level-grid button:hover:not(:disabled){box-shadow:0 7px 0 #0407128c, 0 0 18px color-mix(in srgb, var(--game-accent,#ff5f7e) 40%, transparent), inset 0 1px 0 #ffffff6b, inset 0 -3px 6px #0407124d;transform:translateY(-3px)}.level-grid button:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px #04071299,inset 0 1px #ffffff6b}.level-grid button:disabled{color:#5b668f;background:var(--grain), #10142a;text-shadow:none;cursor:not-allowed;border-color:#ffffff0f;box-shadow:inset 0 3px 8px #01030ccc,inset 0 -1px #ffffff0d}.level-grid button.is-current,.level-grid button.is-current:disabled{color:#fff;cursor:default;background:var(--grain), linear-gradient(165deg, #ffe3a1, #ffc94d 46%, #d9a12c);text-shadow:0 1px #5a3a048c;border-color:#ffc94de6;box-shadow:0 4px #04071299,inset 0 1px #ffffff80,inset 0 -3px 6px #5a3a0473}.level-grid button.is-current:after{content:"";pointer-events:none;opacity:.45;border-radius:14px;animation:1.8s ease-in-out infinite lobby-glow;position:absolute;inset:-3px;box-shadow:0 0 0 2px #ffc94d52,0 0 22px #ffc94d80}.level-dialog footer{color:var(--lobby-muted);align-items:center;gap:14px;margin-top:20px;font-size:10px;display:flex}.level-dialog progress{appearance:none;background:#040712cc;border:1px solid #040712e6;border-radius:999px;flex:1;height:8px;overflow:hidden;box-shadow:inset 0 2px 4px #01030cb3}.level-dialog progress::-webkit-progress-bar{background:#040712cc}.level-dialog progress::-webkit-progress-value{background-color:#ff5f7e;background-image:linear-gradient(135deg,#ffffff52 25%,#0000 25% 50%,#ffffff52 50% 75%,#0000 75%);background-size:18px 18px;border-radius:999px;box-shadow:0 0 12px #ff5f7e66,inset 0 1px #ffffff59}.level-dialog progress::-moz-progress-bar{background-color:#ff5f7e;background-image:linear-gradient(135deg,#ffffff52 25%,#0000 25% 50%,#ffffff52 50% 75%,#0000 75%);background-size:18px 18px;border-radius:999px;box-shadow:0 0 12px #ff5f7e66,inset 0 1px #ffffff59}@keyframes lobby-blink{50%{opacity:.35}}@keyframes lobby-glow{50%{opacity:1}}@keyframes modal-in-backdrop{0%{opacity:0}}@keyframes modal-in-frame{0%{opacity:0;transform:scale(.92)translateY(8px)}}@keyframes modal-out-backdrop{to{opacity:0}}@keyframes modal-out-frame{to{opacity:0;transform:scale(.95)}}@keyframes level-pop-in{0%{opacity:0;transform:scale(.6)}}@media (width<=900px){.lobby-details{grid-template-columns:1fr}}@media (width<=640px){.lobby-hero{min-height:420px}.lobby-marquee{min-height:44px;padding:0 20px}.lobby-marquee:before{left:10px}.lobby-marquee:after{right:10px}.lobby-badge{padding:7px 12px;font-size:10px}.lobby-hero-shade{background:var(--grain), repeating-linear-gradient(0deg, #ffffff0a 0 1px, transparent 1px 4px), linear-gradient(0deg, #060914f2 0%, #06091480 70%, #0609141f 100%)}.lobby-hero-copy{width:100%;padding:24px 20px}.lobby-hero-copy h1{font-size:34px}.lobby-hero-copy p{font-size:12px}.lobby-actions{grid-template-columns:1fr 1fr;display:grid}.lobby-actions button{min-height:48px;padding:0 10px}.lobby-progress{grid-template-columns:1fr 1fr;gap:12px;padding:14px 18px}.lobby-progress progress{grid-column:1/-1}.lobby-details{gap:24px;padding:22px 18px}.reward-dialog{padding:30px 20px}.dialog-close{width:44px;height:44px}.level-dialog{padding:20px 16px}.level-grid{gap:8px}.level-grid button{font-size:12px}}.cabinet{--cab-ink:#eef1fb;--cab-muted:#8b96b8;--neon-coral:#ff5f7e;--neon-teal:#2fd6b8;--neon-gold:#ffc94d;--cab-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E");--cab-brush:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.3' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23b)'/%3E%3C/svg%3E");background-color:#0d1122;background-image:var(--cab-grain),linear-gradient(90deg,#ffffff29,#fff0),linear-gradient(270deg,#ffffff1a,#fff0),linear-gradient(180deg,#1b2140 0%,#12172e 44%,#0d1122 100%);background-position:0 0,0 0,100% 0,0 0;background-repeat:repeat,no-repeat,no-repeat,no-repeat;background-size:auto,3px 100%,3px 100%,100% 100%;border:2px solid #ffffff21;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff17,inset 0 0 0 1px #ffffff0a,0 24px 60px #04071080}.cabinet:before{content:"";z-index:6;pointer-events:none;background-image:linear-gradient(90deg,transparent,#ffffffd9 20%,#fff 50%,#ffffffd9 80%,transparent),linear-gradient(90deg,transparent,var(--neon-coral) 22%,var(--neon-gold) 50%,var(--neon-teal) 78%,transparent),linear-gradient(90deg,transparent,#ff5f7e57 20%,#ffc94d57 50%,#2fd6b857 80%,transparent),linear-gradient(90deg,transparent,#ff5f7e1f 16%,#ffc94d1f 50%,#2fd6b81f 84%,transparent);opacity:.75;background-position:0 0,0 0,0 0,0 0;background-repeat:no-repeat;background-size:100% 1px,100% 3px,100% 7px,100% 16px;border-radius:0 0 5px 5px;height:16px;animation:4.4s ease-in-out infinite marquee-breathe;position:absolute;top:0;left:0;right:0}@keyframes marquee-breathe{0%,to{opacity:.32}50%{opacity:1}}.cabinet:after{content:"";z-index:5;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#ffffff12,#fff0 2% 98%,#ffffff0d),linear-gradient(#ffffff14,#fff0 6% 94%,#02050e6b);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 0 46px #02050e59}.cabinet:fullscreen{background:var(--cab-grain),linear-gradient(180deg,#0b1020,#070a16);border-color:#ffffff1a;grid-template-rows:54px 1fr;padding:18px 18px 22px;display:grid}.cabinet:fullscreen .screen{border-radius:0 0 12px 12px;min-height:0}.cabinet-bar{z-index:2;height:54px;color:var(--cab-ink);background-color:#141932;background-image:var(--cab-brush),linear-gradient(180deg,#ffffff17,#ffffff03 52%,#02050e4d);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:0 9px 0 16px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff21,inset 0 -1px #02050e99,0 10px 26px #03060e73}.cabinet-nav{align-items:center;gap:5px;display:flex}.cabinet-bar button{transition:color .16s,background .16s,box-shadow .16s,transform .12s;position:relative}.lobby-back:before,.level-button:before,.cabinet-controls button:before{content:"";z-index:-1;border-radius:inherit;background-image:linear-gradient(#ffffff17,#ffffff04 46%,#02050e57);transition:transform .12s,box-shadow .16s;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #02050e8c,0 2px #02050ebf}.lobby-back:active:before,.level-button:active:before,.cabinet-controls button:active:before{transform:translateY(2px);box-shadow:inset 0 1px #ffffff29,inset 0 -1px #02050e8c,0 0 #02050ebf}.lobby-back{width:36px;height:36px;color:var(--cab-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;padding:0;display:grid}.lobby-back:hover{color:var(--neon-teal);background:#2fd6b817;box-shadow:inset 0 0 0 1px #2fd6b847,0 0 14px #2fd6b838}.lobby-back:active{transform:translateY(1px)}.level-button{height:38px;color:var(--cab-ink);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:0 10px;display:flex}.level-button:hover{color:var(--neon-coral);background:#ff5f7e17;box-shadow:inset 0 0 0 1px #ff5f7e4d,0 0 14px #ff5f7e38}.level-button strong{font-size:12px}.level-button span{color:var(--cab-muted);font-size:10px;font-weight:600}.cabinet-controls{gap:5px;display:flex}.cabinet-controls button{width:38px;height:38px;color:var(--cab-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;padding:0;display:grid}.cabinet-controls button:hover{color:var(--cab-ink);background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff24,0 0 12px #2fd6b829}.cabinet-controls button:active{transform:translateY(1px)}.cabinet-controls button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.screen{background:radial-gradient(120% 90% at 50% 0,#111631 0%,#0a0e1e 55%,#080b18 100%);border-radius:12px;min-height:500px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 0 0 3px #02050eb8,inset 0 2px 18px #02050e80}.screen:before{content:"";z-index:7;pointer-events:none;background:linear-gradient(112deg,#0000 30%,#ffffff0a 40%,#ffffff17 46%,#ffffff05 53%,#0000 62%);position:absolute;inset:0}.screen:after{content:"";z-index:6;pointer-events:none;opacity:.6;background:repeating-linear-gradient(0deg,#0206101a 0 1px,#0000 1px 2px),radial-gradient(120% 105% at 50% 42%,#0000 55%,#02050ed9 100%);position:absolute;inset:0}.iframe-container{min-height:500px;position:relative}.game-frame{background:#0d1122;border:0;width:100%;height:500px;display:block}.host-overlay{z-index:8;background:#0d1122;position:absolute;inset:0}.game-loading,.game-error,.coming-soon{min-height:500px;color:var(--cab-muted);text-align:center;background:var(--cab-grain),radial-gradient(95% 130% at 50% 28%,#161c36 0%,#0d1122 60%,#080c19 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.game-loading,.game-error{gap:10px}.loading-ring{border:2px solid #2fd6b838;border-radius:50%;place-items:center;width:60px;height:60px;animation:2.6s ease-in-out infinite neon-breathe,6.4s ease-in-out infinite ring-sway;display:grid;box-shadow:0 0 18px #2fd6b840,inset 0 0 16px #2fd6b824,inset 0 0 0 1px #2fd6b81a}.standby-kicker{letter-spacing:.3em;text-indent:.3em;color:var(--neon-gold);text-shadow:0 0 18px #ffc94d73;font-family:Bungee,sans-serif;font-size:15px}.game-loading .standby-kicker{color:var(--neon-teal);text-shadow:0 0 18px #2fd6b873;animation:1.6s ease-in-out infinite kicker-pulse}.game-loading>span:last-child{letter-spacing:.1em;font-size:12px}.game-error .standby-kicker{color:var(--neon-coral);text-shadow:0 0 18px #ff5f7e80;animation:1.2s linear infinite coin-blink}.game-error>svg{color:var(--neon-coral);filter:drop-shadow(0 0 16px #ff5f7e80)}.game-error strong{color:var(--cab-ink);font-size:17px}.game-error>span{max-width:320px;font-size:12px;line-height:1.6}.game-error .game-icon-button{color:#fff;cursor:pointer;background:linear-gradient(#3adcc0,#1cb99e);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:44px;margin-top:8px;padding:0 20px;font-weight:800;transition:transform .12s,box-shadow .16s,filter .16s;display:inline-flex;position:relative;box-shadow:0 4px #0d6d5c,0 0 18px #2fd6b84d}.game-error .game-icon-button:hover{filter:brightness(1.07)}.game-error .game-icon-button:active{transform:translateY(3px);box-shadow:0 1px #0d6d5c,0 0 12px #2fd6b84d}.spin{color:var(--neon-teal);filter:drop-shadow(0 0 10px #2fd6b88c);animation:.8s linear infinite loader-spin}@keyframes loader-spin{to{transform:rotate(360deg)}}.standby-panel{background-color:#10152b;background-image:var(--cab-brush),linear-gradient(180deg,#ffffff12,#ffffff03 42%,#02050e61);border:1px solid #ffffff26;border-radius:14px;flex-direction:column;align-items:center;margin:0 24px;padding:32px 36px 34px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #02050e9e,inset 0 0 0 1px #ffffff08,0 16px 36px #03060e80,0 0 26px #ffc94d12}.coming-soon .standby-kicker{margin-bottom:4px;animation:1.1s linear infinite coin-blink}.coming-soon strong{color:var(--cab-ink);letter-spacing:.04em;text-shadow:0 0 22px #ffc94d38,0 4px 18px #02050eb3;font-family:Bungee,Noto Sans SC,sans-serif;font-size:32px}.coming-soon span{margin-top:7px;font-size:12px}@keyframes coin-blink{0%,62%{opacity:1}63%,to{opacity:.16}}@keyframes kicker-pulse{0%,to{opacity:.55}50%{opacity:1}}.pause-overlay{z-index:10;color:var(--cab-ink);background:var(--cab-grain),radial-gradient(90% 90% at 50% 46%,#151a2dc7,#060914e6);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pause-overlay>svg{color:var(--neon-teal);filter:drop-shadow(0 0 16px #2fd6b880);animation:2.6s ease-in-out infinite neon-breathe}.pause-overlay strong{letter-spacing:.2em;text-indent:.2em;margin-top:14px;font-size:26px;animation:.55s cubic-bezier(.2,.9,.3,1.2) both pause-rise,2.6s ease-in-out infinite pause-glow}.pause-overlay span{color:var(--cab-muted);letter-spacing:.28em;text-indent:.28em;margin-top:5px;font-size:11px}.pause-overlay:hover strong{color:#fff}@keyframes pause-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pause-glow{0%,to{text-shadow:0 0 10px #2fd6b833,0 0 26px #2fd6b814}50%{text-shadow:0 0 18px #2fd6b88c,0 0 42px #2fd6b838}}@keyframes neon-breathe{0%,to{opacity:.72}50%{opacity:1}}.completion-overlay{z-index:11;color:var(--cab-ink);text-align:center;background:var(--cab-grain),radial-gradient(120% 105% at 50% 0%,#171d36e0,#060914f2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0;overflow:hidden}.completion-overlay:before,.completion-overlay:after{content:"";z-index:0;pointer-events:none;filter:blur(.5px);background-repeat:repeat;position:absolute;inset:-340px 0 -20px}.completion-overlay:before{background-image:radial-gradient(3px at 12% 8%,#ffc94df2,#0000 70%),radial-gradient(2px at 58% 16%,#ff5f7ed9,#0000 70%),radial-gradient(2.5px at 84% 30%,#ffc94de6,#0000 70%),radial-gradient(1.5px at 32% 38%,#2fd6b8cc,#0000 70%),radial-gradient(3.5px at 70% 52%,#ffc94dd9,#0000 70%),radial-gradient(2px at 8% 64%,#ff5f7ecc,#0000 70%),radial-gradient(2.5px at 46% 78%,#ffc94de6,#0000 70%),radial-gradient(1.5px at 90% 88%,#2fd6b8bf,#0000 70%);background-size:100% 240px;animation:7.5s linear infinite dust-drift-a,2.2s ease-in-out infinite dust-twinkle}.completion-overlay:after{opacity:.8;background-image:radial-gradient(2px at 22% 12%,#ff5f7ecc,#0000 70%),radial-gradient(2.5px at 66% 24%,#ffc94de6,#0000 70%),radial-gradient(1.5px at 44% 36%,#2fd6b8bf,#0000 70%),radial-gradient(3px at 88% 44%,#ffc94dd9,#0000 70%),radial-gradient(1.5px at 10% 58%,#ffc94dcc,#0000 70%),radial-gradient(2px at 54% 72%,#ff5f7ecc,#0000 70%),radial-gradient(2.5px at 78% 90%,#2fd6b8b3,#0000 70%);background-size:100% 300px;animation:11s linear infinite dust-drift-b,3.1s ease-in-out -1.4s infinite dust-twinkle}@keyframes dust-drift-a{to{transform:translateY(240px)}}@keyframes dust-drift-b{to{transform:translateY(300px)}}@keyframes dust-twinkle{0%,to{opacity:.45}50%{opacity:1}}.completion-overlay>svg,.completion-overlay>span,.completion-overlay>strong,.completion-overlay>div{z-index:1;position:relative}.completion-overlay>svg{z-index:2;color:var(--neon-gold);filter:drop-shadow(0 0 18px #ffc94d80);animation:trophy-pop .42s var(--ease-spring) 80ms both, trophy-float 3.2s ease-in-out .5s infinite}.completion-overlay>span:after{content:"";z-index:-1;pointer-events:none;filter:blur(3px);background:repeating-conic-gradient(#ffc94d21 0deg 4deg,#0000 4deg 14deg,#ffc94d0d 14deg 18deg,#0000 18deg 28deg);border-radius:50%;width:480px;height:480px;animation:18s linear infinite cone-sweep;position:absolute;top:-264px;left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(closest-side,#000000e6,#0000 74%);mask-image:radial-gradient(closest-side,#000000e6,#0000 74%)}@keyframes cone-sweep{to{transform:translate(-50%)rotate(360deg)}}@keyframes trophy-float{0%,to{transform:translateY(0)scale(1.12)}50%{transform:translateY(-9px)scale(1.12)}}.completion-overlay>span{color:var(--neon-coral);letter-spacing:.26em;text-indent:.26em;text-shadow:0 0 14px #ff5f7e66;margin-top:14px;font-size:11px;font-weight:800}.completion-overlay>strong{text-shadow:0 6px 26px #02050ea6;margin-top:6px;font-size:clamp(24px,4vw,38px)}.completion-overlay>div{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:24px;display:flex}.completion-overlay button{cursor:pointer;border-radius:10px;height:44px;padding:0 20px;font-weight:800;transition:transform .12s,box-shadow .16s,filter .16s}.completion-primary{color:#fff;text-shadow:0 1px 3px #7a082280;background:linear-gradient(#ff7e97,#ff4a6d);border:0;box-shadow:0 4px #a91f3d,0 0 18px #ff5f7e59}.completion-primary:hover{filter:brightness(1.07);box-shadow:0 4px #a91f3d,0 0 26px #ff5f7e8c}.completion-primary:active{transform:translateY(3px);box-shadow:0 1px #a91f3d,0 0 14px #ff5f7e66}.completion-secondary{color:var(--cab-ink);background:#ffffff0f;border:1px solid #ffffff29;box-shadow:0 4px #03060fe6}.completion-secondary:hover{background:#ffffff1c;border-color:#ffffff4d}.completion-secondary:active{transform:translateY(3px);box-shadow:0 1px #03060fe6}.completion-overlay.is-failure{animation:overlay-fade var(--dur-base) var(--ease-standard), overlay-shake .5s cubic-bezier(.36,.07,.19,.97) both;background:radial-gradient(120% 105% at 50% 0,#40111ee6,#0a060cf5)}.completion-overlay.is-failure:before{content:none}.completion-overlay.is-failure:after{content:"";filter:none;background:radial-gradient(120% 100% at 50% 42%,#0000 52%,#ff2a544d 100%);animation:.9s ease-out both danger-fade;inset:0;transform:none}.completion-overlay.is-failure>span:after{content:none}@keyframes danger-fade{0%{opacity:0}to{opacity:1}}.completion-overlay.is-failure>svg{color:var(--neon-coral);filter:drop-shadow(0 0 20px #ff5f7e99)}.completion-overlay.is-failure>span{color:#ff8ea3}.completion-overlay.is-failure>strong{color:#ffb9c6}@keyframes overlay-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.cabinet{animation:cabinet-mount .38s var(--ease-standard)}@keyframes cabinet-mount{0%{opacity:0;transform:scale(.97)}}@keyframes ring-sway{0%,to{transform:rotate(10deg)scale(1)}50%{transform:rotate(-10deg)scale(1.05)}}@keyframes trophy-pop{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1.12)}}@keyframes overlay-fade{0%{opacity:0}}.pause-overlay{animation:overlay-fade var(--dur-fast) var(--ease-standard)}.completion-overlay{animation:overlay-fade var(--dur-base) var(--ease-standard)}.completion-overlay>span,.completion-overlay>strong,.completion-overlay>div{animation:rise-stagger var(--dur-base) var(--ease-standard) both}.completion-overlay>span{animation-delay:.14s}.completion-overlay>strong{animation-delay:.2s}.completion-overlay>div{animation-delay:.26s}@keyframes rise-stagger{0%{opacity:0;transform:translateY(10px)}}@media (width<=640px){.cabinet{border-radius:14px;animation-duration:.32s}.cabinet:fullscreen{grid-template-rows:56px 1fr;padding:10px 10px 14px}.cabinet-bar{height:56px;padding-left:12px}.cabinet-nav{gap:2px}.lobby-back{width:44px;height:44px}.level-button{height:44px}.cabinet-controls{gap:3px}.cabinet-controls button{width:44px;height:44px}.screen,.iframe-container,.game-loading,.game-error,.coming-soon{min-height:420px}.game-frame{height:420px}.loading-ring{width:54px;height:54px}.standby-panel{margin:0 14px;padding:24px 18px 26px}.pause-overlay strong{font-size:21px}.completion-overlay>span:after{width:380px;height:380px;top:-214px}.completion-overlay button{height:46px;padding:0 14px}.coming-soon strong{font-size:26px}.completion-overlay>svg{animation:trophy-pop .36s var(--ease-spring) 60ms both, trophy-float 3.2s ease-in-out .42s infinite}.completion-overlay>span{animation-delay:.1s}.completion-overlay>strong{animation-delay:.14s}.completion-overlay>div{animation-delay:.18s}}@font-face{font-family:Bungee;src:url(/fonts/bungee.woff2)format("woff2");font-display:swap}:root{color:#eef1fb;font-synthesis:none;text-rendering:optimizelegibility;--ink:#eef1fb;--muted:#8b96b8;--surface:#151a2d;--canvas:#0a0d18;--line:#ffffff1a;--coral:#ff5f7e;--teal:#2fd6b8;--gold:#ffc94d;--night:#05070f;--font-display:"Bungee", "Noto Sans SC", sans-serif;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E");--brushed:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.3' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.07 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23b)'/%3E%3C/svg%3E");--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--dur-fast:.14s;--dur-base:.26s;--dur-slow:.48s;background:#0a0d18 linear-gradient(#0a0d18,#141a30 72%) fixed;font-family:Inter,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body:before{content:"";z-index:-1;pointer-events:none;filter:brightness(.33)saturate(.78);background:radial-gradient(130% 100% at 50% -10%,#0000 42%,#03050cb8 100%),radial-gradient(120% 90% at 12% 112%,#02040aa8,#0000 55%),linear-gradient(#080b164d,#05081024 42%,#080b1666),#06080f url(/images/textures/nebula-carina.jpg) 50%/cover no-repeat;position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;will-change:transform;background-image:radial-gradient(1px 1px at 68% 42%,#2fd6b84d,#0000 60%),radial-gradient(1.5px 1.5px at 41% 76%,#ffc94d42,#0000 60%),linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:540px 540px,640px 640px,44px 44px,44px 44px;animation:120s ease-in-out infinite alternate star-drift,8s ease-in-out infinite star-twinkle;position:fixed;inset:-840px}button,a{font:inherit}button{letter-spacing:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@keyframes star-drift{to{transform:translate(-420px,560px)}}@keyframes star-twinkle{0%,to{opacity:1}50%{opacity:.3}}.app-shell{min-height:100vh}.topbar{z-index:20;background:var(--brushed), linear-gradient(180deg, #181e38eb, #0c101ee0 55%, #080b16e6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #ffffff12;grid-template-columns:240px 1fr auto;align-items:center;height:68px;padding:0 max(24px,50vw - 660px);display:grid;position:sticky;top:0;box-shadow:inset 0 1px #ffffff24,inset 0 -18px 28px -20px #000000a6,0 10px 26px #03060e52}.topbar:after{content:"";opacity:.8;background:linear-gradient(90deg,#0000 4%,#ff5f7ebf,#ffc94d99,#2fd6b8bf,#0000 96%);height:1px;position:absolute;bottom:-1px;left:0;right:0}.brand{width:max-content;font-family:var(--font-display);letter-spacing:.05em;text-shadow:0 0 16px #ff5f7e47;align-items:center;gap:10px;font-size:15px;font-weight:400;display:inline-flex}.brand>span:last-child span{color:var(--coral);text-shadow:0 0 14px #ff5f7e8c}.brand-mark{color:#fff;background:var(--grain), linear-gradient(145deg, #ffe7c0, var(--gold) 24%, var(--coral) 54%, #99304a 80%, #ff9d80);width:36px;height:36px;box-shadow:inset 0 1px 0 #ffffff80, inset 0 0 12px #40071680, 0 0 18px #ff5f7e66, 0 3px 0 var(--night);border:1px solid #ffe0b466;border-radius:10px;place-items:center;display:grid}.desktop-nav{justify-content:center;gap:30px;height:100%;display:flex}.desktop-nav a{color:var(--muted);letter-spacing:.04em;transition:color var(--dur-fast) var(--ease-standard), text-shadow var(--dur-fast) var(--ease-standard);place-items:center;font-size:13px;font-weight:650;display:grid;position:relative}.desktop-nav a:after{content:"";background:linear-gradient(90deg, var(--coral), var(--gold));opacity:0;transform-origin:0;height:3px;transition:transform var(--dur-base) var(--ease-spring), opacity var(--dur-fast) var(--ease-standard);border-radius:3px 3px 0 0;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0);box-shadow:0 0 12px #ff5f7ea6}.desktop-nav a:hover{color:var(--gold);text-shadow:0 0 14px #ffc94d73}.desktop-nav a:hover:after{opacity:1}.desktop-nav a.is-active{color:var(--ink)}.desktop-nav a.is-active:after{opacity:1;transform:scaleX(1)}.topbar-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.life-counter{height:38px;color:var(--coral);background:var(--grain), linear-gradient(180deg, #ff96a829, #ff5f7e0f 42%, #1a050c73), #2c0c188c;border:1px solid #ff5f7e52;border-radius:999px;align-items:center;gap:7px;padding:0 13px;display:flex;box-shadow:inset 0 1px #ffd7e040,inset 0 0 14px #ff5f7e24,0 0 12px #ff5f7e2e,0 2px #05070fe6}.life-counter>svg{filter:drop-shadow(0 0 6px #ff5f7ebf)}.life-counter strong{color:var(--ink);font-family:var(--font-display);text-shadow:0 0 10px #ff5f7e99;animation:life-pop var(--dur-base) var(--ease-spring);font-size:14px}@keyframes life-pop{0%{transform:scale(1.45)}to{transform:scale(1)}}.life-counter span{color:var(--muted);font-size:11px}.icon-button{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);background:var(--surface);box-shadow:0 3px 0 var(--night);cursor:pointer;transition:color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);border-radius:10px;place-items:center;padding:0;display:grid}.icon-button:hover{color:var(--teal);box-shadow:0 3px 0 var(--night), 0 0 14px #2fd6b84d;border-color:#2fd6b88c}.icon-button:active{box-shadow:0 1px 0 var(--night);transform:translateY(2px)}.arcade-layout{grid-template-columns:240px minmax(0,1fr);gap:30px;width:min(1320px,100%);min-height:calc(100vh - 116px);margin:0 auto;padding:30px 24px 46px;display:grid}.game-library{align-self:start}.library-heading{justify-content:space-between;align-items:center;min-height:32px;margin-bottom:14px;display:flex}.library-heading h2{letter-spacing:.02em;margin:0;font-size:18px}.library-heading span{color:var(--muted);font-size:11px}.game-list{gap:10px;display:grid}.game-list-item{--game-accent:#ff5f7e;border:1px solid var(--line);width:100%;min-height:68px;color:var(--ink);text-align:left;background:var(--grain), linear-gradient(160deg, #ffffff0f, #ffffff03 42%, #0003), #151a2dc7;box-shadow:inset 0 1px 0 #ffffff1f, 0 3px 0 var(--night);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-base) var(--ease-spring), transform var(--dur-base) var(--ease-spring);border-radius:10px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:11px;padding:7px;display:grid;position:relative;overflow:hidden}.game-list-item:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(112deg,#0000 8%,#ffffff0f 24%,#ffffff21 33%,#ffffff0a 42%,#0000 58%);position:absolute;inset:0}.game-list-item:hover{border-color:color-mix(in srgb, var(--game-accent) 45%, transparent);box-shadow:inset 0 1px 0 #ffffff24, 0 5px 0 var(--night), 0 0 18px color-mix(in srgb, var(--game-accent) 26%, transparent);background-color:#1c233eeb;transform:translateY(-2px)rotate(-.3deg)}.game-list-item:active{box-shadow:0 2px 0 var(--night);transition-duration:var(--dur-fast);transform:translateY(1px)scale(.98)}.game-list-item.is-selected{border-color:color-mix(in srgb, var(--game-accent) 60%, transparent);box-shadow:inset 3px 0 0 var(--game-accent), inset 0 1px 0 #ffffff26, 0 4px 0 var(--night), 0 0 22px color-mix(in srgb, var(--game-accent) 32%, transparent);background-color:#1f2644f2;transform:translateY(-1px)}.cart-tag{color:#8b96b880;font-family:var(--font-display);letter-spacing:.14em;font-size:8px;position:absolute;top:6px;right:9px}.game-art{border:1px solid color-mix(in srgb, var(--game-accent) 38%, transparent);width:64px;height:52px;color:var(--gold);background:var(--grain), radial-gradient(120% 120% at 22% 8%, color-mix(in srgb, var(--game-accent) 42%, transparent), transparent 62%), linear-gradient(150deg, #10152a, #1b2140);box-shadow:0 0 14px -2px color-mix(in srgb, var(--game-accent) 55%, transparent);border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.game-art img{object-fit:cover;width:100%;height:100%}.game-art:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff29,inset 0 0 10px #02050e9e}.game-copy{min-width:0}.game-copy strong,.game-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.game-copy strong{font-size:13px}.game-copy small{color:var(--muted);letter-spacing:.03em;margin-top:4px;font-size:10px}.game-list-item>svg{color:var(--game-accent);filter:drop-shadow(0 0 8px color-mix(in srgb, var(--game-accent) 65%, transparent))}.game-list-item em{color:var(--gold);font-family:var(--font-display);letter-spacing:.1em;text-shadow:0 0 8px #ffc94da6;background:#ffc94d14;border:1px solid #ffc94d80;border-radius:5px;padding:4px 7px;font-size:9px;font-style:normal;animation:3.4s step-end infinite soon-flicker}@keyframes soon-flicker{0%,88%,94%,to{opacity:1}90%{opacity:.4}96%{opacity:.65}}.play-area{min-width:0}.section-kicker{color:var(--coral);font-family:var(--font-display);letter-spacing:.2em;text-shadow:0 0 12px #ff5f7e66;justify-content:space-between;align-items:center;font-size:11px;font-weight:400;display:flex}.availability{color:var(--teal);align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.availability i{background:var(--teal);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #2fd6b826,0 0 8px #2fd6b8b3}.game-title-row{justify-content:space-between;align-items:end;gap:24px;margin:9px 0 18px;display:flex}.game-title-row h1{text-shadow:0 0 26px #2fd6b833;margin:0;font-size:clamp(30px,3.2vw,42px);line-height:1.08}.game-title-row p{max-width:650px;color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.55}.score-block{background:var(--grain), linear-gradient(180deg, #ffd68c1f, #ffc94d0a 44%, #0000003d), #1e180ea8;text-align:right;border:1px solid #ffc94d47;border-radius:10px;flex:none;min-width:86px;padding:8px 12px;box-shadow:inset 0 1px #ffe9ba47,inset 0 0 22px #0000006b,0 3px #04060ceb}.score-block span{color:var(--muted);font-size:9px;font-weight:700;display:block}.score-block strong{color:var(--gold);font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.05em;text-shadow:0 0 16px #ffc94d66;font-size:21px}.score-block small{color:var(--muted);font-family:var(--font-display);font-variant-numeric:tabular-nums;margin-top:3px;font-size:9px;font-weight:400;display:block}.site-footer{border-top:1px solid var(--line);min-height:48px;color:var(--muted);background:var(--grain), linear-gradient(180deg, #0f1324eb, #070a14f2);justify-content:space-between;align-items:center;padding:14px max(24px,50vw - 660px);font-size:10px;display:flex;box-shadow:inset 0 1px #ffffff12}.site-footer a{color:var(--gold);font-weight:700;transition:color .18s,text-shadow .18s}.site-footer a:hover{text-shadow:0 0 12px #ffc94d80}@media (width<=900px){.topbar{grid-template-columns:1fr auto;padding:0 20px}.desktop-nav{display:none}.arcade-layout{grid-template-columns:1fr;gap:22px;padding-top:20px}.game-library{min-width:0}.library-heading{margin-bottom:9px}.game-list{scrollbar-width:thin;scroll-snap-type:x proximity;gap:10px;padding:2px 2px 12px;display:flex;overflow-x:auto}.game-list-item{scroll-snap-align:start;flex:0 0 190px}}@media (width<=640px){.topbar{height:60px;padding:0 12px}.brand{font-size:13px}.brand-mark{width:34px;height:34px}.life-counter{height:44px}.life-counter span,.topbar-actions>a.icon-button{display:none}.icon-button{width:44px;height:44px}.arcade-layout{gap:15px;padding:14px 12px 28px}.library-heading h2{font-size:16px}.game-list-item{flex-basis:164px;grid-template-columns:52px minmax(0,1fr) auto;gap:8px;min-height:62px}.game-art{width:52px;height:46px}.game-list-item>svg{display:none}.section-kicker{letter-spacing:.14em;font-size:10px}.game-title-row{align-items:center;gap:12px;margin-bottom:14px}.game-title-row h1{font-size:28px}.game-title-row p{font-size:11px;line-height:1.45}.score-block{min-width:64px;padding:6px 9px}.score-block strong{font-size:17px}.site-footer{text-align:center;justify-content:center}.site-footer a{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}