:root{--ink:#1a140c;--ink-soft:#3a2e1e;--parch:#e9ddc1;--parch-2:#ddcfa9;--parch-line:#c9b386;--bronze:#3e7c6b;--bronze-dark:#2a564b;--gold:#cf9c34;--gold-hi:#f0c965;--crimson:#9e3b2e;--crimson-hi:#c75440;--slate:#14201c;--shadow:rgba(0,0,0,.35)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:#0e1714;color:var(--parch);font-family:EB Garamond,Georgia,serif;overflow:hidden;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.mono{font-family:Space Mono,monospace}.cinzel{font-family:Cinzel,serif;letter-spacing:.04em}.veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 100% at 50% 0%,#14201cb3,#080c0bf7);padding:24px}.veil.hidden{display:none}.gate{width:min(560px,94vw);background:linear-gradient(180deg,var(--parch),var(--parch-2));color:var(--ink);border:1px solid var(--parch-line);border-radius:4px;box-shadow:0 30px 80px var(--shadow),inset 0 0 0 6px #ffffff2e;padding:34px 34px 30px;position:relative}.gate:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(120,90,40,.35);pointer-events:none}.gate-logo{display:block;width:86px;height:86px;object-fit:contain;margin:0 auto 14px;filter:drop-shadow(0 8px 16px rgba(42,29,5,.22))}.crest{font-family:Cinzel;font-weight:900;font-size:13px;letter-spacing:.5em;color:var(--bronze-dark);text-align:center}.gate h1{font-family:Cinzel;font-weight:900;font-size:clamp(30px,6vw,46px);line-height:.98;margin:.25em 0 .1em;color:var(--ink);text-align:center}.gate .sub{text-align:center;font-style:italic;color:var(--ink-soft);font-size:18px;margin-bottom:22px}.rule{height:1px;background:linear-gradient(90deg,transparent,var(--parch-line),transparent);margin:18px 0}.lore{font-size:16.5px;line-height:1.55;color:#2c2113}.lore p{margin:.55em 0}.gate-token{display:flex;align-items:center;gap:12px;justify-content:center;margin:16px 0 6px;font-family:Space Mono;font-size:12.5px;color:var(--ink-soft)}.pill{background:#3e7c6b29;border:1px solid rgba(62,124,107,.5);color:var(--bronze-dark);padding:4px 10px;border-radius:999px;font-weight:700}.map-picker{margin:14px 0 6px}.map-picker label{display:block;font-family:Space Mono,monospace;font-size:11px;color:#6a5836;margin-bottom:6px;text-transform:uppercase}.map-picker select{width:100%;border:1px solid var(--parch-line);border-radius:3px;background:#f8efd7;color:var(--ink);padding:10px 12px;font-family:Cinzel,serif;font-weight:700;font-size:13px}.map-info{font-family:Space Mono,monospace;font-size:11px;line-height:1.45;color:#6a5836;margin-top:7px}.btn{display:block;width:100%;border:none;padding:15px;font-size:16px;border-radius:3px;font-weight:700;letter-spacing:.02em;transition:transform .08s,filter .15s}.btn:active{transform:translateY(1px)}.btn-gold{background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:#2a1d05;font-family:Cinzel;box-shadow:0 6px #8a6517,0 10px 20px #0000004d}.btn-gold:hover{filter:brightness(1.05)}.btn-gold:disabled{filter:grayscale(.6) brightness(.9);cursor:not-allowed;box-shadow:0 4px #8a6517}.gate-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.gate-action-link{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;border:1px solid rgba(62,124,107,.38);background:#ffffff57;color:var(--bronze-dark);border-radius:3px;padding:9px 8px;font-family:Space Mono,monospace;font-size:11.5px;font-weight:700;line-height:1.1}.gate-action-link:hover{background:#ffffff85;filter:brightness(1.02)}.gate-action-link svg{width:18px;height:18px;display:block;fill:currentColor;flex:0 0 auto}.gate-action-link.buy{border-color:#cf9c348f;color:#6d4e10;background:#f0c9653b}.gate-action-link.buy text{font-family:Space Mono,monospace;font-size:19px;font-weight:700;fill:#6d4e10}.contract-copy{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:10px;border:1px dashed rgba(62,124,107,.4);background:#ffffff47;border-radius:3px;padding:8px 9px}.contract-label{font-family:Cinzel,serif;font-size:11px;font-weight:900;color:var(--bronze-dark);letter-spacing:.08em}.contract-address{font-family:Space Mono,monospace;font-size:10.5px;color:#3a2e1e;overflow-wrap:anywhere;line-height:1.35}.contract-copy-btn{border:1px solid rgba(62,124,107,.5);background:#3e7c6b1f;color:var(--bronze-dark);border-radius:3px;padding:7px 8px;font-family:Space Mono,monospace;font-size:10.5px;font-weight:700;white-space:nowrap}.contract-copy-btn:hover{background:#3e7c6b33}.gate-note{font-size:12.5px;color:#6a5836;text-align:center;margin-top:14px;line-height:1.5}.gate-note:empty{display:none}.wallet-row{margin-top:14px;font-family:Space Mono;font-size:12px;color:var(--ink-soft);background:#ffffff59;border:1px dashed var(--parch-line);border-radius:3px;padding:10px 12px;display:none}.wallet-row.show{display:block}.wallet-row b{color:var(--bronze-dark)}#game{position:fixed;top:0;right:0;bottom:0;left:0;display:none;grid-template-rows:auto 1fr;grid-template-columns:1fr}#game.show{display:grid}.topbar{display:flex;align-items:center;gap:14px;padding:8px 14px;background:linear-gradient(180deg,#22332d,#16221d);border-bottom:1px solid rgba(207,156,52,.25);box-shadow:0 2px 10px #0006;z-index:5}.brand{display:flex;align-items:center;gap:9px;font-family:Cinzel;font-weight:900;font-size:16px;color:var(--gold-hi);letter-spacing:.12em;white-space:nowrap}.brand-logo{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.4))}.age-badge{font-family:Cinzel;font-weight:700;font-size:12px;color:var(--parch);border:1px solid var(--bronze);background:#3e7c6b2e;padding:5px 11px;border-radius:999px;white-space:nowrap}.res-strip{display:flex;gap:6px;flex-wrap:wrap;flex:1;justify-content:center}.res{display:flex;align-items:center;gap:6px;background:#00000038;border:1px solid rgba(255,255,255,.07);border-radius:4px;padding:5px 9px;font-family:Space Mono;font-size:13px;min-width:84px}.res .ic{font-size:14px}.res .v{font-weight:700;color:#fff}.res .rate{font-size:10px;color:#8fbfb0;margin-left:2px}.wallet-chip{display:flex;align-items:center;gap:8px;background:#cf9c341f;border:1px solid rgba(207,156,52,.45);border-radius:999px;padding:5px 12px;cursor:pointer;white-space:nowrap}.wallet-chip .dot{width:8px;height:8px;border-radius:50%;background:#5fd39a;box-shadow:0 0 8px #5fd39a}.wallet-chip .addr{font-family:Space Mono;font-size:12px;color:var(--parch)}.wallet-chip .aeth{font-family:Space Mono;font-size:12px;color:var(--gold-hi);font-weight:700}.stage{position:relative;overflow:hidden}#three{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.stage .vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 160px 30px #00000073}.selection-box{position:fixed;z-index:6;display:none;border:1px solid rgba(130,247,166,.95);background:#82f7a61f;box-shadow:0 0 0 1px #0a140ea6,inset 0 0 20px #82f7a61f;pointer-events:none}.cursor-hint{position:fixed;z-index:7;display:none;padding:3px 7px;border:1px solid rgba(137,247,165,.55);border-radius:3px;background:#0c1912c7;color:#d8ffe1;font-family:Space Mono,monospace;font-size:10px;letter-spacing:0;pointer-events:none}.cursor-hint.show{display:block;animation:hintpop .42s ease both}@keyframes hintpop{0%{opacity:0;transform:translateY(5px) scale(.92)}45%{opacity:1}to{opacity:0;transform:translateY(-5px) scale(1.04)}}.log{position:absolute;left:14px;bottom:14px;width:min(380px,46vw);max-height:30vh;overflow:hidden;display:flex;flex-direction:column-reverse;gap:4px;z-index:3;pointer-events:none}.logline{background:#0a100ec7;border-left:3px solid var(--bronze);color:#dfe9e2;padding:6px 10px;font-size:13.5px;border-radius:0 3px 3px 0;line-height:1.35;animation:fadein .4s ease}.logline.war{border-left-color:var(--crimson-hi);color:#f3d4cc}.logline.win{border-left-color:var(--gold);color:#f3e3bd}.logline.story{border-left-color:#8a6fd0;color:#e2dcf3;font-style:italic}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1}}.hud{position:absolute;top:12px;right:12px;width:min(330px,92vw);z-index:4;color:var(--ink);background:linear-gradient(180deg,#e9ddc1f7,#ddcfa9f7);border:1px solid var(--parch-line);border-radius:5px;box-shadow:0 18px 50px var(--shadow),inset 0 0 0 4px #fff3;max-height:calc(100% - 24px);overflow:auto}.hud-h{font-family:Cinzel;font-weight:700;font-size:12px;letter-spacing:.18em;color:var(--bronze-dark);padding:11px 14px 6px;border-bottom:1px solid var(--parch-line);text-transform:uppercase;display:flex;justify-content:space-between;align-items:baseline}.hud-h small{font-family:Space Mono;letter-spacing:0;color:#6a5836;font-size:11px;text-transform:none}.hud-sec{padding:10px 12px;border-bottom:1px solid rgba(201,179,134,.55)}.hud-sec:last-child{border-bottom:none}.pop{font-family:Space Mono;font-size:12.5px;color:var(--ink-soft);margin-bottom:8px;text-align:center}.pop b{color:var(--bronze-dark)}.jobs{display:grid;grid-template-columns:1fr auto auto auto;gap:6px}.jobs .jl{font-size:14px;display:flex;align-items:center;gap:6px}.jbtn{width:26px;height:26px;border-radius:3px;border:1px solid var(--parch-line);background:#f2e9d0;color:var(--ink);font-weight:700;font-size:15px;line-height:1}.jbtn:hover{background:#fff}.jcount{font-family:Space Mono;font-weight:700;min-width:22px;text-align:center;font-size:14px}.action{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:6px 0}.action .meta{font-size:13.5px;line-height:1.2}.action .cost{font-family:Space Mono;font-size:11px;color:#6a5836;display:block;margin-top:2px}.abtn{border:1px solid var(--bronze-dark);background:linear-gradient(180deg,#56a08d,#3e7c6b);color:#fff;font-family:Cinzel;font-weight:700;font-size:12px;padding:8px 11px;border-radius:3px;white-space:nowrap;box-shadow:0 3px #244a40}.abtn:hover{filter:brightness(1.08)}.abtn:disabled{filter:grayscale(.7) opacity(.6);cursor:not-allowed;box-shadow:0 2px #244a40}.abtn.gold{border-color:#8a6517;background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:#2a1d05;box-shadow:0 3px #8a6517}.abtn.war{border-color:#6e271d;background:linear-gradient(180deg,var(--crimson-hi),var(--crimson));box-shadow:0 3px #6e271d}.bar{height:8px;border-radius:4px;background:#0000002e;overflow:hidden;margin-top:6px}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--bronze),#7fd0b9)}.tc-hp .bar>i{background:linear-gradient(90deg,var(--crimson),#e08a5c)}.raid-line{font-family:Space Mono;font-size:12px;color:var(--ink-soft);margin-top:6px}.raid-line b{color:var(--crimson)}.fab{position:absolute;left:14px;top:14px;z-index:4;display:flex;gap:8px;flex-direction:column}.fab button{font-family:Cinzel;font-weight:700;font-size:12px;letter-spacing:.05em;background:#cf9c3424;color:var(--gold-hi);border:1px solid rgba(207,156,52,.45);border-radius:4px;padding:9px 13px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.fab button:hover{background:#cf9c3440}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:none;align-items:center;justify-content:center;background:#060a09cc;padding:20px}.modal.show{display:flex}.sheet{width:min(560px,96vw);max-height:90vh;overflow:auto;background:linear-gradient(180deg,var(--parch),var(--parch-2));color:var(--ink);border-radius:5px;border:1px solid var(--parch-line);box-shadow:0 30px 80px var(--shadow),inset 0 0 0 6px #ffffff2e;padding:26px 26px 22px;position:relative}.sheet h2{font-family:Cinzel;font-weight:900;font-size:24px;margin:0 0 2px}.sheet .x{position:absolute;top:14px;right:16px;background:none;border:none;font-size:26px;color:var(--ink-soft);line-height:1}.mk-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid rgba(201,179,134,.6);padding:12px 0}.mk-row:last-of-type{border-bottom:none}.mk-row .t{font-size:16px}.mk-row .d{font-size:12.5px;color:#6a5836;line-height:1.35}.conv{display:flex;gap:8px;align-items:center;margin:10px 0;flex-wrap:wrap}.conv input{width:120px;font-family:Space Mono;padding:9px;border:1px solid var(--parch-line);border-radius:3px;background:#fff;color:var(--ink);font-size:14px}.note{font-size:12.5px;color:#6a5836;line-height:1.5;background:#3e7c6b1a;border:1px solid rgba(62,124,107,.3);border-radius:3px;padding:10px 12px;margin-top:8px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:60;background:#1c2a24;color:#eef5f0;border:1px solid var(--gold);border-radius:4px;padding:11px 18px;font-size:14px;box-shadow:0 12px 30px #00000080;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(-4px)}@media(max-width:720px){.res-strip{order:3;width:100%;justify-content:flex-start}.topbar{flex-wrap:wrap}.log{display:none}.gate-links{grid-template-columns:1fr}.gate-action-link{min-height:38px}.contract-copy{grid-template-columns:auto minmax(0,1fr)}.contract-copy-btn{grid-column:1 / -1;width:100%}}