@font-face{font-family:"Condensed";src:local("Bahnschrift SemiCondensed"),local("Arial Narrow");font-display:swap}
/* Wii channel board: twelve fixed slots with a separate system bar. */
@font-face{font-family:"Mono";src:local("Cascadia Mono"),local("Consolas");font-display:swap}
:root{color-scheme:dark;--black:#050806;--panel:#0b120d;--white:#e6ece4;--muted:#728074;--line:rgba(220,238,220,.16);--green:#a7c993;--green-rgb:167,201,147}
*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{margin:0;background:#050806;color:var(--white);font-family:"Mono",monospace;cursor:none;user-select:none}button{font:inherit;color:inherit;cursor:none}.grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.wii-pointer{position:fixed;left:0;top:0;width:48px;height:62px;z-index:300;pointer-events:none;filter:drop-shadow(2px 5px 3px #000);transform:translate3d(-100px,-100px,0)}.wii-pointer svg{width:100%;height:100%;overflow:visible;fill:#edf3ea;stroke:#526257;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.wii-pointer .pointer-detail{fill:none;stroke:#a8b5aa;stroke-width:2}.wii-pointer b{position:absolute;left:23px;top:31px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#81ad6c;color:#fff;font:700 9px Arial;box-shadow:0 0 0 2px #e9efe7}.wii-pointer.is-pressing{filter:drop-shadow(0 0 9px #b9db9f)}
.boot-screen{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(104,137,84,.2),transparent 47%),linear-gradient(180deg,#0a100c,#020403);transition:opacity .48s,transform .48s}.boot-screen::before{content:"";position:absolute;inset:5%;border:1px solid rgba(255,255,255,.035);background-image:linear-gradient(rgba(144,166,133,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(144,166,133,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(circle,#000,transparent 70%)}.boot-screen.is-leaving{opacity:0;transform:scale(1.025);pointer-events:none}.boot-mark{position:relative;text-align:center;display:flex;flex-direction:column}.boot-mark span{color:#a7b1a1;font:600 18px/1 "Condensed";letter-spacing:.5em;padding-left:.5em}.boot-mark strong{color:#edf2e9;font:800 clamp(72px,11vw,155px)/.74 "Condensed";letter-spacing:-.055em;text-shadow:0 0 50px rgba(183,205,168,.08)}.boot-mark i{display:block;height:3px;width:96%;margin:24px auto 0;background:linear-gradient(90deg,transparent,var(--green),transparent);box-shadow:0 0 22px rgba(var(--green-rgb),.45)}.boot-screen>p{position:relative;margin:35px 0 65px;color:#7f8a7c;font-size:10px;letter-spacing:.25em}.boot-screen>button{position:relative;min-width:255px;padding:14px 24px;border:2px solid #667361;border-radius:30px;background:linear-gradient(#151e17,#090e0b);box-shadow:inset 0 0 0 3px #0c120e,0 6px 18px #000;color:#dce6d6;font-size:11px;font-weight:700;letter-spacing:.18em;animation:pulse 1.8s infinite}.boot-screen>button:hover{border-color:var(--green);box-shadow:0 0 20px rgba(var(--green-rgb),.25)}.boot-screen>small{position:absolute;bottom:32px;color:#4d584e;font-size:8px;letter-spacing:.15em}.boot-screen>small b{color:#788777}@keyframes pulse{50%{opacity:.58}}
.game-shell{visibility:hidden;opacity:0;height:100%;display:grid;grid-template-rows:92px 1fr 142px;background:radial-gradient(ellipse at 50% 35%,rgba(74,104,64,.19),transparent 47%),linear-gradient(#09100b,#030604);transition:opacity .5s .1s}.game-shell::before{content:"";position:absolute;inset:92px 0 142px;background-image:linear-gradient(rgba(159,190,142,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(159,190,142,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.game-shell.is-active{visibility:visible;opacity:1}.home-header{position:relative;z-index:2;display:grid;grid-template-columns:260px 1fr 260px;align-items:center;padding:0 clamp(26px,5vw,72px);border-bottom:1px solid var(--line);box-shadow:0 2px 0 #020403;background:rgba(5,9,6,.72)}.compact-mark{display:flex;align-items:baseline;gap:9px;font-family:"Condensed"}.compact-mark span{font-size:11px;letter-spacing:.17em;color:#879383}.compact-mark strong{font-size:29px;letter-spacing:-.02em}.home-title{text-align:center}.home-title strong{display:block;font:600 21px "Condensed";letter-spacing:.04em}.home-title small{display:block;margin-top:5px;color:#69766a;font-size:8px;letter-spacing:.09em}.runtime-pill{justify-self:end;display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--line);border-radius:20px;background:#0a100c;color:#687468;font-size:8px;letter-spacing:.1em}.runtime-pill i{width:7px;height:7px;border-radius:50%;background:#9c674f}.runtime-pill.is-ready i{background:var(--green);box-shadow:0 0 9px var(--green)}
.channel-stage{position:relative;z-index:2;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px clamp(25px,6vw,95px) 8px}.channel-grid{width:min(1380px,100%);display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:clamp(15px,2.2vw,34px)}.channel{position:relative;aspect-ratio:1.38;overflow:hidden;padding:0;border:4px solid #17221a;border-radius:21px;background:#0d1510;box-shadow:0 0 0 1px #526054,0 10px 25px #000,inset 0 0 0 1px rgba(220,240,220,.08);transition:transform .15s,border-color .15s,box-shadow .15s}.channel::after{content:"";position:absolute;inset:0;border-radius:16px;box-shadow:inset 0 0 35px rgba(0,0,0,.65);pointer-events:none}.channel:hover,.channel.is-selected{transform:scale(1.045);border-color:#dce9d7;box-shadow:0 0 0 4px var(--green),0 0 28px rgba(var(--green-rgb),.62),0 14px 28px #000;z-index:3}.channel-art{position:absolute;inset:0 0 46px;overflow:hidden;background:linear-gradient(145deg,#27382b,#0b110d)}.channel-art::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 33%,rgba(255,255,255,.13),transparent 27%),linear-gradient(115deg,transparent 43%,rgba(255,255,255,.07) 43.5%,transparent 44%)}.channel[data-tone="amber"] .channel-art{background:radial-gradient(circle at 70% 35%,#815d2e,transparent 34%),linear-gradient(145deg,#49331c,#120d08)}.channel[data-tone="steel"] .channel-art{background:radial-gradient(circle at 70% 35%,#59727c,transparent 35%),linear-gradient(145deg,#2f444b,#0b1114)}.channel[data-tone="red"] .channel-art{background:radial-gradient(circle at 70% 35%,#824b3e,transparent 35%),linear-gradient(145deg,#45261f,#130b09)}.channel-copy{position:absolute;left:0;right:0;bottom:0;height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:linear-gradient(#172019,#0a0f0c);border-top:1px solid #334137;z-index:2}.channel-copy strong{font:700 clamp(15px,1.6vw,23px) "Condensed";letter-spacing:.02em}.channel-copy small{color:#697669;font-size:7px;letter-spacing:.1em}.channel-number{position:absolute;z-index:3;top:11px;left:12px;display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(235,245,230,.45);border-radius:50%;background:rgba(3,7,4,.55);font-size:9px}.channel-badge{position:absolute;z-index:3;top:11px;right:11px;padding:5px 8px;border:1px solid rgba(230,240,226,.2);border-radius:11px;background:rgba(4,8,5,.7);color:#9f725f;font-size:7px;letter-spacing:.08em}.channel-badge.ready{color:#bfe0ac;border-color:#75966b}.art-title{position:absolute;z-index:2;left:14px;bottom:12px;text-align:left}.art-title span{display:block;margin-bottom:3px;color:rgba(235,242,232,.55);font-size:7px;letter-spacing:.17em}.art-title b{display:block;font:800 clamp(28px,3.2vw,50px)/.75 "Condensed";letter-spacing:-.035em;text-shadow:0 3px 15px #000}.art-reticle{position:absolute;right:12%;top:13%;width:85px;height:85px;border:2px solid rgba(230,240,225,.25);border-radius:50%;box-shadow:0 0 0 13px rgba(255,255,255,.02),0 0 0 14px rgba(255,255,255,.07)}.art-reticle::before,.art-reticle::after{content:"";position:absolute;background:rgba(230,240,225,.35)}.art-reticle::before{width:120%;height:1px;left:-10%;top:50%}.art-reticle::after{height:120%;width:1px;top:-10%;left:50%}.art-silhouette{position:absolute;right:15%;bottom:-17px;width:49px;height:105px;border-radius:45% 45% 18% 18%;background:rgba(1,3,2,.72);transform:rotate(-7deg);box-shadow:-46px 19px 0 -7px rgba(1,3,2,.48)}.art-pulse{position:absolute;right:3%;top:38%;width:61%;height:50px;background:linear-gradient(165deg,transparent 0 25%,rgba(240,247,238,.36) 26% 28%,transparent 29% 42%,rgba(240,247,238,.36) 43% 45%,transparent 46% 57%,rgba(240,247,238,.36) 58% 60%,transparent 61%)}.art-coop{position:absolute;right:8%;top:16%;display:flex;gap:8px}.art-coop i{width:52px;height:83px;border:1px solid rgba(235,243,232,.27);border-radius:28px 28px 8px 8px;background:rgba(3,6,4,.48)}.art-coop i+i{transform:translateY(13px)}.page-dots{display:flex;gap:9px;margin-top:24px}.page-dots i{width:8px;height:8px;border-radius:50%;background:#334039;box-shadow:inset 0 1px 2px #000}.page-dots i.active{width:20px;border-radius:6px;background:#85aa73;box-shadow:0 0 8px rgba(var(--green-rgb),.36)}
.home-footer{position:relative;z-index:2;display:grid;grid-template-columns:165px 1fr 165px;align-items:center;padding:0 clamp(25px,5vw,72px);border-top:1px solid #3a493e;background:linear-gradient(#111a13,#050806);box-shadow:0 -3px 0 #020403,0 -7px 18px #000}.home-orb{justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:84px;height:84px;border:4px solid #17231a;border-radius:50%;background:linear-gradient(#17221a,#080d0a);box-shadow:0 0 0 1px #59675b,0 8px 15px #000,inset 0 0 0 1px rgba(255,255,255,.07);color:#8e9d8f}.home-orb:hover{color:#dce8d7;box-shadow:0 0 0 3px var(--green),0 0 19px rgba(var(--green-rgb),.5)}.home-orb span{font:700 22px "Condensed"}.home-orb small{margin-top:2px;font-size:7px;letter-spacing:.1em}.footer-status{text-align:center}.footer-status strong{display:block;font:400 27px "Condensed"}.footer-status span{display:block;margin-top:5px;color:#879588;font:600 11px "Condensed";letter-spacing:.14em}.footer-status small{display:block;margin-top:6px;color:#58645a;font-size:7px;letter-spacing:.06em}
.mode-dialog,.game-dialog{padding:0;color:var(--white);background:transparent;border:0;overflow:visible}.mode-dialog::backdrop,.game-dialog::backdrop{background:rgba(1,3,2,.82);backdrop-filter:blur(7px)}.mode-dialog{width:min(960px,89vw);max-width:none}.mode-view{min-height:480px;display:grid;grid-template-columns:1.3fr .7fr;overflow:hidden;border:4px solid #18231b;border-radius:25px;background:linear-gradient(135deg,#203126 0 62%,#0a100c 62%);box-shadow:0 0 0 1px #68766a,0 30px 90px #000}.mode-hero{position:relative;overflow:hidden;padding:64px 48px 40px}.mode-hero::after{content:"";position:absolute;width:360px;height:360px;right:-105px;top:-125px;border:1px solid rgba(225,240,220,.13);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.02),0 0 0 68px rgba(255,255,255,.02)}.mode-hero[data-tone="amber"]{background:radial-gradient(circle at 82% 19%,#8b6232,transparent 40%),#2c1e13}.mode-hero[data-tone="steel"]{background:radial-gradient(circle at 82% 19%,#5f7a84,transparent 40%),#203037}.mode-hero[data-tone="red"]{background:radial-gradient(circle at 82% 19%,#8b4b3e,transparent 40%),#301a16}.mode-hero[data-tone="green"]{background:radial-gradient(circle at 82% 19%,#668a6b,transparent 40%),#1e3024}.mode-hero small{color:rgba(238,245,235,.55);font-size:8px;letter-spacing:.2em}.mode-hero h1{margin:12px 0 22px;font:800 clamp(60px,8vw,106px)/.77 "Condensed";letter-spacing:-.045em}.mode-hero p{max-width:530px;margin:0;color:rgba(235,243,232,.7);font-size:11px;line-height:1.75}.mode-meta{position:absolute;left:48px;right:38px;bottom:35px;display:flex;justify-content:space-between;color:rgba(235,243,232,.54);font-size:8px;letter-spacing:.08em}.mode-actions{display:flex;flex-direction:column;justify-content:center;gap:15px;padding:38px 28px;text-align:center}.mode-actions>small{color:#687568;font-size:8px;letter-spacing:.12em}.mode-actions strong{font:700 24px "Condensed"}.mode-actions p{margin:0 0 10px;color:#738075;font-size:9px;line-height:1.6}.start-button,.back-button{height:58px;border:3px solid #18231b;border-radius:30px;box-shadow:0 0 0 1px #58665a,0 7px 13px #000;font-size:12px;font-weight:700;letter-spacing:.1em}.start-button{background:linear-gradient(#a9ce94,#719c61);color:#081009}.start-button:hover{filter:brightness(1.12);box-shadow:0 0 0 3px var(--green),0 0 20px rgba(var(--green-rgb),.5)}.start-button:disabled{background:linear-gradient(#3f4a41,#242c26);color:#687368}.back-button{background:linear-gradient(#182119,#090e0b);color:#b4c0b2}.back-button:hover{border-color:#879b83}
.game-dialog{width:min(720px,90vw);border:3px solid #18231b;border-radius:20px;background:#080d0a;box-shadow:0 0 0 1px #5f6c61,0 30px 90px #000;overflow:hidden}.dialog-head{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line)}.dialog-head span{color:var(--green);font-size:7px;letter-spacing:.2em}.dialog-head h2{margin:5px 0 0;font:700 27px "Condensed"}.dialog-head button{width:35px;height:35px;border:1px solid var(--line);border-radius:50%;background:#111813;font-size:22px}.dialog-body{padding:28px}.dialog-body>p{margin:21px 0 0;color:#748073;font-size:9px;line-height:1.7}.install-meter{height:4px;background:#1b241d}.install-meter span{display:block;height:100%;background:var(--green);box-shadow:0 0 10px var(--green)}.install-numbers{display:grid;grid-template-columns:repeat(3,auto 1fr);align-items:baseline;gap:8px;margin:24px 0}.install-numbers b{font:700 25px "Condensed"}.install-numbers span{color:#687468;font-size:7px}.runtime-modes{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden}.runtime-modes>div{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid rgba(255,255,255,.05);font-size:8px}.runtime-modes b{color:#9c6854;font-size:7px}.runtime-modes b.ready{color:#8faf7e}.armory-status{margin-top:14px;padding:15px;border:1px solid rgba(var(--green-rgb),.22);border-radius:10px;background:rgba(var(--green-rgb),.06);color:#849080;font-size:8px}.armory-status>span{display:block;letter-spacing:.1em}.armory-status>span b{color:var(--white);font:700 19px "Condensed"}.armory-status>div{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.armory-status i{padding:6px 8px;border:1px solid rgba(var(--green-rgb),.3);border-radius:11px;color:var(--green);font-style:normal;font-size:7px}.armory-status small{color:#667165;font-size:7px}.message-dialog{width:min(560px,90vw)}.confirm-button{margin-top:24px;width:100%;height:48px;border:0;border-radius:24px;background:var(--green);color:#0b100a;font-size:9px;font-weight:700;letter-spacing:.15em}
@media(pointer:coarse){body,button{cursor:auto}.wii-pointer{display:none}}@media(max-width:1000px){.game-shell{grid-template-rows:80px 1fr 118px}.game-shell::before{inset:80px 0 118px}.home-header{grid-template-columns:200px 1fr 200px}.home-title small{display:none}.channel-grid{grid-template-columns:repeat(2,minmax(220px,340px));max-width:720px}.channel{aspect-ratio:1.65}.page-dots{margin-top:13px}.mode-view{grid-template-columns:1fr}.mode-meta{position:static;margin-top:34px}.mode-actions{padding:24px 28px}.game-dialog{max-height:90vh;overflow:auto}}@media(max-width:650px){body,button{cursor:auto}.wii-pointer{display:none}.game-shell{grid-template-rows:70px 1fr 100px}.game-shell::before{inset:70px 0 100px}.home-header{grid-template-columns:1fr auto;padding:0 17px}.home-title{display:none}.runtime-pill{padding:9px}.runtime-pill b{display:none}.channel-stage{padding:12px 17px 5px}.channel-grid{grid-template-columns:1fr 1fr;gap:13px}.channel{aspect-ratio:1.15;border-width:3px;border-radius:14px}.channel-art{bottom:39px}.channel-copy{height:39px;padding:0 8px}.channel-copy strong{font-size:14px}.channel-copy small{display:none}.art-title b{font-size:27px}.home-footer{grid-template-columns:86px 1fr 86px;padding:0 6px}.home-orb{width:62px;height:62px}.home-orb span{font-size:17px}.footer-status span{display:none}.footer-status small{font-size:6px}.mode-view{min-height:535px}.mode-hero{padding:46px 27px 24px}.mode-hero h1{font-size:58px}.mode-actions{padding:21px}.install-numbers{grid-template-columns:auto 1fr}.runtime-modes{grid-template-columns:1fr}}
