/* The arcade atmosphere surrounds the game; boards stay still and high contrast. */
.hero-crew{position:relative;isolation:isolate;width:100%;height:520px;align-self:center}
.hero-crew img{position:absolute;object-fit:contain;filter:drop-shadow(0 12px 10px #08060a80)}
.crew-orbit{position:absolute;inset:13% 0 9%;background:radial-gradient(ellipse,#602fb766,#14111e00 68%);border:2px solid #6d3cff;border-radius:50%;transform:rotate(-18deg)}
.hero-red{width:61%;height:70%;left:0;top:0;z-index:3}.hero-flam{width:41%;height:75%;right:17%;top:-6%;z-index:1}.hero-hop{width:44%;height:70%;right:-7%;top:12%;z-index:2}.hero-sky{width:43%;height:43%;left:13%;bottom:0;z-index:4}.hero-sunny{width:40%;height:36%;left:48%;bottom:0;z-index:5}
.crew-stamp{position:absolute;left:4%;bottom:4%;writing-mode:vertical-rl;transform:rotate(180deg);font:900 11px monospace;color:#9cff57;letter-spacing:3px}
.character-art{display:flex;justify-content:center;align-items:flex-end;height:140px;width:100%;gap:0;overflow:hidden}
.character-art img{display:block;object-fit:contain;object-position:center bottom;height:100%;max-width:100%;width:auto;min-width:0}.character-art.duo img{max-width:50%}.character-art.duo img:last-child{height:80%}
.crew-section{margin:0 24px 56px}.crew-section h2{font-size:clamp(28px,4vw,42px);font-weight:950;letter-spacing:-1px}.crew-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.crew-grid article{border:1px solid #544163;border-top:4px solid var(--crew-accent);border-radius:18px;background:#211b2c;padding:16px 12px}.crew-grid strong{display:block;margin-top:14px;color:var(--crew-accent);font-size:13px}.crew-grid h3{font-size:16px;line-height:1.3;margin:6px 0 0}.crew-grid .character-art{height:154px}
.journey-step{position:relative;display:flex!important;flex-direction:column;align-items:center;gap:8px;border-top:4px solid var(--crew-accent)!important}.journey-step .character-art{height:118px}.journey-step b{position:absolute;left:10px;top:10px;font-size:14px!important}.journey-step small{font-size:12px;color:#655078}.journey-step>span:last-child{font-weight:850}
.arena-identity{display:flex;align-items:center;gap:12px}.arena-identity .character-art{width:58px;height:58px;flex-shrink:0}.arena-identity small{font-size:12px;opacity:.8}.result-card .character-art{height:170px}
.invited .crew-section{display:none}
.character-art.duo img:first-child{width:55%;max-width:55%}.character-art.duo img:last-child{width:45%;max-width:45%}
@media(max-width:1000px){.crew-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-crew{height:430px}}
@media(max-width:760px){.hero-crew{height:340px;max-width:400px;margin:auto}.crew-section{margin:0 12px 36px}.crew-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crew-grid .character-art{height:150px}.arena-identity{gap:5px}.arena-identity .character-art{width:34px;height:40px}.arena-identity h2{font-size:16px!important}.arena-head{gap:8px!important}.journey-step:last-child .character-art{height:105px}}
:root{--ink:#19151f;--violet:#6d3cff;--lime:#9cff57;--pink:#ff4f7b;--yellow:#ffd84d;--cyan:#50e5ef}
body{background:#14111e;color:#f4f0fa;font-family:system-ui,sans-serif}
header{padding-top:24px;padding-bottom:20px;border-bottom:1px solid #383047}
.brand{font-weight:900;letter-spacing:-.6px}.brand img{border-radius:11px}
select{background:#211b30;border-color:#716380;color:#f4f0fa;border-radius:12px}
.hero{position:relative;gap:24px;padding:54px 36px 66px;overflow:hidden}
.hero .eyebrow{color:var(--lime);font-weight:850;font-size:12px}
.hero h1{font-size:clamp(46px,6.6vw,86px);font-weight:950;letter-spacing:-3px;line-height:.99;margin:24px 0}
.hero h1 span{color:var(--lime)}.hero h1 em{color:#ff7397;font-style:normal}
.lead{color:#ddd2ed;font-size:20px;max-width:32ch;line-height:1.55}
.hero .pill{background:#282036;color:#f4f0fa;border:1px solid #655477;border-radius:10px;padding:10px 14px}
.hero .notice{color:#bfb1cf}.hero .hero-cta{display:table;margin:14px 0 0;background:var(--lime);color:var(--ink);font-weight:900;border:2px solid var(--ink);box-shadow:4px 5px 0 #8051e7;border-radius:12px}
.hero-arcade{width:100%;max-width:510px;display:block;justify-self:center;filter:drop-shadow(0 20px 38px #090612)}
button,.button{background:#5425c9;color:white;border-radius:12px;font-weight:750}
button:hover,.button:hover{background:#6738db}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ff4f7b;outline-offset:4px}
.daily-section{background:#f6f3fa;color:#231a32;border:1px solid #6d5785;border-radius:28px;padding:30px;margin:0 24px 56px}
.daily-header{background:#21132f;border:2px solid #8651f3;border-radius:18px;box-shadow:5px 6px 0 #d1c1e9}
.daily-header .eyebrow{color:var(--lime)}.daily-header .primary{background:var(--lime);color:var(--ink)}.daily-header .primary:hover{background:#b6ff83}
.day-sticker{color:var(--ink);background:#ffd84d;border:3px solid #19151f;border-radius:12px}
.journey-step{border:1.5px solid #b9a7cf;border-radius:12px;box-shadow:0 3px 0 #ddd2ed;color:#321467}.journey-step.done{background:#dcf6c8}.journey-step:hover{background:#e5daff}
.arena{background:#f6f3fa;color:#231a32}.arena h2{letter-spacing:-.5px}.arena-tools{border-color:#c7b8d8;border-radius:18px}
.board button{color:#231a32}.board button.entry{color:#5425c9}.board button.given{color:#231a32}
.board button.selected,.trace-board button.selected{background:#e5daff}.board button.found,.word-list .found,.word-slots .found{background:#dcf6c8}
.board button:hover{background:#eee7f5}.guess-cell.exact,.pixel-table .filled,.rack button.selected{background:#5425c9;color:white}
.rack polyline,.trace-wrap polyline{stroke:#5425c9}.rack button,.key-row button,.pixel-table button{color:#321467}.pixel-table .filled{color:white}
.guess-cell.present{background:#ffd84d;color:#19151f}.guess-cell.absent{background:#6b6275;color:white}
.number-pad button{box-shadow:0 3px 0 #c0b0d3}.word-input input{border-color:#9480aa;color:#231a32}
.sudoku-board{border-color:#4c3c60}.sudoku-board button:nth-child(3n){border-right-color:#8e7a9f}.sudoku-board button:nth-child(n+19):nth-child(-n+27),.sudoku-board button:nth-child(n+46):nth-child(-n+54){border-bottom-color:#8e7a9f}
.result-card{background:#e5daff;border:2px solid #5425c9;border-radius:18px}.result-card .result-score{color:#321467}.result-card .spark{color:#725400}
.muted,.share-dialog .muted{color:#655974}.quick-card button{background:#e5daff;color:#321467}
#friends-root{margin:24px 24px 56px;background:#e5daff;border:2px solid #8f62ff;border-radius:24px;box-shadow:6px 7px 0 #37214c}
.friend-card{background:#fff;border:1px solid #ba9cde;border-radius:16px}.friend-card .my-score{background:#dcf6c8}.bonus-words span{background:#dcf6c8;color:#321467}
.invite-card{background:#e5daff;box-shadow:6px 7px 0 #5425c9}.share-dialog{background:#f6f3fa;color:#231a32;border:2px solid #8f62ff}
.quiet{background:#221a30;border:1px solid #554168;margin:0 24px;border-radius:24px}.quiet .eyebrow{color:var(--pink)}.quiet h2{font-weight:950;font-size:clamp(30px,4vw,46px);max-width:24ch}
.details p,.how p{color:#cfc2de}.details article>span{color:var(--lime);border-color:var(--violet);font-family:monospace;font-weight:900}.how{padding-top:50px;padding-bottom:50px}footer{border-color:#453752;color:#cfc2de}
.challenge{color:#231a32}.challenge .eyebrow{color:#5425c9}.challenge .notice{color:#655974}
@media(max-width:760px){.hero{padding:35px 24px 44px;gap:10px;align-items:stretch}.hero-arcade{max-width:320px;max-height:350px;margin:0 auto}.hero h1{font-size:clamp(45px,12vw,72px);letter-spacing:-2px}.hero .lead{font-size:18px;max-width:100%}.hero .notice{font-size:12px}.daily-section{margin:0 12px 36px;padding:16px}.daily-header{padding:24px}.quiet{margin:0 12px}#friends-root{margin:20px 12px 36px}.arena{padding:16px}.brand{font-size:17px}.hero .pill{font-size:12px}.hero .hero-cta{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-color-scheme:dark){
 .arena{background:#14111e;color:#f4f0fa}.arena-tools{background:#201b2d;border-color:#7c6992}.arena .game-help,.arena .muted{color:#cec4dc}
 .arena .board{background:#201b2d;border-color:#9986ac}.arena .board button{color:#f4f0fa;border-color:#776786}.arena .board button.entry{color:#c6aeff}.arena .board button.given{color:#fff}
 .arena .board button.selected,.arena .board button.found{background:#c6aeff;color:#281357}.arena .board button:hover{background:#382c4a}.arena .board button.selected:hover,.arena .board button.found:hover{background:#ddccff}
 .arena .guess-cell{background:#201b2d;border-color:#746382;color:#f4f0fa}.arena .guess-cell.exact{background:#c6aeff;color:#281357}.arena .guess-cell.present{background:#ffd84d;color:#19151f}.arena .guess-cell.absent{background:#655974;color:#fff}
 .arena .key-row button{background:#30283e;border-color:#5c4c70;color:#f4f0fa}.arena .word-input input{background:#201b2d;color:#fff;border-color:#9986ac}
 .arena .rack{background:#30283e}.arena .rack button{background:#e5daff;color:#281357}.arena .rack button.selected{background:#6d3cff;color:#fff}.arena .rack polyline,.arena .trace-wrap polyline{stroke:#c6aeff}
 .arena .pixel-table button{background:#201b2d;color:#cec4dc;border-color:#776786}.arena .pixel-table button.filled{background:#c6aeff;color:#281357}.arena .trace-board{background:#30283e}.arena .trace-board button{background:#201b2d}.arena .trace-board button.blocked{background:#3b3248}.arena .trace-board button.selected{background:#c6aeff;color:#281357}
 .arena .word-list span,.arena .word-slots span{background:#30283e;color:#f4f0fa}.arena .word-list .found,.arena .word-slots .found{background:#9cff57;color:#19151f}
 .arena .status-pill{background:#30283e;color:#f4f0fa}.arena .result-card{color:#231a32}.arena .toast{color:#f4f0fa}.arena .danger{color:#ff9cb4!important}
}

/* Domain migration: community navigation; native links keep their focused fallback. */
.share-nav{display:flex;gap:18px;margin:0 20px;font-size:13px;font-weight:700}.official-link{margin:30px 36px}.native-invite .hero-cta,.native-invite #daily-root,.native-invite #friends-root,.native-invite .hero-crew,.native-invite .hero h1,.native-invite .hero .lead,.native-invite .hero .pill{display:none}.native-invite .hero{display:block;max-width:900px;margin:auto}.native-invite .challenge{margin-top:0}.native-invite .hero>.eyebrow{display:none}@media(max-width:700px){header{flex-wrap:wrap;gap:12px}.share-nav{order:3;flex-basis:100%;margin:0;justify-content:space-between}}
