:root{color-scheme:dark;--ink:#f7f4ff;--soft:#c2c9e7;--lime:#bcf278;--gold:#ffd47a;--panel:#171e3b;--line:#a7b6ee36;--mint:#88f3c5}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--ink);background:radial-gradient(ellipse at 48% -8%,#4c3874 0,transparent 42%),radial-gradient(circle at 95% 54%,#15526870,transparent 35%),#0b1023;font:16px/1.5 Arial,Helvetica,sans-serif}button{font:inherit}a{color:inherit;text-decoration:none}.site-head{max-width:1400px;margin:auto;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #ffffff24}.brand img{display:block;width:190px;max-width:38vw}.site-head nav{display:flex;gap:24px;flex-wrap:wrap}.site-head nav a{font-weight:800;font-size:13px;color:var(--soft)}.site-head nav a:hover,.site-head nav a:focus-visible{color:var(--lime)}main{max-width:1270px;margin:auto;padding:34px 28px 60px}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.intro>div:first-child{max-width:820px}.eyebrow{margin:0;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:2.1px}.intro h1{font-size:clamp(38px,6vw,66px);line-height:1.02;letter-spacing:-2.4px;margin:7px 0 12px}.intro h1 span{color:var(--lime)}.intro p:not(.eyebrow){margin:0;color:var(--soft);font-size:17px;max-width:760px}.ship-art{width:170px;height:128px;flex:none;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#6adbd942,transparent 66%)}.ship-art img{width:140px;filter:drop-shadow(0 10px 12px #030617)}.ship-art span{position:absolute;right:16px;top:7px;color:#fff3a0;font-size:27px}.game-shell{position:relative;overflow:hidden;border:1px solid #8c9fdb55;border-radius:20px;background:linear-gradient(150deg,#192644,#10172c 56%,#1d2240);box-shadow:0 25px 65px #030511a8}.hud{display:grid;grid-template-columns:1.15fr .7fr .85fr .65fr .65fr auto;align-items:center;gap:18px;padding:15px 20px;border-bottom:1px solid var(--line);background:#0c132c88}.hud>div:not(.hud-actions){display:flex;flex-direction:column;min-width:0}.hud small{color:#a5b5da;font-size:9px;font-weight:900;letter-spacing:1.2px}.hud strong{font-size:14px;white-space:nowrap}.hud-actions{display:flex;gap:7px}.hud-actions button,.quiet{border:1px solid #9fb0dd55;background:#ffffff0a;color:var(--soft);border-radius:8px;padding:7px 9px;font-size:11px;font-weight:800;cursor:pointer}.hud-actions button:hover,.quiet:hover{background:#ffffff18;color:white}.hud button:disabled{opacity:.45;cursor:not-allowed}.route{position:relative;height:86px;padding:12px 44px;background:radial-gradient(ellipse at 50% 100%,#7962c14f,transparent 70%),#101831;border-bottom:1px solid var(--line)}.route ol{list-style:none;display:flex;justify-content:space-between;align-items:center;margin:0;padding:0;height:100%;position:relative}.route ol::before{content:"";position:absolute;left:6%;right:6%;top:50%;height:2px;background:linear-gradient(90deg,#89efad,#7cdbff,#ffcf77,#ff9c87,#c8a0ff);opacity:.65}.route li{position:relative;display:grid;place-items:center;width:45px;height:45px;border:2px solid #8290b65e;border-radius:50%;background:#151d38;color:#aebad8;font-size:9px;font-weight:900;box-shadow:0 0 0 5px #101831;transition:.25s}.route li.done{background:#285b4e;border-color:var(--mint);color:#dffff1;box-shadow:0 0 18px #88f3c566}.route li.current{transform:scale(1.18);border-color:var(--gold);color:#fff4d1;box-shadow:0 0 0 5px #101831,0 0 23px #ffd47a88}.ship-marker{position:absolute;left:8%;top:0;transform:translate(-50%,-7px);font-size:22px;filter:drop-shadow(0 3px 6px #000);transition:left .6s ease;pointer-events:none}.play-area{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(245px,.85fr);gap:20px;padding:22px}.word-card,.mission-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(150deg,#222c4d,#171d38);padding:22px}.card-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.phase{background:#bded7b1c;color:var(--lime);font-size:10px;font-weight:900;letter-spacing:1.3px;border:1px solid #bced7b48;border-radius:99px;padding:5px 9px}.streak{font-size:12px;font-weight:800;color:var(--gold)}.word-card h2{font-size:24px;margin:16px 0 4px;line-height:1.2}.clue{margin:0 0 14px;color:#e0e5f9;font-size:16px;min-height:25px}.sentence-box{padding:10px 13px;background:#10172e9c;border:1px solid #ffffff12;border-radius:10px}.sentence-box small{color:#96a7d1;font-size:9px;font-weight:900;letter-spacing:1.3px}.sentence-box p{margin:3px 0 0;color:#cbd3eb;font-size:13px}.spelling{display:flex;justify-content:center;gap:5px;min-height:55px;margin:19px 0 12px;flex-wrap:wrap}.slot{width:clamp(29px,4.4vw,43px);height:46px;border:0;border-bottom:3px solid #7182ae;background:#10172d;border-radius:7px 7px 3px 3px;color:#fff;font-size:22px;font-weight:900;cursor:pointer}.slot:focus-visible,.tile:focus-visible,.button:focus-visible,.hud button:focus-visible,.quiet:focus-visible,.check:focus-visible,.next:focus-visible,.primary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.slot.fixed{border-bottom-color:var(--mint);color:var(--mint)}.slot.filled{border-color:#ffe08a;background:#373452}.letter-bank{display:flex;justify-content:center;gap:7px;min-height:51px;flex-wrap:wrap}.tile{min-width:39px;height:42px;padding:0 9px;border:1px solid #a6b9eb8f;border-radius:9px;color:#f8f5ff;background:linear-gradient(#586693,#36466f);box-shadow:0 3px 0 #1c2949;font-size:19px;font-weight:900;cursor:pointer;transition:transform .1s,opacity .15s}.tile:hover{transform:translateY(-2px);background:linear-gradient(#7487b9,#435684)}.tile.used{opacity:.26;transform:none;cursor:default}.tools{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:7px 0 11px}.quiet{padding:7px 10px}.feedback{min-height:28px;text-align:center;font-size:13px;font-weight:800;color:var(--gold)}.feedback.success{color:var(--mint)}.feedback.reveal{color:#ffc68f}.card-actions{display:flex;justify-content:center;min-height:44px}.check,.next,.primary{border:0;border-radius:10px;background:linear-gradient(120deg,#c8f486,#86ecb7);color:#142532;padding:11px 20px;font-weight:900;box-shadow:0 5px 18px #8eea9b38;cursor:pointer}.check:hover,.next:hover,.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.check:disabled{opacity:.45;cursor:not-allowed;transform:none}.check span{margin-left:10px;padding:2px 6px;border-radius:4px;background:#18383e55;font-size:10px}.next[hidden]{display:none}.mission-card{position:relative;overflow:hidden;padding:22px 20px;background:radial-gradient(circle at 88% 4%,#685bc733,transparent 37%),linear-gradient(150deg,#202b4c,#171d38)}.mission-card .eyebrow{margin-top:28px}.mission-card h2{font-size:21px;margin:7px 0}.mission-card>p:not(.eyebrow){font-size:13px;color:var(--soft);margin:0}.crystal{position:absolute;right:21px;top:14px;width:51px;height:58px;display:grid;place-items:center;color:#c9ffb4;text-shadow:0 0 15px #a4ffad;font-size:45px;transform:rotate(10deg)}.mission-card ul{list-style:none;margin:16px 0;padding:0;display:grid;gap:10px;color:#e2e8fb;font-size:12px}.mission-card li span{color:var(--gold);margin-right:7px}.crew-note{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:13px;color:#d4def6;font-size:11px}.crew-note b{color:var(--lime)}.crew-dot{width:32px;height:32px;display:grid;place-items:center;flex:none;border-radius:50%;background:linear-gradient(140deg,#93f1c4,#74b8e9);color:#16344b;font-weight:1000;font-size:19px}.game-foot{display:flex;justify-content:space-between;gap:16px;padding:13px 21px;border-top:1px solid var(--line);color:#adbbdf;font-size:11px}.game-foot span:last-child{text-align:right}.overlay{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:20px;background:#090d20cf;backdrop-filter:blur(7px)}.overlay[hidden]{display:none}.overlay-card{max-width:500px;width:100%;padding:31px;border:1px solid #cfb8ff6b;border-radius:19px;text-align:center;background:radial-gradient(circle at 50% 0,#7165bd55,transparent 52%),linear-gradient(150deg,#222d50,#141a34);box-shadow:0 25px 70px #0009}.overlay-card h2{font-size:32px;line-height:1.1;margin:8px 0 11px}.overlay-card>p:not(.eyebrow){margin:0 0 14px;color:#d0d9f1;font-size:14px}.overlay-reward{margin:15px 0;color:var(--gold);font-weight:900;font-size:13px}.overlay-card .primary{display:block;margin:15px auto 0;min-width:210px}.back-link{display:inline-block;margin-top:17px;color:#bac9e9;font-size:12px;text-decoration:underline;text-underline-offset:3px}.footnote{text-align:center;color:#9aa8ca;font-size:12px;margin:15px 0 0}@media(max-width:900px){.hud{grid-template-columns:repeat(5,1fr)}.hud-actions{grid-column:1/-1;justify-content:flex-end}.play-area{grid-template-columns:minmax(0,1.4fr) minmax(220px,.8fr);gap:13px;padding:14px}.word-card,.mission-card{padding:17px}.game-foot{flex-direction:column;gap:4px}.game-foot span:last-child{text-align:left}}@media(max-width:660px){.site-head{padding:15px 17px;align-items:flex-start;flex-direction:column}.site-head nav{gap:16px}.site-head nav a{font-size:12px}main{padding:25px 13px 40px}.intro{margin-bottom:18px;align-items:flex-start}.intro h1{font-size:40px;letter-spacing:-1.7px}.intro p:not(.eyebrow){font-size:14px}.ship-art{width:90px;height:78px;margin-top:17px}.ship-art img{width:88px}.ship-art span{right:2px;top:-3px;font-size:20px}.hud{grid-template-columns:repeat(3,1fr);gap:10px;padding:12px}.hud-actions{justify-content:flex-start}.route{height:72px;padding:9px 25px}.route li{width:37px;height:37px;font-size:8px}.ship-marker{font-size:19px;top:2px}.play-area{grid-template-columns:1fr;padding:10px}.word-card{padding:15px 12px}.word-card h2{font-size:21px;margin-top:13px}.clue{font-size:14px}.mission-card{padding:15px}.mission-card .eyebrow{margin-top:13px}.mission-card ul{grid-template-columns:1fr 1fr;gap:8px;font-size:11px}.mission-card li:last-child{grid-column:1/-1}.crew-note{font-size:10px}.slot{width:clamp(26px,8vw,37px);height:42px;font-size:20px}.tile{min-width:35px;height:39px;font-size:17px}.game-foot{padding:11px 14px;font-size:10px}.overlay{position:fixed;padding:14px}.overlay-card{padding:25px 18px}.overlay-card h2{font-size:27px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.study-panel{padding:15px 15px 18px;text-align:center;border:1px solid #b7e98654;border-radius:14px;background:radial-gradient(ellipse at 50% 0,#a9f78624,transparent 72%),#10172f75}.study-kicker{margin:0;color:var(--lime);font-size:10px;font-weight:900;letter-spacing:1.8px}.shown-word{margin:8px 0 3px;color:#fff5bd;font-size:clamp(30px,6vw,49px);font-weight:1000;letter-spacing:.035em;line-height:1.12;overflow-wrap:anywhere;text-shadow:0 0 24px #ffe89075}.study-meaning{margin:5px 0 10px;color:#edf1ff;font-size:16px;font-weight:700}.study-panel .sentence-box{text-align:left}.study-hear{margin-top:10px}.hide-word{display:block;margin:13px auto 0;padding:11px 18px;border:0;border-radius:10px;background:linear-gradient(120deg,#c8f486,#86ecb7);color:#142532;font-weight:900;box-shadow:0 5px 18px #8eea9b38;cursor:pointer}.hide-word:hover{filter:brightness(1.08);transform:translateY(-1px)}.answer-form{margin-top:17px}.input-label{display:block;margin-bottom:6px;color:#c4d6f1;font-size:12px;font-weight:800}.answer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:stretch}.answer-row input{width:100%;min-width:0;height:49px;border:2px solid #9cb2e46e;border-radius:10px;background:#0e152c;color:#fff7d0;padding:8px 12px;font:900 23px/1 Arial,Helvetica,sans-serif;letter-spacing:.035em;text-align:center;box-shadow:inset 0 2px 8px #0006}.answer-row input:focus{outline:3px solid #ffd47a;outline-offset:2px;border-color:#ffe391}.answer-row input::placeholder{color:#7282a4;font-size:15px;letter-spacing:0}.recall-panel[hidden],.study-panel[hidden],.answer-form[hidden]{display:none}@media(max-width:660px){.study-panel{padding:13px 10px}.study-meaning{font-size:14px}.answer-row{grid-template-columns:1fr}.answer-row .check{min-height:44px}.answer-form{margin-top:13px}}
.overlay-preview-word{display:block;margin:15px auto;padding:10px 18px;border:1px solid #b7e98680;border-radius:12px;background:#b7e98617;color:#fff5bd;font-size:clamp(27px,7vw,40px);font-weight:1000;letter-spacing:.04em;line-height:1.15;text-shadow:0 0 20px #ffe89075}
.word-art{width:170px;height:128px;flex:none;display:flex;align-items:center;justify-content:center;gap:4px;background:radial-gradient(ellipse,#a98cf14a,transparent 68%);font-size:clamp(33px,5vw,48px);font-weight:1000;text-shadow:0 5px 18px #0008}.word-art span:nth-child(1){color:#c8f486;transform:rotate(-12deg)}.word-art span:nth-child(2){color:#ffd47a;transform:translateY(-12px) rotate(7deg)}.word-art span:nth-child(3){color:#9ee9ff;transform:rotate(13deg)}.round-marker{position:absolute;left:8%;top:0;transform:translate(-50%,-7px);color:var(--gold);font-size:22px;text-shadow:0 0 13px #ffe29c;transition:left .6s ease;pointer-events:none}@media(max-width:660px){.word-art{width:90px;height:78px;margin-top:17px;font-size:25px}.round-marker{font-size:19px;top:2px}}