*{box-sizing:border-box}body,html{margin:0;padding:0;background:#14110d;color:#eee;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}.screen{min-height:100vh;display:grid;place-items:center;padding:16px}.creation-wrap{position:relative;z-index:1}.creation-bg-video{width:100%;height:100%;object-fit:cover;background:#0b0a08}.creation-bg-overlay,.creation-bg-video{position:fixed;inset:0;z-index:0;pointer-events:none}.creation-bg-overlay{background:linear-gradient(rgba(15,12,9,.45),rgba(15,12,9,.92))}.creation-bg-static{position:fixed;inset:0;z-index:0;pointer-events:none;background-size:cover;background-position:50%;background-color:#0b0a08}.auth-error{color:#e7917e;font-size:13px;margin:6px 0 0}.account-bar{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#b9ad99;margin:-6px 0 10px}.account-bar b{color:#e9dcc6;font-weight:600}.creation .link{background:none;border:none;color:#c9a25a;padding:0;cursor:pointer;text-decoration:underline;font:inherit}.creation .ghost{width:100%;margin-top:10px;padding:11px;background:transparent;color:#cdbfa8;border:1px solid #4a3c2b}.creation .ghost:hover{border-color:#c9a25a}.creation{position:relative;z-index:1;width:min(440px,92vw);background:rgba(29,24,18,.92);border:1px solid #3a2f22;border-radius:14px;padding:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 18px 60px rgba(0,0,0,.55)}.creation .portrait{display:grid;place-items:center;margin:4px 0 6px}.creation .portrait img{height:190px;max-width:100%;object-fit:contain;border-radius:10px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}.creation .portrait .style-name{margin-top:6px;font-size:13px;color:#c9a25a;letter-spacing:.02em;text-transform:capitalize}.creation h1{margin:0 0 4px;font-size:34px}.creation .ar{color:#c9a25a;font-weight:400;font-size:22px}.creation .tagline{color:#b9ad99;margin:0 0 18px}.creation label{display:block;margin:12px 0;font-size:14px;color:#cdbfa8}.creation input{display:block;width:100%;margin-top:6px;padding:10px;border-radius:8px;border:1px solid #4a3c2b;background:#15110c;color:#fff}.presets,.row{display:flex;gap:8px;align-items:center;margin:12px 0;flex-wrap:wrap}.creation button{padding:9px 14px;border-radius:8px;border:1px solid #4a3c2b;background:#251d14;color:#e9dcc6;cursor:pointer}.creation button.on{background:#c9a25a;color:#1b1409;border-color:#c9a25a}.creation .start{width:100%;margin-top:16px;padding:13px;font-weight:600;background:#5a7d3b;color:#fff;border-color:#5a7d3b}.creation .start:disabled{opacity:.5;cursor:not-allowed}.creation .note{color:#8c8474;font-size:12px;margin-top:14px}.creation code{color:#c9a25a}.game{position:relative;line-height:0}.game.boxed{width:min(96vw,1280px);height:min(86vh,760px)}.game.fill{position:fixed;inset:0;width:100vw;height:100vh;z-index:50}.game .stage{width:100%;height:100%}.game.fill .stage canvas{border-radius:0!important;border:none!important}.game canvas{border-radius:12px;border:1px solid #3a2f22}.toolbar{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:30;display:flex;gap:6px;pointer-events:auto;line-height:1.2}.toolbar button{background:rgba(20,16,11,.86);color:#e9dcc6;border:1px solid #3a2f22;border-radius:8px;padding:5px 10px;font-size:12px;cursor:pointer}.toolbar button.on,.toolbar button:hover{border-color:#c9a25a}.toolbar button.on{background:#c9a25a;color:#1b1409}.toolbar select.lang{background:rgba(20,16,11,.86);color:#e9dcc6;border:1px solid #3a2f22;border-radius:8px;padding:5px 8px;font-size:12px;cursor:pointer}.toolbar select.lang:hover{border-color:#c9a25a}.toolbar select.lang option{background:#14110d;color:#e9dcc6}.kv{display:flex;justify-content:space-between;gap:8px}.panel h3 .fold{float:right;background:transparent;border:1px solid #4a3c2b;color:#cdbfa8;border-radius:6px;width:20px;height:18px;line-height:1;font-size:13px;cursor:pointer;pointer-events:auto;margin-top:-2px}.panel h3 .fold:hover{border-color:#c9a25a;color:#fff}.panel.collapsed{min-width:0}.hud{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;gap:10px;pointer-events:none;line-height:1.35}.panel{background:rgba(20,16,11,.82);border:1px solid #3a2f22;border-radius:10px;padding:10px 12px;font-size:12px;color:#e9dcc6;min-width:170px;max-width:240px}.panel h3{margin:0 0 6px;font-size:11px;color:#c9a25a;text-transform:uppercase;letter-spacing:.05em}.bar{height:8px;border-radius:5px;background:#2a2218;margin:2px 0 7px;overflow:hidden}.bar>span{display:block;height:100%}.skills{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px 12px;gap:1px 12px;max-height:250px;overflow:auto}.inv div,.skills div{display:flex;justify-content:space-between;gap:8px}.skills .lv{color:#c9a25a}.controls{bottom:10px;left:10px;right:10px;color:#cdbfa8;font-size:12px;background:rgba(20,16,11,.72);border-radius:8px;padding:6px}.controls,.msg{position:absolute;text-align:center;pointer-events:none}.msg{bottom:44px;left:0;right:0;color:#f0d79a;font-size:14px}.music{position:absolute;bottom:10px;right:10px;pointer-events:auto;background:rgba(20,16,11,.82);color:#e9dcc6;border:1px solid #3a2f22;border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer}.music:hover{border-color:#c9a25a}.chatbox{position:absolute;left:10px;bottom:44px;width:320px;max-width:46%;background:rgba(20,16,11,.78);border:1px solid #3a2f22;border-radius:10px;pointer-events:auto;overflow:hidden;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.chatbox.focused{border-color:#c9a25a;background:rgba(20,16,11,.92)}.chat-log{max-height:150px;overflow-y:auto;padding:8px 10px;font-size:12px;line-height:1.45;color:#e9dcc6;display:flex;flex-direction:column;gap:1px}.chat-hint{color:#8c8474;font-style:italic}.chat-line{word-wrap:break-word}.chat-name{color:#c9a25a;font-weight:600}.chat-name.me{color:#8fd14f}.chat-input-row{display:flex;align-items:center;gap:6px;border-top:1px solid #3a2f22;padding:5px 8px}.chat-input-row input{flex:1 1;background:transparent;border:none;outline:none;color:#fff;font-size:12px}.chat-status{width:8px;height:8px;border-radius:50%;flex:none;background:#8c8474}.chat-status.connected{background:#6fcf57}.chat-status.connecting{background:#d6b24a}.chat-status.idle,.chat-status.offline{background:#b06a5a}.dialogue-overlay,.economy-overlay{line-height:1.45}.economy-overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:rgba(10,8,6,.55);pointer-events:auto}.economy{width:min(560px,92%);max-height:86%;overflow:auto;background:#1d1812;border:1px solid #4a3c2b;border-radius:14px;padding:16px 18px;color:#e9dcc6;box-shadow:0 24px 70px rgba(0,0,0,.6)}.economy-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.economy-head h2{margin:0;font-size:20px}.economy-head .coins{color:#e7c662;font-weight:600}.economy-head .x{margin-left:auto;background:transparent;border:1px solid #4a3c2b;color:#cdbfa8;border-radius:8px;cursor:pointer;padding:4px 9px}.economy-cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.economy-cols>div{min-width:0}.economy h3{margin:0 0 6px;font-size:13px;color:#c9a25a;text-transform:uppercase;letter-spacing:.04em}.economy .muted{color:#8c8474;font-weight:400;text-transform:none;letter-spacing:0}.econ-list{display:flex;flex-direction:column;gap:5px}.econ-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;background:#251d14;border:1px solid #3a2f22;border-radius:8px;padding:6px 9px}.econ-row>span{min-width:0;overflow-wrap:anywhere}.econ-row button{background:#5a7d3b;color:#fff;border:none;border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer;white-space:nowrap;flex-shrink:0}.econ-row button:disabled{opacity:.4;cursor:not-allowed}.econ-note{color:#8c8474;font-size:11px;margin:12px 0 0;text-align:center}.econ-note.flash{color:#c9a25a;font-size:12px;margin-top:8px}.econ-row.tempt{border-color:#5a2f2a;background:#21130f}.econ-row button.refuse{background:#6a3a33}.econ-row button.refuse:hover{background:#864a40}.dialogue-overlay{position:absolute;inset:0;z-index:22;display:grid;place-items:end center;background:linear-gradient(rgba(10,8,6,0),rgba(10,8,6,.5));pointer-events:auto}.dialogue{width:min(680px,94%);margin-bottom:6vh;background:rgba(26,21,15,.97);border:1px solid #4a3c2b;border-radius:14px;padding:16px 20px;color:#e9dcc6;box-shadow:0 24px 70px rgba(0,0,0,.65);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialogue-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.dialogue-head h2{margin:0;font-size:19px;color:#f0d79a}.dialogue-title{font-size:12px;color:#b9925a;letter-spacing:.03em}.dialogue-head .x{margin-left:auto;background:transparent;border:1px solid #4a3c2b;color:#cdbfa8;border-radius:8px;cursor:pointer;padding:4px 9px}.dialogue-say{font-size:15px;line-height:1.5;color:#efe6d2;font-style:italic;margin:0 0 14px;border-left:2px solid #c9a25a;padding-left:12px}.dialogue-choices{display:flex;flex-direction:column;gap:6px}.dialogue-choice{text-align:left;background:#251d14;color:#e9dcc6;border:1px solid #3a2f22;border-radius:8px;padding:9px 12px;font-size:13px;cursor:pointer;transition:border-color .12s,background .12s}.dialogue-choice:hover{border-color:#c9a25a;background:#2e2418}.dialogue-note{color:#8c8474;font-size:11px;margin:12px 0 0;text-align:right}.economy.crafting,.economy.sheet{width:min(620px,94%)}.craft-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#251d14;border:1px solid #3a2f22;border-radius:8px;padding:7px 10px}.craft-row.locked{opacity:.55}.craft-info{display:flex;flex-direction:column;gap:3px;min-width:0}.craft-name{font-size:13px;color:#e9dcc6;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.craft-xp{font-size:11px;color:#8fb56a}.craft-inputs{display:flex;gap:10px;flex-wrap:wrap;font-size:11px}.craft-inputs .ok{color:#9bbf7a}.craft-inputs .missing{color:#cf8a6a}.craft-row button{background:#5a7d3b;color:#fff;border:none;border-radius:6px;padding:5px 12px;font-size:12px;cursor:pointer;white-space:nowrap}.craft-row button:disabled{opacity:.4;cursor:not-allowed}.econ-row.slot-row{background:#1f1810}.slot-name{color:#b9925a;font-size:11px;text-transform:uppercase;letter-spacing:.04em;min-width:64px}.slot-empty,.slot-item{flex:1 1;text-align:left}.econ-row.locked .missing{color:#cf8a6a;font-size:11px}.stat-grid{display:grid;grid-template-columns:1fr auto;grid-gap:2px 12px;gap:2px 12px;font-size:12.5px;background:#1f1810;border:1px solid #3a2f22;border-radius:8px;padding:8px 11px}.stat-grid span:nth-child(2n){color:#c9a25a;text-align:right}.style-row{display:flex;gap:6px}.style-btn{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:1px;background:#251d14;color:#cdbfa8;border:1px solid #3a2f22;border-radius:8px;padding:6px 4px;font-size:12px;cursor:pointer}.style-btn.on{background:#5a7d3b;color:#fff;border-color:#5a7d3b}.style-btn .style-trains{font-size:10px;opacity:.8}.style-note{font-size:12px;color:#b9ad99;background:#1f1810;border:1px solid #3a2f22;border-radius:8px;padding:7px 10px}.style-note b{color:#c9a25a}.economy.journal{width:min(640px,94%)}.journal-tabs{display:flex;gap:6px;margin-left:4px}.journal-tabs button{background:#251d14;color:#cdbfa8;border:1px solid #3a2f22;border-radius:8px;padding:5px 11px;font-size:12px;cursor:pointer}.journal-tabs button.on{background:#c9a25a;color:#1b1409;border-color:#c9a25a}.journal-body{display:flex;flex-direction:column;gap:10px;max-height:64vh;overflow:auto;padding-right:4px}.quest-entry{background:#1f1810;border:1px solid #3a2f22;border-radius:10px;padding:10px 12px}.quest-entry-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.quest-entry-name{color:#f0d79a;font-weight:600;font-size:14px;min-width:0;overflow-wrap:anywhere}.quest-badge{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:999px;border:1px solid #3a2f22;flex-shrink:0;white-space:nowrap}.quest-badge.muted{color:#8c8474}.quest-badge.active{color:#e7c662;border-color:#6a5320;background:#2a2114}.quest-badge.done{color:#8fd14f;border-color:#3f5a2a;background:#1e2a14}.quest-entry.locked{opacity:.62;border-style:dashed}.quest-summary{color:#b9ad99;font-size:12.5px;font-style:italic;margin:5px 0 6px}.quest-locked{color:#b9925a;font-size:12px;margin:2px 0 0}.quest-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.quest-steps li{font-size:12.5px;color:#cdbfa8}.quest-steps li.ok{color:#8fd14f}.codex-group h3{margin:4px 0 6px;font-size:12px;color:#c9a25a;text-transform:uppercase;letter-spacing:.05em}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:6px;gap:6px}.codex-cell{background:#1f1810;border:1px solid #3a2f22;border-radius:8px;padding:7px 9px;min-height:46px}.codex-cell.sealed{opacity:.5;border-style:dashed}.codex-name{font-size:13px;color:#e9dcc6}.codex-cell.sealed .codex-name{color:#8c8474;letter-spacing:.1em}.codex-stats{display:flex;flex-wrap:wrap;gap:5px;font-size:11px;color:#b9925a;margin-top:3px}.legacy-summary{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-bottom:4px}.legacy-stat{background:#1f1810;border:1px solid #3a2f22;border-radius:10px;padding:9px 6px;text-align:center;display:flex;flex-direction:column;gap:2px}.legacy-stat b{font-size:19px;color:#f0d79a}.legacy-stat span{font-size:10.5px;color:#8c8474;text-transform:uppercase;letter-spacing:.03em}.legacy-capes{display:flex;flex-wrap:wrap;gap:6px}.legacy-cape{font-size:12px;color:#1b1409;background:#c9a25a;border-radius:999px;padding:3px 10px;font-weight:600}.legacy-skills{display:flex;flex-direction:column;gap:2px}.legacy-skill{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:2px 0}.legacy-skill-name{flex:1 1;color:#cdbfa8}.legacy-pips{display:flex;gap:2px}.legacy-pip{color:#3a2f22;font-size:12px}.legacy-pip.on{color:#e7c662}.legacy-skill-lv{color:#c9a25a;min-width:22px;text-align:right}.economy.farm{width:min(460px,92%)}.farm-growing{display:flex;flex-direction:column;gap:8px;align-items:stretch;padding:6px 0}.farm-crop{font-size:15px;color:#f0d79a;text-align:center}.farm-growing .bar{height:12px}.farm-growing .muted{text-align:center;font-size:12.5px}.farm-growing button.harvest{background:#5a7d3b;color:#fff;border:none;border-radius:8px;padding:9px;font-size:14px;cursor:pointer}.farm-growing button.harvest:hover{background:#6c9447}.economy.homestead{width:min(560px,94%)}.home-current{background:#1f1810;border:1px solid #3a2f22;border-radius:10px;padding:10px 12px;margin-bottom:12px}.home-tier-name{font-size:15px;color:#f0d79a;font-weight:600}.home-summary{color:#b9ad99;font-size:12.5px;font-style:italic;margin-top:3px}.home-rest{margin-top:10px}.home-rest .rest-btn{width:100%;background:#3a5a78;color:#fff;border:none;border-radius:8px;padding:9px;font-size:13px;cursor:pointer}.home-rest .rest-btn:hover{background:#46688a}.home-rest .rest-btn:disabled{opacity:.45;cursor:not-allowed}.craft-row.home-next{align-items:flex-start}[dir=rtl] .panel h3 .fold{float:left}[dir=rtl] .dialogue-head .x,[dir=rtl] .economy-head .x{margin-left:0;margin-right:auto}[dir=rtl] .dialogue-say{border-left:none;border-right:2px solid #c9a25a;padding-left:0;padding-right:12px}[dir=rtl] .dialogue-note{text-align:left}[dir=rtl] .slot-empty,[dir=rtl] .slot-item{text-align:right}@media (max-width:560px){.economy-cols{grid-template-columns:1fr}.legacy-summary{grid-template-columns:repeat(2,1fr)}}