@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#071426;--panel:#0c1e34;--ink:#f4f7fb;--muted:#9aaabe;--lime:#c6ff4d;--cyan:#45d9ff;--line:#1e344d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7fa;color:#101c2d;font:15px/1.6 Inter,Arial,sans-serif}.arcade-header{height:76px;padding:0 max(22px,calc((100% - 1240px)/2));display:flex;align-items:center;gap:40px;background:#071426;color:white;border-bottom:1px solid #1a2d44}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none;font-weight:900;letter-spacing:.07em}.brand b{color:var(--lime)}.brand-mark{display:grid;place-items:center;width:37px;height:37px;background:var(--lime);color:#071426;font:900 24px 'Barlow Condensed';clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%)}.arcade-header nav{display:flex;gap:28px;margin-left:auto}.arcade-header nav a,footer a{color:#c1cddd;text-decoration:none;font-weight:700;font-size:.88rem}.arcade-header nav a.active,.arcade-header nav a:hover{color:var(--lime)}.header-status{font-size:.68rem;letter-spacing:.12em;color:#a8b9cc;font-weight:800}.header-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:8px;box-shadow:0 0 12px var(--lime)}main{max-width:1240px;margin:auto;padding:0 24px}.hero{position:relative;min-height:440px;margin:28px 0 62px;padding:54px 7%;overflow:hidden;display:flex;align-items:center;background:radial-gradient(circle at 78% 50%,#153c58 0,transparent 34%),linear-gradient(110deg,#08182b,#0b2038 65%,#102b42);color:white;border-radius:5px}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071426 0%,transparent 65%);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:610px}.eyebrow{font-size:.7rem;letter-spacing:.22em;font-weight:900;color:var(--lime)}.eyebrow.dark{color:#63821b}.hero h1,.section-top h2,.player-heading h2{font:900 clamp(3.6rem,7vw,6.2rem)/.88 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.02em;margin:19px 0}.hero h1 em,.section-top h2 em{font-style:normal;color:var(--lime)}.hero p{max-width:460px;color:#b8c8d9;font-size:1.02rem}.hero-cta{display:inline-flex;align-items:center;gap:26px;margin-top:16px;padding:13px 19px;background:var(--lime);color:#071426;text-decoration:none;font-size:.78rem;font-weight:900;letter-spacing:.08em}.hero-cta span{font-size:1.2rem}.hero-stats{display:flex;gap:32px;margin-top:42px}.hero-stats span{font-size:.62rem;color:#9aadc1;letter-spacing:.1em;font-weight:800}.hero-stats b{display:block;color:white;font:800 1.45rem 'Barlow Condensed';letter-spacing:0}.hero-art{position:absolute;right:5%;top:0;width:43%;height:100%;z-index:1}.orbit{position:absolute;border:1px solid #6ceaff44;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:440px;height:190px;top:125px;right:0}.orbit-two{width:340px;height:145px;top:148px;right:48px;border-color:#c6ff4d55}.arcade-cube{position:absolute;right:23%;top:23%;width:190px;height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-12deg);background:linear-gradient(145deg,#baff3e,#4d9b57);color:#071426;box-shadow:20px 25px 0 #03101e,0 0 80px #a9ff4d55;clip-path:polygon(12% 0,100% 0,88% 100%,0 88%)}.arcade-cube span{font-size:.7rem;letter-spacing:.3em;font-weight:900}.arcade-cube b{font:900 8rem/.9 'Barlow Condensed'}.floating{position:absolute;color:var(--cyan);font-size:2.5rem}.f-one{top:18%;right:9%}.f-two{top:72%;right:30%;color:var(--lime)}.f-three{top:33%;right:2%;font-size:3rem}.library{padding:0 0 58px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.section-top h2,.player-heading h2{font-size:3.1rem;color:#0c1e34;margin:8px 0 0}.section-top h2 em{color:#70951e}.section-top p{color:#66758a;font-size:.86rem;margin:0}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.game-card{background:white;border:1px solid #e2e8ef;box-shadow:0 9px 30px #102b4e0b;min-width:0;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-5px);box-shadow:0 17px 36px #102b4e18}.game-visual{height:205px;position:relative;overflow:hidden;background:#0b1c32;color:white}.visual-label{position:absolute;top:15px;left:17px;z-index:2;font-size:.65rem;font-weight:900;letter-spacing:.16em;color:#d0dbea}.visual-icon{position:absolute;right:17px;bottom:5px;font-size:4rem;color:#ffffff16}.racer .game-visual{background:radial-gradient(circle at 50% 30%,#274e75,#09162a 70%)}.road{position:absolute;bottom:-40px;left:27%;width:47%;height:210px;background:#192b3d;transform:perspective(180px) rotateX(15deg);border-left:4px solid #45d9ff;border-right:4px solid #45d9ff}.road:after{content:"";position:absolute;left:49%;height:100%;border-left:4px dashed #e5f0fb;opacity:.8}.mini-car{position:absolute;z-index:2;bottom:35px;left:34%;width:53px;height:76px;border-radius:12px 12px 7px 7px;background:linear-gradient(90deg,#baff3e,#4f9c4f);box-shadow:0 0 22px #c6ff4d77}.mini-car:before{content:"";position:absolute;top:14px;left:9px;width:35px;height:24px;background:#102d45;border-radius:6px}.galaxy .game-visual{background:radial-gradient(circle at 50% 60%,#173e72,#090f23 70%)}.stars{position:absolute;inset:65px 25px;color:#9bcfff;font-size:2rem;letter-spacing:.3em}.ship{position:absolute;left:46%;top:45%;color:#c6ff4d;font-size:4rem;text-shadow:0 0 24px #45d9ff;transform:scaleX(.8)}.laser{position:absolute;left:50%;top:68%;height:55px;border-left:3px solid #45d9ff;box-shadow:0 0 15px #45d9ff}.mind .game-visual{background:linear-gradient(135deg,#261b50,#101a3c)}.tile-board{position:absolute;left:50%;top:50%;transform:translate(-50%,-40%);width:180px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tile-board i{display:grid;place-items:center;height:44px;background:#473e83;border-radius:5px;color:#fff;font-style:normal;font-weight:900}.tile-board i:nth-child(2n){background:#7662b4}.tile-board i:nth-child(4n){background:#d29b50;color:#16142a}.game-info{padding:20px 21px 22px}.game-type{font-size:.65rem;font-weight:900;letter-spacing:.12em;color:#718096}.game-type span{float:right;color:#739b25}.game-info h3{font:900 2rem 'Barlow Condensed';letter-spacing:.03em;margin:8px 0 3px;color:#0b1c31}.game-info p{min-height:48px;margin:0 0 17px;color:#68778b;font-size:.84rem}.game-info button,.game-actions button{width:100%;padding:12px 15px;border:0;background:#0a1c31;color:white;font-size:.74rem;font-weight:900;letter-spacing:.1em;text-align:left;cursor:pointer}.game-info button b{float:right;color:var(--lime);font-size:1rem}.game-info button:hover,.game-actions button:hover{background:#183b59}.player-section{margin:0 0 58px;padding:28px;background:#eaf0f5;border:1px solid #dce5ee}.player-section[hidden]{display:none}.player-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.player-heading h2{font-size:2.5rem}.close-game{border:1px solid #cbd6e2;background:white;padding:10px 14px;font-size:.7rem;font-weight:900;cursor:pointer}.game-shell{background:#071426;padding:14px;border-radius:4px;color:white}.game-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:2px 5px 12px;color:#a9bad0;font-size:.75rem}.scoreboard{display:flex;gap:22px}.scoreboard b{color:var(--lime);margin-left:5px}.game-shell canvas{display:block;width:100%;height:auto;max-height:62vh;background:#09182b;border:1px solid #1c3550;touch-action:none}.game-controls{display:none;justify-content:center;gap:14px;padding:12px}.game-controls button{width:58px;height:48px;border:1px solid #37516b;background:#102944;color:white;border-radius:7px;font-size:1.5rem;touch-action:none}.game-actions{display:flex;align-items:center;gap:12px;padding:12px 4px 0}.game-actions button{width:auto;min-width:125px;text-align:center;background:var(--lime);color:#071426}.game-actions button.secondary{background:#1a3048;color:white}.game-actions span{font-size:.78rem;color:#a9bad0}.promise{display:flex;align-items:center;gap:19px;margin:0 0 55px;padding:22px 26px;background:#eaf1e1;border-left:4px solid #a8d43e}.promise-icon{font-size:2.3rem;color:#6d9121}.promise h2{margin:0;color:#263d16;font-size:.94rem;letter-spacing:.08em}.promise p{margin:5px 0 0;color:#56634b;font-size:.84rem}footer{background:#071426;padding:25px max(22px,calc((100% - 1240px)/2));display:flex;justify-content:space-between;gap:20px;color:#8fa1b7}footer div,footer nav{display:flex;gap:20px;flex-wrap:wrap;font-size:.78rem}footer div>a{color:white;font-weight:900;letter-spacing:.08em}@media(max-width:850px){.hero{min-height:400px}.hero-art{right:-10%;opacity:.65}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-top{align-items:start;flex-direction:column;gap:10px}}@media(max-width:600px){.arcade-header{height:65px;padding:0 15px;gap:10px}.arcade-header nav{gap:12px}.arcade-header nav a{font-size:.75rem}.header-status{display:none}.brand{font-size:.73rem}.brand-mark{width:31px;height:31px}main{padding:0 14px}.hero{margin:14px 0 40px;padding:43px 22px;min-height:400px}.hero h1{font-size:3.65rem}.hero-art{right:-36%;opacity:.35}.hero-stats{gap:17px}.hero-stats span{font-size:.52rem}.game-grid{grid-template-columns:1fr;gap:14px}.game-visual{height:180px}.game-info p{min-height:0}.section-top h2{font-size:2.6rem}.player-section{padding:15px 10px}.player-heading{align-items:start}.player-heading h2{font-size:1.8rem}.close-game{font-size:.6rem;padding:8px}.game-toolbar{font-size:.65rem}.game-controls{display:flex}.game-actions{flex-wrap:wrap}.game-actions span{flex-basis:100%}.promise{padding:17px;align-items:start}footer{padding:22px 16px;flex-direction:column}footer div,footer nav{gap:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.snake .game-visual{background:radial-gradient(circle at 50%,#1b665d,#081c2b 75%)}.snake-art{position:absolute;left:25%;top:40%;font-size:2.8rem;color:#65e5bd;letter-spacing:.12em;text-shadow:0 0 22px #65e5bd}.snake-art b{color:#c6ff4d}
.breakout .game-visual{background:linear-gradient(140deg,#152c50,#281d4c)}.brick-art{position:absolute;left:25%;top:32%;font-size:2.1rem;line-height:1.55;letter-spacing:.24em;color:#ffb45f;text-shadow:0 0 15px #ffb45f}
.stack .game-visual{background:linear-gradient(140deg,#153e50,#171d42)}.stack-art{position:absolute;left:35%;top:25%;width:120px;height:140px}.stack-art i{position:absolute;width:110px;height:30px;background:#49d6c4;transform:skewY(-12deg);box-shadow:0 8px 0 #167d7a}.stack-art i:nth-child(1){left:5px;bottom:0;background:#c6ff4d}.stack-art i:nth-child(2){left:15px;bottom:38px;background:#8977ff}.stack-art i:nth-child(3){left:0;bottom:76px;background:#ffb45f}
.memory .game-visual{background:linear-gradient(135deg,#261b50,#101a3c)}.memory-art{position:absolute;left:28%;top:30%;font-size:2.5rem;line-height:1.5;letter-spacing:.5em;color:#c6ff4d}
.lander .game-visual{background:radial-gradient(circle at 50% 80%,#4c5066,#111b32 65%)}.lander-art{position:absolute;left:43%;top:24%;font-size:3.5rem;line-height:1.2;filter:drop-shadow(0 0 12px #7deaff)}
.portal .game-visual{background:linear-gradient(120deg,#111d45,#073c52)}.portal-art{position:absolute;left:25%;top:30%;font-size:4.2rem;color:#49d9ff;text-shadow:0 0 22px #49d9ff;letter-spacing:.12em}


/* Arcade art direction: richer, game-specific cover scenes */
.game-card{overflow:hidden;border-radius:10px;box-shadow:0 12px 34px #102b4e12;transition:transform .22s ease,box-shadow .22s ease}
.game-card:hover{transform:translateY(-7px);box-shadow:0 22px 48px #102b4e20}
.game-visual{height:218px;isolation:isolate}
.game-visual:before{content:"";position:absolute;inset:0;z-index:0;opacity:.55;background:repeating-linear-gradient(135deg,#ffffff08 0 1px,transparent 1px 13px);pointer-events:none}
.game-visual:after{content:"";position:absolute;inset:auto 0 0;height:42%;z-index:0;background:linear-gradient(transparent,#07142655);pointer-events:none}
.visual-label{padding:7px 10px;background:#06132388;border:1px solid #ffffff20;border-radius:3px}
.game-info{padding:22px 22px 23px}
.game-info h3{font-size:2.15rem;letter-spacing:.045em}
.game-info button{border-radius:4px;transition:background .18s,transform .18s}
.game-info button:hover{transform:translateX(2px)}
/* Pulse Snake: illuminated arena and segmented trail */
.snake .game-visual{background:radial-gradient(ellipse at 52% 52%,#145d58 0,#0c343b 35%,#071728 78%)}
.snake-art{left:19%;top:42%;font-size:2.2rem;letter-spacing:.04em;color:#63f3c1;text-shadow:0 0 8px #63f3c1,0 0 24px #25d7b0;transform:rotate(-9deg)}
.snake-art:before{content:"";position:absolute;z-index:-1;left:-35px;top:-30px;width:260px;height:90px;border:1px solid #64ffcf44;border-radius:50%;transform:rotate(8deg);box-shadow:0 0 24px #21d4aa22}
/* Brickstorm: luminous block wall and energy ball */
.breakout .game-visual{background:radial-gradient(circle at 50% 60%,#40316c,#151c40 70%,#0b1730)}
.brick-art{left:27%;top:25%;font-size:1.7rem;line-height:1.45;letter-spacing:.3em;color:#ffbd65;text-shadow:0 0 7px #ffbd65,0 0 20px #ff6d8b}
.breakout .game-visual:after{content:"";position:absolute;left:49%;bottom:22px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 0 12px 5px #71dfff;z-index:2}
.breakout .game-visual:before{background:repeating-linear-gradient(90deg,transparent 0 42px,#ffffff09 42px 43px),repeating-linear-gradient(0deg,transparent 0 35px,#ffffff08 35px 36px)}
/* Stack Shift: dimensional floating platforms */
.stack .game-visual{background:radial-gradient(ellipse at 50% 72%,#245e68,#112b46 58%,#10172e)}
.stack-art{left:36%;top:22%;width:145px;height:155px;filter:drop-shadow(0 12px 10px #020a1a88)}
.stack-art i{width:125px;height:27px;border-radius:3px;transform:skewY(-18deg) rotate(-2deg);box-shadow:0 7px 0 #07152688,0 0 18px #ffffff22}
.stack-art i:nth-child(1){left:5px;bottom:2px;background:linear-gradient(90deg,#8bdc48,#d4ff74)}
.stack-art i:nth-child(2){left:15px;bottom:43px;background:linear-gradient(90deg,#5b66d9,#a89aff)}
.stack-art i:nth-child(3){left:0;bottom:84px;background:linear-gradient(90deg,#f18b53,#ffd07b)}
/* Memory Matrix: luminous holographic tile field */
.memory .game-visual{background:radial-gradient(circle at 50% 50%,#403b83,#1d204d 60%,#10172e)}
.memory-art{left:31%;top:27%;font-size:2.15rem;line-height:1.6;letter-spacing:.55em;color:#e4d8ff;text-shadow:0 0 12px #9b8aff,0 0 26px #5b6fff}
.memory .game-visual:after{content:"";position:absolute;left:27%;top:23%;width:46%;height:58%;border:1px solid #b7aaff55;border-radius:12px;box-shadow:0 0 35px #7c69ff22,inset 0 0 24px #8e80ff22}
/* Lunar Lander: moon horizon, landing beacon and ship glow */
.lander .game-visual{background:radial-gradient(ellipse at 50% 88%,#8c8a9a 0,#555c78 18%,#202d4b 43%,#0c1730 78%)}
.lander-art{left:45%;top:17%;font-size:3.15rem;filter:drop-shadow(0 0 12px #8deaff);text-align:center}
.lander .game-visual:after{height:32%;background:linear-gradient(transparent,#a7a8b8 85%,#d7d8dc)}
/* Portal Dash: layered rings and a neon running lane */
.portal .game-visual{background:radial-gradient(ellipse at 55% 55%,#164f70,#10244b 48%,#09162c 80%)}
.portal-art{left:23%;top:29%;font-size:3.9rem;color:#72eaff;letter-spacing:.16em;text-shadow:0 0 8px #49d9ff,0 0 26px #49d9ff,0 0 52px #6e70ff}
.portal .game-visual:before{background:repeating-radial-gradient(ellipse at 55% 55%,transparent 0 28px,#59dfff22 29px 30px,transparent 31px 54px)}
/* Consistent mobile fit and reduced-motion support */
@media(max-width:600px){.game-visual{height:195px}.game-info{padding:18px}.game-info h3{font-size:2rem}.arcade-header nav{gap:10px}.arcade-header nav a{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.game-card,.game-info button{transition:none}}


/* PREMIUM ARCADE PASS — scoped to /games/ only */
:root{--arcade-ink:#071426;--arcade-lime:#c6ff4d;--arcade-cyan:#45d9ff;--arcade-violet:#9b83ff}
body{background:radial-gradient(ellipse at 50% -12%,#e5edf5 0,transparent 42%),#f3f6fa}
.arcade-header{position:sticky;top:0;z-index:20;box-shadow:0 8px 28px #06132626}
.header-status{padding:7px 11px;border:1px solid #c6ff4d44;border-radius:3px;background:#c6ff4d0d}
.header-status i{animation:arcade-pulse 1.7s infinite}
@keyframes arcade-pulse{0%,100%{box-shadow:0 0 0 0 #c6ff4d88}50%{box-shadow:0 0 0 7px #c6ff4d00}}
.hero{border:1px solid #28435e;box-shadow:0 24px 65px #08182b24}
.hero:before{content:"";position:absolute;inset:12px;border:1px solid #b8d4ef20;pointer-events:none;z-index:1}
.hero-copy{max-width:650px}
.hero-cta{box-shadow:5px 5px 0 #5d8d2b;transition:transform .18s,box-shadow .18s}
.hero-cta:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 #5d8d2b}
.arcade-cube{border:1px solid #e2ffad;outline:1px solid #c6ff4d44;outline-offset:9px}
.library{scroll-margin-top:92px}
.section-top{padding-bottom:15px;border-bottom:1px solid #d9e1e9}
.game-grid{gap:22px}
.game-card{position:relative;border:1px solid #d6e0e9;border-radius:9px;background:linear-gradient(145deg,#fff,#f9fbfd);box-shadow:0 8px 24px #0b203712;isolation:isolate}
.game-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#45d9ff66,#ffffff00 42%,#c6ff4d66);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3}
.game-card:hover{border-color:#a7c2d8;transform:translateY(-6px);box-shadow:0 19px 42px #0b20371e}
.game-visual{height:225px;border-bottom:1px solid #dce5ed}
.game-info{position:relative}
.game-type{display:flex;align-items:center;justify-content:space-between;gap:8px}
.game-type span{float:none;white-space:nowrap;padding:3px 7px;border-radius:3px;background:#eff6e5;color:#63851e;font-size:.58rem}
.game-info h3{letter-spacing:.055em}
.game-info p{line-height:1.65}
.game-info button{position:relative;overflow:hidden;border:1px solid #1c3b57;background:linear-gradient(100deg,#071426,#153a57);box-shadow:inset 0 1px #ffffff12}
.game-info button:after{content:"";position:absolute;inset:0 auto 0 -70%;width:45%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,#ffffff1c,transparent);transition:left .45s}
.game-info button:hover:after{left:130%}
.game-info button b{color:var(--arcade-lime)}
/* A dedicated live-play stage, with a clear frame and status bar */
.player-section{position:relative;scroll-margin-top:92px;margin:0 0 58px;padding:clamp(16px,3vw,30px);border:1px solid #c7d4e0;border-radius:12px;background:linear-gradient(145deg,#edf3f8,#e2eaf1);box-shadow:0 18px 50px #0b20371a}
.player-heading{padding:0 2px 14px;border-bottom:1px solid #cbd7e2}
.player-heading h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:.035em}
.player-heading .eyebrow:after{content:"  ● LIVE SESSION";margin-left:8px;color:#239b68;letter-spacing:.1em}
.close-game{border-radius:4px;border-color:#c5d2df;color:#34475d;transition:background .15s,color .15s}
.close-game:hover{background:#0b1c31;color:#fff}
.game-shell{position:relative;padding:14px;border:1px solid #29445f;border-radius:9px;background:linear-gradient(145deg,#071426,#0d233b);box-shadow:0 12px 30px #07142635}
.game-toolbar{min-height:42px;padding:4px 7px 13px;letter-spacing:.025em}
.scoreboard span{padding:5px 10px;border:1px solid #ffffff18;border-radius:4px;background:#ffffff08;font-size:.66rem;letter-spacing:.1em}
.game-shell canvas{max-height:none;aspect-ratio:900/520;border:1px solid #385775;border-radius:5px;box-shadow:0 0 0 5px #ffffff08,0 12px 28px #0000002b}
.game-controls{padding:14px 8px 4px}
.game-controls button{border:1px solid #52718e;background:linear-gradient(145deg,#1b3a58,#10243b);box-shadow:0 4px 0 #06101e;color:#d9edff;font-weight:900}
.game-controls button:active{transform:translateY(3px);box-shadow:0 1px 0 #06101e;background:#315777}
.game-actions{min-height:54px}
.game-actions button{border-radius:4px;box-shadow:0 4px 0 #6b922a}
.game-actions button:active{transform:translateY(2px);box-shadow:0 2px 0 #6b922a}
.game-actions button.secondary{box-shadow:none;border:1px solid #39546e}
#game-message{margin-left:auto;text-align:right}
.promise{border:1px solid #d8e5c8;border-left:4px solid #a8d43e;border-radius:5px;box-shadow:0 8px 22px #102b4e08}
footer{border-top:1px solid #1d354e}
@media(max-width:850px){.game-grid{gap:16px}.game-visual{height:205px}}
@media(max-width:600px){
 .arcade-header{position:relative}.header-status{display:none}
 .hero{border-radius:7px}.hero:before{inset:7px}
 .game-grid{gap:17px}.game-card{border-radius:8px}
 .game-visual{height:205px}
 .player-section{padding:12px 9px;border-radius:8px}
 .player-heading{gap:8px}.player-heading h2{font-size:1.7rem}
 .game-shell{padding:8px}
 .game-toolbar{align-items:flex-start;flex-direction:column;gap:8px}
 .scoreboard{width:100%;justify-content:flex-start}
 .game-shell canvas{width:100%;min-height:190px;object-fit:contain}
 .game-controls{gap:12px}
 .game-controls button{width:64px;height:52px}
 .game-actions{gap:9px}
 .game-actions button{flex:1;min-width:0;padding:12px 8px;font-size:.66rem}
 #game-message{flex-basis:100%;margin:0;text-align:left}
}
@media(prefers-reduced-motion:reduce){.header-status i{animation:none}.hero-cta,.game-card,.game-info button,.game-controls button{transition:none}}