*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3;background:#faf9f6eb;border-bottom:1px solid #d6d2ca;align-items:center;height:74px;padding:0 clamp(24px,5vw,80px);display:flex;position:relative}.brandMark{width:38px;height:38px;color:var(--gold2);background:#1c1b1e;border:1px solid #4d4439;place-items:center;margin-right:12px;font:700 24px Georgia;display:grid}.topbar>div:nth-child(2){flex-direction:column;gap:2px;display:flex}.topbar b{letter-spacing:.04em;font:700 17px Georgia}.topbar span{color:var(--muted);letter-spacing:.08em;font-size:11px}.sourceBadge{color:#66625c;background:#fff;border:1px solid #d6d2ca;align-items:center;padding:8px 12px;font-size:11px;flex-direction:row!important;gap:8px!important;margin-left:auto!important;display:flex!important}.sourceBadge i,.recognition i{background:#4f8b6e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4f8b6e18}.hero{background:linear-gradient(103deg,#f5f3ee 0% 55%,#0000 76%),url(/demo-board.png) right 41%/62% no-repeat;min-height:480px;padding:68px clamp(24px,7vw,110px) 58px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 53%,#1c191d14);position:absolute;inset:0}.hero>*{z-index:1;position:relative}.eyebrow{letter-spacing:.22em;color:#8a724e;font-size:10px;font-weight:800}.hero h1{letter-spacing:-.045em;max-width:720px;margin:17px 0 22px;font:400 clamp(46px,6vw,78px)/.94 Georgia,serif}.hero h1 em{color:#8a6736;font-style:italic}.hero p{color:#595750;max-width:570px;font:15px/1.65 Georgia,serif}.heroActions{gap:12px;margin-top:30px;display:flex}.primary,.ghost{letter-spacing:.03em;border:1px solid #252427;padding:14px 22px;font-size:12px;font-weight:700}.primary{color:#fff;background:#222125}.ghost{background:#faf9f6d1}.heroStats{gap:32px;margin-top:42px;display:flex}.heroStats span{text-transform:uppercase;letter-spacing:.14em;color:#77736a;flex-direction:column;font-size:9px;display:flex}.heroStats b{color:#242326;margin-bottom:3px;font:700 18px Georgia}.workspace{grid-template-columns:280px minmax(560px,1fr) 300px;align-items:start;gap:18px;padding:38px clamp(18px,3.5vw,58px) 70px;display:grid}.card{background:var(--card);border:1px solid var(--line);box-shadow:0 9px 30px #231f1b0b}.controls,.result{padding:23px;position:sticky;top:16px}.step{align-items:flex-start;gap:12px;display:flex}.step>span{color:#a1793b;border-top:1px solid #b58a46;padding-top:5px;font:700 10px Georgia}.step h2{margin:0;font:700 18px Georgia}.step p{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.45}.seg{border:1px solid var(--line);margin:17px 0 12px;padding:3px;display:flex}.seg button{background:0 0;border:0;flex:1;padding:9px;font-size:11px}.seg button.active{color:#fff;background:#27262a}.upload{text-align:left;background:#f5f2ec;border:1px dashed #b8b2a8;align-items:center;gap:11px;width:100%;padding:13px;display:flex}.upload>span{color:#88662f;border:1px solid #c5bbaa;place-items:center;width:31px;height:31px;font-size:19px;display:grid}.upload div{flex-direction:column;gap:3px;display:flex}.upload b{font-size:11px}.upload small{color:var(--muted);font-size:9px}.sourcePreview{background:#18171a;height:65px;margin-top:10px;position:relative;overflow:hidden}.sourcePreview img{object-fit:cover;opacity:.62;width:100%;height:100%}.sourcePreview span{color:#fff;background:#171719aa;padding:4px 6px;font-size:9px;position:absolute;bottom:7px;left:8px}.divider{background:var(--line);height:1px;margin:22px 0}.field{justify-content:space-between;align-items:center;gap:10px;margin-top:15px;display:flex}.field>span{color:#5f5d58;font-size:10px}.field input{border:1px solid var(--line);text-align:center;background:#fff;outline-color:#a9824d;width:68px;padding:9px;font-weight:700}details{border-top:1px solid #ebe8e1;margin-top:11px;padding-top:10px}summary{cursor:pointer;font-size:10px;font-weight:700}summary small{color:#8c8982;font-weight:400}.twocol{grid-template-columns:1fr 1fr;gap:8px;display:grid}.twocol .field{display:block}.twocol .field span{margin-bottom:5px;display:block}.twocol .field input{width:100%}.modeList{gap:6px;margin-top:14px;display:grid}.modeList button{border:1px solid var(--line);text-align:left;background:#fff;flex-direction:column;gap:3px;padding:12px;display:flex}.modeList button b{font-size:11px}.modeList button small{color:var(--muted);font-size:9px}.range{align-items:center;gap:6px;margin-top:12px;display:flex}.range span{color:var(--muted);font-size:8px}.range input{accent-color:#8b6733;flex:1;min-width:0}.calculate{color:#fff;background:#252329;border:0;justify-content:space-between;width:100%;margin-top:18px;padding:15px 14px;font-size:11px;font-weight:800;display:flex}.calculate:disabled{opacity:.55}.boardPanel{min-width:0;padding:26px}.panelHead{justify-content:space-between;align-items:center;display:flex}.panelHead h2{margin:5px 0 0;font:700 26px Georgia}.recognition{text-transform:uppercase;letter-spacing:.08em;color:#527262;background:#f5faf7;border:1px solid #d6ded8;align-items:center;gap:7px;padding:8px 10px;font-size:9px;display:flex}.recognition.warn i{background:#c28b38;box-shadow:0 0 0 4px #c28b3818}.hint{color:var(--muted);margin:13px 0 20px;font-size:10px}.gameBoard{aspect-ratio:1.27;background:radial-gradient(circle,#27222e,#141318 72%);border:1px solid #514a55;gap:7px;padding:14px;display:grid;box-shadow:inset 0 0 70px #000}.gameBoard.size-7{grid-template-columns:repeat(7,1fr)}.gameBoard.size-5{grid-template-columns:repeat(5,1fr);gap:11px;padding:30px}.gameCell{color:#d9d0bf;background:linear-gradient(#28242a,#1e1b20);border:1px solid #49444a;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:3px;transition:transform .15s,border-color .15s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #161418}.gameCell:hover{z-index:2;border-color:#c39b5d;transform:translateY(-2px)}.gameCell img{object-fit:contain;filter:drop-shadow(0 2px 4px #000);width:min(47%,42px);height:min(47%,42px)}.gameCell small{color:#b9ad96;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:2px;font:8px Georgia;overflow:hidden}.startWord{color:#d8d0c0;font:700 10px Georgia}.gameCell.uncertain:after{content:"?";color:#fff;background:#b27d30;place-items:center;width:14px;height:14px;font-size:9px;display:grid;position:absolute;top:3px;right:3px}.order{color:#21190f;background:#f2c468;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;display:grid;position:absolute;top:4px;left:4px;box-shadow:0 2px 6px #000}.statusLine{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;font-size:10px;display:flex}.statusLine button{color:#8c6833;background:0 0;border:0;font-weight:700}.rewardGrid{grid-template-columns:1fr 1fr;gap:7px;margin-top:18px;display:grid}.rewardGrid>div{border:1px solid var(--line);background:#fff;grid-template-rows:auto auto;grid-template-columns:24px 1fr;column-gap:7px;padding:11px;display:grid}.rewardGrid .orb{border-radius:50%;grid-row:1/3;align-self:center;width:22px;height:22px}.mythOrb{background:radial-gradient(circle at 35% 30%,#e8793d,#7d243f 50%,#271321);box-shadow:0 0 10px #b5314a55}.essenceOrb{background:radial-gradient(circle at 35% 30%,#d79bff,#7653a0 55%,#251f36)}.legendOrb{background:radial-gradient(circle at 35% 30%,#ca77eb,#67347c 55%,#221629)}.actionOrb{background:radial-gradient(circle at 35% 30%,#f2d37e,#a16927 55%,#35230e)}.rewardGrid small{color:var(--muted);font-size:8px}.rewardGrid b{font:700 18px Georgia}.routeTitle{justify-content:space-between;margin:22px 0 10px;font-size:10px;display:flex}.routeTitle span{color:var(--muted)}.routeList{border-top:1px solid var(--line);max-height:330px;margin:0;padding:0;list-style:none;overflow:auto}.routeList li{border-bottom:1px solid #ebe8e2;grid-template-columns:24px 30px 1fr;align-items:center;gap:7px;padding:8px 0;display:grid}.routeList li>b{color:#e9bd68;background:#2b292d;border-radius:50%;place-items:center;width:20px;height:20px;font-size:9px;display:grid}.routeList img{object-fit:contain;width:28px;height:28px}.routeList div{flex-direction:column;min-width:0;display:flex}.routeList span{white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:700;overflow:hidden}.routeList small{color:var(--muted);font-size:8px}.emptyRoute{text-align:center;color:#77736c;padding:44px 12px 38px}.emptyRoute>span{color:#b6925a;font:45px Georgia}.emptyRoute b{color:#484640;font:700 14px Georgia;display:block}.emptyRoute p{font-size:9px;line-height:1.5}.rules{border-top:1px solid var(--line);gap:6px;margin-top:18px;padding-top:15px;display:grid}.rules b{margin-bottom:3px;font-size:9px}.rules span{color:#6f6b64;font-size:9px}.rules span:before{content:"✓";color:#4c8068;margin-right:7px}footer{color:var(--muted);border-top:1px solid #d6d2ca;justify-content:space-between;margin:0 clamp(18px,3.5vw,58px);padding:22px 0 35px;font-size:10px;display:flex}footer b{color:#29272a;font:700 15px Georgia}.modal{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;background:#17151bcc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.picker{background:#f7f5f0;border:1px solid #b8ab97;width:min(720px,96vw);max-height:90vh;overflow:auto;box-shadow:0 30px 100px #0008}.pickerHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.pickerHead small{color:#8c6b38;letter-spacing:.12em;font-size:9px}.pickerHead h2{margin:3px 0;font:700 22px Georgia}.pickerHead button{background:0 0;border:0;font-size:28px}.palette{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.palette button{text-align:left;background:#fbfaf7;border:0;align-items:center;gap:9px;min-height:64px;padding:12px;display:flex}.palette img{object-fit:contain;width:40px;height:40px}.palette span{font-size:10px;font-weight:700}@media (width<=1180px){.workspace{grid-template-columns:250px minmax(520px,1fr)}.result{grid-column:1/-1;position:static}.rewardGrid{grid-template-columns:repeat(4,1fr)}.routeList{grid-template-columns:1fr 1fr;column-gap:18px;display:grid}.hero{background-size:78%}}@media (width<=860px){.topbar{padding:0 18px}.sourceBadge{display:none!important}.hero{background:linear-gradient(#f4f2ed 0% 62%,#f4f2ed33),url(/demo-board.png) bottom/110% no-repeat;min-height:500px;padding:52px 22px}.workspace{padding:18px;display:block}.controls,.result{margin-bottom:14px;position:static}.boardPanel{margin-bottom:14px;padding:16px}.gameBoard{aspect-ratio:1;gap:3px;padding:6px}.gameCell small{display:none}.gameCell img{width:60%;height:60%}.panelHead{align-items:flex-start}.recognition{font-size:7px}.rewardGrid{grid-template-columns:1fr 1fr}.routeList{display:block}.palette{grid-template-columns:1fr 1fr}.heroStats{gap:18px}footer{display:block}footer span{margin-top:8px;line-height:1.5;display:block}}@media (width<=480px){.palette{grid-template-columns:1fr}.hero h1{font-size:45px}.heroStats{display:none}.boardPanel .hint{font-size:9px}.gameBoard.size-5{padding:18px}.order{width:16px;height:16px;font-size:8px}.workspace{padding:10px}.controls,.result,.boardPanel{padding:15px}}:root{--ink:#f1e7d8;--paper:#0b0808;--card:#171110;--line:#3b2923;--muted:#aa9485;--gold:#d99a45;--gold2:#ffc56c;--purple:#8b4f92;--red:#b6472d;--green:#5f9a79}body{color:var(--ink);background:radial-gradient(circle at 50% -10%,#33150e 0,#140c0a 28%,#090707 62%)}.topbar{background:#0d0908f0;border-color:#432a20;box-shadow:0 8px 30px #0008}.brandMark{color:#ffb14c;background:linear-gradient(145deg,#2a1610,#100b0a);border-color:#75401f;box-shadow:inset 0 0 18px #ff5a161c,0 0 18px #e1481818}.topbar b{color:#f6e7d3}.topbar span{color:#ad8d79}.hero{background:linear-gradient(90deg,#100b0a 0%,#100b0af7 42%,#100b0a9e 68%,#06050538 100%),url(/demo-board.png) right 41%/62% no-repeat;border-bottom:1px solid #3c241b}.hero:after{background:radial-gradient(circle at 70% 48%,#ff4d161c,#0000 44%),linear-gradient(90deg,#0000 50%,#0006)}.eyebrow{color:#e88745}.hero h1{color:#f6eadc;text-shadow:0 3px 30px #000}.hero h1 em{color:#ff9b4a;text-shadow:0 0 30px #ff5b2133}.hero p{color:#c4ad9d}.primary{color:#fff4e8;background:linear-gradient(135deg,#c44821,#7d2414);border-color:#e36b35;box-shadow:0 8px 28px #d43c1940}.primary:hover{filter:brightness(1.12)}.ghost{color:#e8d7c8;background:#17100ed9;border-color:#6a4435}.heroStats span{color:#997f70}.heroStats b{color:#ffc36a}.workspace{background:linear-gradient(#0d0908,#080606)}.card{background:linear-gradient(155deg,#1b1412,#120e0d);border-color:#3c2b25;box-shadow:0 15px 42px #0008,inset 0 1px #ffffff08}.step h2,.panelHead h2{color:#f2e3d3}.step>span{color:#ff9d4c;border-color:#d6602a}.step p,.hint{color:#a99182}.upload{color:#f1dfcd;background:linear-gradient(135deg,#241612,#17100e);border-color:#704431;margin-top:17px}.upload:hover{background:#2b1812;border-color:#d86a32}.upload>span{color:#ffab52;background:#120c0b;border-color:#704431}.sourcePreview{border:1px solid #4a3028}.divider,details,.statusLine,.rules,.routeList,.routeList li,footer{border-color:#3a2923}.field>span,summary small,.modeList button small,.rewardGrid small,.routeList small,.rules span{color:#a98f7f}.field input{color:#ffd6aa;background:#100c0b;border-color:#51352c;outline-color:#e26a32}.modeList button{color:#e6d4c4;background:#120e0d;border-color:#463029}.modeList button:hover{border-color:#8f5032}.modeList button.active{background:linear-gradient(90deg,#3c1d13,#21130f);border-color:#d36a32;box-shadow:inset 3px 0 #ff8a3d}.calculate{color:#fff1df;background:linear-gradient(135deg,#dc5926,#8e2b17);box-shadow:0 8px 26px #d7472133}.calculate span{color:#ffd07d}.recognition{color:#81c49b;background:#101b15;border-color:#315942}.recognition.warn{color:#ffbd68;background:#28180e;border-color:#7c4c25}.gameBoard{background:radial-gradient(circle,#351a16,#130c0c 65%,#070606);border-color:#70402d;box-shadow:inset 0 0 95px #000,0 0 28px #db48151a}.gameCell{background:linear-gradient(#2a1b18,#17100f);border-color:#55413b;box-shadow:inset 0 0 0 2px #0b0808}.gameCell:hover{border-color:#ff9b4e;box-shadow:inset 0 0 0 2px #3d1d12,0 0 16px #ff5b263d}.gameCell.red{border-color:#8c402e}.gameCell.violet{border-color:#68466f}.gameCell.gold{border-color:#8e6338}.gameCell.start{background:#2c241d;border-color:#9a7653}.gameCell small,.startWord{color:#ddc5ad}.gameCell.onRoute{border-color:#ffb356;box-shadow:inset 0 0 0 2px #a5411e,0 0 18px #ff5b2e80}.order{color:#241009;background:linear-gradient(#ffd17a,#e66c2f)}.gameBoard{width:min(100%,640px);margin-left:auto;margin-right:auto}.gameCell img{width:min(58%,48px);height:min(58%,48px)}.gameCell small{white-space:normal;text-align:center;text-overflow:clip;margin-top:3px;font-size:10px;line-height:1.05;overflow:visible}.startWord{font-size:12px}.rewardGrid>div{background:#100c0b;border-color:#3e2b25}.rewardGrid b{color:#f6dfc7}.emptyRoute{color:#a38d7d}.emptyRoute b{color:#ead8c7}.emptyRoute>span{color:#e36f37}.statusLine button{color:#ff9a4b}.routeList li>b{color:#ffbd65;background:#311810}.picker{background:#171110;border-color:#744631;box-shadow:0 30px 100px #000}.pickerHead{border-color:#432e27}.pickerHead h2{color:#f4e3d1}.pickerHead button{color:#f2c39a}.palette{background:#3b2923}.palette button{color:#e9d5c3;background:#120e0d}.palette button:hover,.palette button.active{background:#3b1d14}.palette span{color:#ead9c8}footer b{color:#f1dbc4}@media (width<=860px){.hero{background:linear-gradient(#100b0a 0%,#100b0af7 60%,#100b0a59),url(/demo-board.png) bottom/110% no-repeat}}