:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f5f2;background:#080808;font-synthesis:none;color-scheme:dark;--surface:#111;--raised:#181818;--line:#2b2b29;--muted:#989894;--page:clamp(1rem,4vw,4.5rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% -10%,#ffffff0d,transparent 32rem),#080808}button,a{font:inherit}button,a{color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #fff;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em}.icon{width:1.25rem;height:1.25rem}.skip-link{position:fixed;z-index:200;top:.6rem;left:.6rem;padding:.75rem 1rem;background:#fff;color:#090909;border-radius:.5rem;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:4.75rem;padding:.7rem var(--page);border-bottom:1px solid var(--line);background:#080808e8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-link{width:10.5rem;border-radius:.3rem;overflow:hidden}.brand-wordmark{display:block;width:100%;height:3rem;object-fit:cover;object-position:left}.site-header nav{display:flex;gap:.25rem;padding:.25rem;border:1px solid var(--line);border-radius:999px;background:#101010}.site-header nav a{padding:.6rem .85rem;border-radius:999px;color:#aaa;text-decoration:none;font-size:.75rem;font-weight:700}.site-header nav a:hover,.site-header nav a.active{color:#fff;background:#252523}.header-actions{display:flex;justify-content:flex-end;gap:.5rem}.icon-button{display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid var(--line);border-radius:50%;background:#111;cursor:pointer}.icon-button:hover{background:#252523}.back-link{display:inline-flex;align-items:center;gap:.35rem;margin:1.2rem var(--page) 0;color:#aaa;font-size:.8rem;font-weight:700;text-decoration:none}.back-link .icon{width:1rem}main{min-height:calc(100vh - 10rem)}footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem var(--page);border-top:1px solid var(--line);color:#777;font-size:.75rem}.eyebrow{margin-bottom:.7rem;color:#9b9b96;font-size:.66rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;min-height:38rem;align-items:center;padding:4rem var(--page);overflow:hidden;border-bottom:1px solid var(--line)}.hero:before{position:absolute;inset:10% 0 auto 55%;height:1px;background:linear-gradient(90deg,#ffffff30,transparent);content:"";transform:rotate(-20deg)}.hero-copy{position:relative;z-index:2;max-width:48rem}.hero h1{margin:0 0 1.5rem;font-size:clamp(3.3rem,8vw,7.7rem);line-height:.88}.hero h1 span{color:#777}.hero-copy>p:not(.eyebrow){max-width:34rem;color:#aaa;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.7}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;min-height:3rem;padding:.8rem 1.15rem;border:1px solid #fff;border-radius:.65rem;background:#fff;color:#101010;font-size:.78rem;font-weight:800;text-decoration:none;cursor:pointer}.primary-button span{font-size:1.1rem}.secondary-button{border-color:#3b3b38;background:#171717;color:#eee}.text-button{border:0;background:none;color:#999;text-decoration:underline;cursor:pointer}.hero-orbit{position:relative;width:min(36vw,27rem);aspect-ratio:1;justify-self:center;border:1px solid #ffffff22;border-radius:50%;box-shadow:0 0 7rem #ffffff0a,inset 0 0 4rem #ffffff08}.hero-orbit:before,.hero-orbit:after{position:absolute;inset:14%;border:1px solid #ffffff14;border-radius:50%;content:""}.hero-orbit:after{inset:34%}.hero-orbit span{position:absolute;inset:39%;display:grid;place-items:center;border-radius:50%;background:#f2f2ed;color:#090909;font-size:2.3rem;font-weight:800;box-shadow:0 0 4rem #fff3}.hero-orbit i{position:absolute;width:.65rem;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 1rem #fff}.hero-orbit i:first-child{top:9%;left:24%}.hero-orbit i:nth-child(2){right:4%;bottom:30%}.hero-orbit i:nth-child(3){left:15%;bottom:10%}.library{padding:5rem var(--page) 7rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.section-heading h1{margin:0;font-size:clamp(2rem,4vw,3.5rem)}.section-heading>p{max-width:18rem;color:#888}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.game-card{position:relative;display:flex;min-height:34rem;flex-direction:column;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:#101010;text-decoration:none;overflow:hidden;transition:transform .25s,border-color .25s}.game-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,#333);transform:translateY(-5px)}.card-top,.card-meta{display:flex;align-items:center;justify-content:space-between}.game-number{color:#666;font-family:DM Mono,monospace;font-size:.75rem}.status{padding:.35rem .55rem;border:1px solid #343431;border-radius:99px;color:#aaa;font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.status.beta{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,#222)}.card-art{position:relative;display:grid;height:14rem;place-items:center;margin:1rem 0 1.5rem;border-radius:.65rem;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 62%),#151515;overflow:hidden}.card-art>span{position:relative;z-index:2;display:grid;width:5rem;aspect-ratio:1;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 40%,#333);border-radius:1.2rem;background:#0c0c0ccc;color:var(--accent);font-size:2.8rem;font-weight:800;transform:rotate(-6deg);box-shadow:0 0 3rem color-mix(in srgb,var(--accent) 16%,transparent)}.card-art i{position:absolute;width:8rem;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.35;transform:rotate(34deg)}.card-art i:nth-of-type(2){width:14rem;transform:rotate(-51deg)}.card-art i:nth-of-type(3){width:20rem;transform:rotate(8deg)}.art-snake>span{border-radius:50% 50% 50% 20%}.art-bomber>span{border-radius:50%}.kicker{margin-bottom:.45rem;color:var(--accent);font-size:.65rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.game-card h3{margin-bottom:.65rem;font-size:1.85rem}.card-description{color:#969692;font-size:.88rem;line-height:1.65}.card-meta{gap:.7rem;margin-top:auto;padding-top:1rem;border-top:1px solid #292927;color:#888;font-size:.65rem}.card-meta span{display:flex;align-items:center;gap:.3rem}.card-meta .icon{width:.85rem}.card-meta b{margin-left:auto;color:var(--accent);font-size:1.2rem}.modal-backdrop{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:1rem;background:#000b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-panel{width:min(32rem,100%);padding:1.4rem;border:1px solid #3b3b38;border-radius:1rem;background:#131313;box-shadow:0 2rem 7rem #000}.panel-heading,.setting-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.panel-heading h2{margin:0;font-size:2rem}.setting-row{padding:1.2rem 0;border-top:1px solid var(--line)}.setting-row span{display:grid;gap:.3rem}.setting-row small{color:#888}.setting-row input[type=checkbox]{width:2.8rem;height:1.4rem;accent-color:#fff}.setting-name input{width:min(14rem,45vw);min-height:2.7rem;padding:.65rem .8rem;border:1px solid #3a3a37;border-radius:.55rem;background:#181816;color:#fff;font:inherit}.game-page{--accent:#fff;max-width:92rem;margin:0 auto;padding:2rem var(--page) 6rem}.game-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin:1rem 0 2rem}.game-heading h1{margin:0;font-size:clamp(2.8rem,6vw,5.6rem);line-height:.95}.game-heading>div>p:last-child{margin:.8rem 0 0;color:#8f8f8a}.game-stat,.score-pair{display:flex;gap:.75rem}.game-stat,.score-pair>div{min-width:7rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:.65rem;background:#111}.game-stat small,.score-pair small{display:block;color:#777;font-size:.6rem;text-transform:uppercase}.game-stat strong,.score-pair strong{color:var(--accent);font-family:DM Mono;font-size:1.5rem}.word-theme{--accent:#63e6ff}.snake-theme{--accent:#b6f36b}.bomber-theme{--accent:#ff876f}.word-layout{display:grid;grid-template-columns:minmax(18rem,1fr) minmax(15rem,.55fr);gap:1rem}.word-board,.word-aside,.control-panel,.player-panel{padding:clamp(1rem,3vw,2rem);border:1px solid var(--line);border-radius:1rem;background:#101010}.word-board{display:grid;gap:.45rem;justify-content:center}.word-row{display:flex;gap:.45rem}.word-tile{display:grid;width:clamp(2.65rem,6vw,4.4rem);aspect-ratio:1;place-items:center;border:1px solid #3b3b38;border-radius:.4rem;background:#171717;font-family:DM Mono;font-size:clamp(1.1rem,3vw,1.8rem);font-weight:500;text-transform:uppercase}.word-tile.filled{border-color:#666}.word-tile.correct{border-color:#49d4f2;background:#176175;color:#fff}.word-tile.present{border-color:#d7b35e;background:#6e5620}.word-tile.absent{border-color:#30302e;background:#292927;color:#8d8d87}.game-message{min-height:1.2rem;margin:.5rem 0 0;text-align:center;color:var(--accent);font-size:.75rem}.word-aside h2,.control-panel h2,.player-panel h2{font-size:1.7rem}.legend{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.8rem}.legend .word-tile{width:2.8rem}.legend p{margin:0;color:#858580;font-size:.72rem}.legend strong{display:block;margin-bottom:.2rem;color:#eee}.keyboard{display:grid;gap:.35rem;margin:1.2rem auto 0}.keyboard>div{display:flex;justify-content:center;gap:.3rem}.keyboard button{min-width:clamp(1.6rem,5vw,3rem);height:2.9rem;padding:0 .3rem;border:1px solid #383835;border-radius:.35rem;background:#20201e;font-size:.75rem;font-weight:800;cursor:pointer}.keyboard button:hover{background:#333}.keyboard .wide{min-width:4.5rem}.keyboard .correct{background:#176175}.keyboard .present{background:#6e5620}.keyboard .absent{opacity:.35}.centered{display:flex;margin:1rem auto}.snake-layout{display:grid;grid-template-columns:minmax(18rem,1fr) 16rem;gap:1rem}.snake-stage,.arena-wrap{position:relative;overflow:hidden;border:1px solid #30302d;border-radius:1rem;background:#0d100c}.snake-grid{display:grid;width:min(75vh,100%);aspect-ratio:1;margin:auto;padding:clamp(.5rem,2vw,1rem);gap:2px;background:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:calc(100% / 18) calc(100% / 18)}.snake-grid span{border-radius:22%}.snake-body{background:#7bbd40;box-shadow:inset 0 0 0 1px #b6f36b55}.snake-head{position:relative;background:#c9ff91;box-shadow:0 0 1rem #b6f36b88}.food{margin:18%;border-radius:50%!important;background:#ffdb67;box-shadow:0 0 1.2rem #ffbf3e}.stage-overlay{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;padding:2rem;background:#080a08c9;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stage-overlay h2{font-size:clamp(1.8rem,4vw,3rem)}.control-panel{align-self:stretch}.dpad{display:grid;grid-template-columns:repeat(3,3rem);gap:.3rem;margin:2rem 0}.dpad button,.mini-controls button{height:3rem;border:1px solid #3a3a37;border-radius:.5rem;background:#20201e;cursor:pointer}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.control-panel>p:last-of-type{color:#888;font-size:.72rem;line-height:1.6}.versus-score{display:flex;align-items:center;gap:.7rem}.versus-score span{display:flex;align-items:center;gap:.4rem}.versus-score i{width:.8rem;aspect-ratio:1;border-radius:50%}.p1{background:#64e4ff}.p2{background:#ff876f}.versus-score b{color:#555;font-size:.7rem}.versus-score strong{font-family:DM Mono;font-size:1.5rem}.bomber-layout{display:grid;grid-template-columns:12rem minmax(20rem,1fr) 12rem;gap:1rem;align-items:stretch}.arena-wrap{background:#171513}.bomber-board{display:grid;width:min(68vh,100%);aspect-ratio:13/11;margin:auto;padding:.6rem;gap:2px}.arena-tile{position:relative;display:grid;place-items:center;min-width:0;border-radius:12%;background:#211f1b}.arena-tile.wall{background:linear-gradient(135deg,#393833,#20201e);box-shadow:inset 0 0 0 1px #ffffff0a}.arena-tile.crate{background:linear-gradient(45deg,transparent 45%,#0003 46% 54%,transparent 55%),#6d5239;box-shadow:inset 0 0 0 2px #967555}.arena-tile.blast{z-index:3;background:#ffb23d;box-shadow:0 0 1.3rem #ff6b2b}.player{z-index:5;display:grid;width:68%;aspect-ratio:1;place-items:center;border-radius:50% 50% 40% 40%;color:#061014;font-size:clamp(.4rem,1.2vw,.75rem);font-style:normal;font-weight:900;box-shadow:0 0 .7rem currentColor}.player-1{background:#64e4ff}.player-2{background:#ff876f}.bomb{z-index:4;width:63%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#666,#111 36%);box-shadow:0 0 calc((6 - var(--fuse))*2px) #ff7a45}.bomb:after{position:absolute;width:25%;height:25%;border-radius:50%;background:#ffca64;content:"";transform:translate(220%,-20%);box-shadow:0 0 .7rem #ff8a34}.player-panel p:last-child{color:#888;font-size:.68rem;line-height:1.8}.p1-panel{border-top-color:#64e4ff55}.p2-panel{border-top-color:#ff876f55}.mini-controls{display:grid;grid-template-columns:repeat(3,2.7rem);gap:.25rem;margin:1.4rem 0}.mini-controls button:first-child{grid-column:2}.mini-controls button:nth-child(2){grid-column:1}.mini-controls button:nth-child(5){grid-column:2}.mini-controls button:nth-child(3){color:#ffca64}.arena-actions{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem}kbd{padding:.1rem .3rem;border:1px solid #444;border-radius:.25rem;background:#222;font-family:DM Mono;font-size:.6rem}.loading{display:grid;min-height:60vh;place-items:center;color:#aaa}@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.game-grid{grid-template-columns:1fr}.game-card{min-height:28rem}.card-art{height:12rem}.hero{grid-template-columns:1fr;min-height:34rem}.hero-orbit{position:absolute;right:-9rem;width:24rem;opacity:.4}.word-layout,.snake-layout{grid-template-columns:1fr}.word-aside{display:none}.control-panel{display:grid;grid-template-columns:1fr auto;align-items:center}.control-panel .dpad{grid-row:1/4;grid-column:2;margin:0}.bomber-layout{grid-template-columns:1fr 1fr}.arena-wrap{grid-column:1/-1;grid-row:1}.player-panel{padding:1rem}.p1-panel{grid-column:1}.p2-panel{grid-column:2}.mini-controls{margin:.6rem 0}.player-panel>p:last-child{display:none}}@media(max-width:600px){:root{--page:1rem}.site-header{min-height:4rem}.brand-link{width:8.6rem}.brand-wordmark{height:2.6rem}.header-actions .icon-button{width:2.35rem;height:2.35rem}.hero{min-height:31rem;padding-top:3rem}.hero h1{font-size:3.4rem}.library{padding-top:3.5rem}.section-heading{display:block}.section-heading>p{display:none}.game-page{padding-top:1rem}.game-heading{align-items:start;margin-bottom:1.2rem}.game-heading h1{font-size:3rem}.game-heading>div>p:last-child{font-size:.8rem}.game-stat{display:none}.score-pair>div{min-width:auto;padding:.55rem}.score-pair{gap:.3rem}.score-pair strong{font-size:1.1rem}.word-board{padding:.75rem}.word-row{gap:.25rem}.word-tile{width:calc((100vw - 4.75rem)/6);border-radius:.3rem}.keyboard button{height:2.7rem}.keyboard>div{gap:.2rem}.keyboard .wide{min-width:3.8rem;font-size:.6rem}.control-panel{padding:1rem}.control-panel>p,.control-panel>h2,.control-panel>.secondary-button{display:none}.dpad{grid-column:1!important;grid-row:auto!important;justify-self:center}.bomber-theme .game-heading{display:block}.versus-score{margin-top:1rem}.bomber-board{padding:.3rem;gap:1px}.bomber-layout{gap:.5rem}.player-panel h2{font-size:1.15rem;margin-bottom:.2rem}.player-panel .eyebrow{margin-bottom:.3rem}.mini-controls{grid-template-columns:repeat(3,2.5rem)}.mini-controls button{height:2.5rem}footer{display:block}footer span{display:block;margin:.4rem 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}html[data-motion=reduced] *,html[data-motion=reduced] *:before,html[data-motion=reduced] *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.leaderboard-section{padding:0 var(--page) 7rem}.leaderboard-section .section-heading h2{margin:0;font-size:clamp(2rem,4vw,3.5rem)}.leaderboard-card{overflow:hidden;border:1px solid var(--line);border-radius:1rem;background:#101010}.board-tabs{display:flex;gap:.35rem;padding:1rem;border-bottom:1px solid var(--line)}.board-tabs button,.game-mode-bar button{padding:.6rem .9rem;border:1px solid transparent;border-radius:999px;background:transparent;color:#888;font-size:.72rem;font-weight:800;cursor:pointer}.board-tabs button.active,.game-mode-bar button.active{border-color:#454541;background:#252523;color:#fff}.board-empty{margin:0;padding:3rem 1rem;color:#888;text-align:center}.ranking-list{margin:0;padding:0;list-style:none}.ranking-list li{display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:1rem;padding:1rem 1.25rem;border-top:1px solid #242422}.ranking-list li:first-child{border-top:0}.ranking-list .rank{color:#686863;font-family:DM Mono,monospace}.ranking-list strong{font-size:.9rem}.ranking-list b{color:#b6f36b;font-family:DM Mono,monospace}.game-mode-bar{display:flex;width:max-content;gap:.35rem;margin:1.5rem auto 0;padding:.3rem;border:1px solid var(--line);border-radius:999px;background:#111}.online-lobby{display:grid;max-width:44rem;gap:1.5rem;margin:3rem auto 0;padding:clamp(1.2rem,4vw,2.5rem);border:1px solid var(--line);border-radius:1rem;background:#101010}.online-lobby label{display:grid;gap:.45rem;color:#aaa;font-size:.72rem;font-weight:700}.online-lobby input{width:100%;min-height:3rem;padding:.7rem .85rem;border:1px solid #3a3a37;border-radius:.55rem;background:#181816;color:#fff;text-transform:none}.lobby-identity{display:grid;gap:.35rem}.lobby-identity strong{font-size:1.35rem}.lobby-identity small{color:#888}.lobby-actions{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:end;gap:.75rem}.lobby-actions>span{align-self:center;color:#666;font-size:.7rem}.lobby-actions input{text-transform:uppercase;letter-spacing:.2em}.room-code{padding:.75rem 1rem;border:1px solid #ff876f66;border-radius:.65rem;background:#17110f}.room-code small{display:block;color:#888;font-size:.58rem;text-transform:uppercase}.room-code strong{color:#ff876f;font-family:DM Mono,monospace;font-size:1.45rem;letter-spacing:.12em}.online-arena-layout{display:grid;grid-template-columns:minmax(20rem,1fr) 15rem;gap:1rem}.online-controls{border-top-color:#ff876f55}@media(max-width:700px){.leaderboard-section{padding-bottom:4rem}.board-tabs{overflow-x:auto}.ranking-list li{grid-template-columns:2.3rem 1fr auto}.game-mode-bar{margin-top:1rem}.lobby-actions{grid-template-columns:1fr}.lobby-actions>span{display:none}.online-arena-layout{grid-template-columns:1fr}.online-controls{padding:1rem}.online-controls .mini-controls{margin:.5rem auto}.online-lobby,.room-code{margin-top:1rem}}