/* ODD's own visual identity. Legacy class hooks keep saved channels compatible. */
:root{--blue:#8358d2;--blue-dark:#614094;--line:#d4c9df;--text:#3b3049;--muted:#7a6b8b;--odd-ink:#342349;--odd-purple:#8154cd;--odd-lime:#ddef9a;font-family:"Trebuchet MS",Arial,sans-serif;color:var(--odd-ink);background:#f3eff6}
.console-shell{background:radial-gradient(ellipse at 18% 12%,#faf8ff 0,transparent 58%),radial-gradient(ellipse at 85% 87%,#e9e0f4 0,transparent 56%),#f3eff6}
.ambient-lines{opacity:.2;background:radial-gradient(#b9a9cc 1px,transparent 1px);background-size:18px 18px}
.wii-wordmark{font-family:"Arial Black",Arial,sans-serif;font-weight:900;letter-spacing:-.075em;color:var(--odd-ink)}
.menu-wordmark{gap:16px}.menu-wordmark .wii-wordmark{font-size:36px;line-height:1;display:inline-block;background:var(--odd-lime);padding:6px 12px 8px;border-radius:12px 5px 12px 5px;transform:rotate(-4deg);color:var(--odd-ink)}
.menu-wordmark .wordmark-divider{background:#cfc0db}.menu-eyebrow{letter-spacing:2.2px;font-size:9px;color:#77628d;font-weight:700}
.menu-topbar{padding-top:18px}.connection-state{color:#746383}.connection-state>span{background:#a3ba57;box-shadow:0 0 0 3px #d6e49b40}
.utility-button{border-color:#ded4e7;background:#fffaf8;color:#6f528d}.utility-button:hover{border-color:#9c74d1;background:#eee4fc}.utility-button svg{stroke:#79618e}.current-mii-button{border-color:#ddcfe7;color:#624581;background:#fffaf7}.current-mii-button:hover{border-color:#a07bcc}
.channel{border-width:2px;border-color:#d8cedf;border-radius:19px;background:#fbf9fc;box-shadow:0 4px 0 #dacee149,0 8px 18px #50336609;transition:transform .2s var(--ease),box-shadow .2s,border-color .2s}
.channel:before{border-radius:16px}.channel:hover,.channel:focus-visible{border-color:#a06edb;box-shadow:0 0 0 4px #bd9ce62f,0 8px 18px #734da922;transform:translateY(-4px) scale(1.015)}
.channel.empty{border:1px dashed #d2c5de;background:#eee7f263;box-shadow:none}.channel.empty:before{display:none}.channel.empty:hover{background:#fff8;transform:translateY(-2px)}
.odd-empty-mark{font:300 30px Arial,sans-serif;color:#ccbedb;display:grid;place-items:center;width:100%;height:100%}
.channel.shop-channel{background:linear-gradient(140deg,#eee3ff,#fcf9ff 70%);border-color:#bea8d8}.shop-channel .tile-orbit{border-color:#dfcfee;background:#ece2f944}.channel-shop-name{color:#61428b;background:#ede3f7;border-top-color:#d5c4e5;font-weight:700}
.channel-art>svg{width:47%}.tile-sparkle{color:#a47acb}.channel-shop-name,.new-channel-name,.racing-tile-name,.community-tile-name{border-radius:0 0 16px 16px}.tile-label{border-color:#dcc7ee;color:#5d397e;background:#fffdf9}
.page-arrow{color:#9c80b6}.page-arrow svg{stroke:#a68abf}.page-arrow:hover svg{stroke:#7750a3}.page-dot span{background:#d0c1dd}.page-dot[aria-current="page"] span{background:#8760b6;box-shadow:none}.page-dot:hover span{background:#a785ca}
.menu-footer{background:#f6f1f8;border-top:1px solid #ddd0e5;padding-top:30px}.footer-curve{display:none}.round-button{width:72px;height:54px;border-radius:17px;background:#fffcf8;border:1px solid #d5c5e0;box-shadow:0 3px 0 #dcd0e754;color:#6c4b8f}.round-button:hover{border-color:#9c70c5;box-shadow:0 0 0 3px #cab0df40;transform:translateY(-2px)}
.settings-button>svg{width:28px;height:28px}.message-button svg{stroke:#8a6da3;fill:#fffcf8}.button-tooltip{color:#61407e;border-color:#dfcdee}.sd-button>svg{filter:sepia(.2) hue-rotate(195deg)}
.clock{font-family:"Trebuchet MS",Arial,sans-serif;color:#5d476e;font-weight:700;text-shadow:none;font-size:39px;letter-spacing:-1.5px}.clock .period{color:#927e9d}.date{color:#8b769a;font-size:13px;letter-spacing:.4px}.menu-music-button{color:#85649e}.menu-music-button:hover{background:#e9def2;color:#664582}.footer-hint{color:#9b83ac}.footer-hint kbd{border-color:#d1bddf;border-radius:5px}
.wii-button{background:#fffdf8;border-color:#cbb7dc;border-width:1px;color:#654b7e;border-radius:13px;box-shadow:0 3px 0 #d8c7e42b;font-weight:700}.wii-button.primary{background:#7d52b9;color:#fff;border-color:#7144a9}.wii-button:hover{border-color:#9a6bc8;box-shadow:0 0 0 3px #c6a7e432,0 4px 10px #9a71b719}.wii-button.primary:hover{background:#7046aa}
.channel-preview{background:radial-gradient(ellipse at 50% 40%,#fffcf7,#eee3f7 76%)}.preview-top{border-bottom-color:#ddcbe9;background:#fffcf94d}.preview-channel-name{color:#6e4692}.preview-badge{color:#9574ad}.preview-scene h1{font-weight:700;letter-spacing:-1.3px;color:#72479b}.preview-scene p{color:#887395}.preview-rings i{border-color:#cbb5df58}.preview-sparkles span{color:#b18bcd}.preview-controls{border-top:1px solid #dac8e6;border-radius:0;background:#f9f4fb;box-shadow:none}
.shop-view{background:#faf7fc}.shop-header{background:linear-gradient(120deg,#eee1fa,#f7f1fc 70%,#eff3db);border-bottom:1px solid #d9c3e8}.shop-header h1{color:#613883;font-weight:700}.shop-eyebrow{color:#9a74b0}.shop-tab{border-radius:11px;color:#78618c}.shop-tab.active{background:#e9d9f7;border-color:#c9a5e4;color:#623d84}.shop-tab.active span{background:#8460a6;color:#fff}.shop-search{border-color:#d8c8e4;background:#fffaf7}.shop-search input{color:#573d6d}.shop-search input::placeholder{color:#a28aaf}.shop-footer{border-top-color:#dbc9e7;background:#f4edf8}.shop-count{color:#92759f}.shop-footer-logo{font-size:26px;color:#866196}.included-app-copy p,.sports-list-copy{color:#6f617e}.included-app-detail{color:#8e739d}
.settings-dialog{border-color:#d8c4e5;border-radius:22px;background:#fffafc}.settings-heading{background:#f1e6f9;border-color:#dac5e8}.settings-heading h1{color:#684b7e}.settings-heading>.wii-wordmark{font-size:29px}.settings-body{background:#fffafc}.setting-row h2{color:#624873}.setting-row p,.settings-footer>span{color:#94809f}.settings-footer{background:#f8f0fb;border-color:#e0cdeb}.settings-listen-button{color:#77518f;border-color:#d7bee7;background:#f8effd}.toggle[aria-checked="true"]{background:#9870c6;border-color:#8355b3}.volume-row input{accent-color:#8e5dc5}
.panel-screen-header{background:#f2e9f9;border-bottom-color:#decaeb}.panel-screen-header h1{color:#77558f}.panel-screen-footer{background:#f4ecf9;border-top-color:#decce9}.message-paper,.sd-empty{color:#88669d}.toast{border-color:#cbb0e1;background:#fffafc;color:#724c8f}.transition-wash{background:#faf5fc}
.wii-pointer{width:31px;height:37px;transform:translate(-4px,-3px);filter:drop-shadow(1px 2px 2px #49315a24)}.wii-pointer.pointing{transform:translate(-4px,-3px) rotate(-8deg)}.wii-pointer.pressing{transform:translate(-4px,-3px) scale(.88)}
.boot-screen{background:radial-gradient(ellipse at 60% 40%,#594075,#31213f 72%);color:#fff7ee}.boot-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(#cdbbdf28 1px,transparent 1px);background-size:22px 22px;pointer-events:none}.boot-halo{border:1px solid #b491d22b;box-shadow:0 0 0 87px #9770b408,0 0 0 88px #b18bc922,0 0 0 180px #9770b408,0 0 0 181px #b18bc91a;border-radius:34%;transform:translate(-50%,-55%) rotate(-18deg)}
.boot-screen h1{font-family:"Arial Black",Arial,sans-serif;color:#ddf099;font-weight:900;font-size:clamp(100px,16vw,165px);text-shadow:0 7px 0 #241a3166;letter-spacing:-.095em;transform:rotate(-5deg);padding-right:12px}.boot-small{color:#b99ccb;font-weight:700;letter-spacing:5px}.boot-subtitle{color:#decde9;font-weight:400}.boot-start{background:#f8efd8;color:#4e315f;border:1px solid #eedeca;border-radius:14px;box-shadow:0 5px 0 #21132f42}.boot-start:hover{border-color:#deef99;background:#e7f1b1;transform:translateY(-3px)}.boot-start .a-button{color:#f8f1df;background:#795899;border:0;border-radius:8px}.boot-footnote{color:#9e82b1;font-size:9px;letter-spacing:2.5px}
.channel.bounce-channel{border-color:#dfb494;background:linear-gradient(145deg,#ffdda7,#fff5e5 65%,#f4e4f6)}.bounce-tile-art{position:absolute;inset:0 0 26%;display:grid;place-items:center;overflow:hidden;border-radius:16px 16px 0 0}.bounce-tile-art>svg{position:relative;width:77%;height:92%;max-height:120px;z-index:1;animation:odd-ball-bob 2.8s ease-in-out infinite}.bounce-tile-court{position:absolute;left:16%;right:16%;bottom:5%;height:25%;border:1px solid #dba88666;border-radius:50%;background:#ffd29521}.bounce-tile-name{position:absolute;bottom:0;inset-inline:0;height:26%;display:flex;align-items:center;justify-content:center;gap:5px;border-top:1px solid #eac3a7;border-radius:0 0 16px 16px;background:#ffeed8;color:#a26541;font-size:clamp(10px,1.2vw,17px);font-weight:700}.bounce-tile-name strong{font-style:italic;font-size:.83em;letter-spacing:1.2px;color:#895039}.bounce-tile-badge{position:absolute;top:7px;left:7px;background:#80549d;color:#fff7de;border-radius:5px;font-size:6px;font-weight:700;letter-spacing:.4px;padding:3px 5px;z-index:2}
.included-app-card.bounce-included-card{grid-template-columns:170px minmax(0,1fr) auto;min-height:188px;border-color:#e3c293;background:linear-gradient(115deg,#ffe1a7,#fff6e4 43%,#f6eaf7 100%);position:relative;overflow:hidden}.bounce-included-card .included-app-art>svg{width:165px;height:140px}.bounce-included-card .included-app-kicker{color:#ad6c37;font-weight:800}.bounce-included-card .included-app-copy h2{font-size:34px;color:#613e65;font-weight:800;letter-spacing:-1px}.bounce-included-card .included-app-copy p{color:#947250}.bounce-included-card .included-app-detail{color:#977344}.bounce-included-card>.wii-button{border-color:#755094;background:#7b529e;color:#fff7eb;padding:13px 26px;min-width:120px}
@keyframes odd-ball-bob{0%,100%{transform:translateY(-2px) rotate(-2deg)}50%{transform:translateY(3px) rotate(2deg)}}
.reduced-motion .bounce-tile-art>svg{animation:none}
@media(max-width:760px){.menu-wordmark .wii-wordmark{font-size:30px}.menu-eyebrow{font-size:8px;letter-spacing:1.4px}.channel,.channel:hover{border-radius:16px}.round-button{width:63px;height:48px}.included-app-card.bounce-included-card{grid-template-columns:100px minmax(0,1fr);min-height:0}.bounce-included-card .included-app-art>svg{width:112px;height:110px}.bounce-included-card .included-app-copy h2{font-size:28px}.bounce-included-card>.wii-button{grid-column:2;justify-self:start;padding:9px 21px}.clock{font-size:34px}}
@media(max-width:560px){.menu-topbar{padding-top:20px}.menu-wordmark{gap:9px}.menu-wordmark .wii-wordmark{font-size:25px;padding:6px 9px 7px}.menu-eyebrow{font-size:6px;max-width:54px;line-height:1.7;letter-spacing:1.2px}.wordmark-divider{display:none}.channel{border-radius:13px}.channel:before{border-radius:11px}.channel-shop-name,.new-channel-name,.racing-tile-name,.community-tile-name,.bounce-tile-name{border-radius:0 0 11px 11px}.bounce-tile-art{border-radius:11px 11px 0 0}.bounce-tile-art>svg{width:81%;max-height:82px}.bounce-tile-name{font-size:10px}.bounce-tile-badge{top:5px;left:5px;padding:2px 3px;font-size:5px}.odd-empty-mark{font-size:22px}.round-button{width:51px;height:44px;border-radius:13px}.settings-button>svg{width:24px;height:24px}.menu-footer{padding-top:31px}.clock{font-size:28px}.date{font-size:11px}.included-app-card.bounce-included-card{grid-template-columns:75px minmax(0,1fr)}.bounce-included-card .included-app-art>svg{width:88px;height:100px}.bounce-included-card .included-app-copy h2{font-size:25px}.bounce-included-card .included-app-copy p{font-size:11px}.boot-screen h1{font-size:112px}.boot-small{font-size:8px;letter-spacing:3px}.boot-subtitle{font-size:13px}.boot-footnote{font-size:7px;letter-spacing:2px}.boot-start{font-size:12px}}
@media(max-height:570px) and (orientation:landscape){.menu-topbar{padding-top:7px}.menu-wordmark .wii-wordmark{font-size:23px;padding:4px 9px}.menu-footer{padding-top:16px}.round-button{height:41px;width:62px}.clock{font-size:26px}.bounce-tile-art>svg{max-height:63px}.bounce-tile-name{font-size:9px}.boot-screen h1{font-size:85px}.boot-start{margin-top:23px}.boot-subtitle{font-size:12px}}