:root{--bg0: #07140c;--bg1: #0e2416;--leaf: #2f6b3c;--leaf2: #4a9a5c;--moss: #7aad6a;--emerald: #3dd68c;--gold: #d4b45a;--gold2: #f0dfa0;--gold3: #fff3c4;--blood: #a33a3a;--ink: #e7f2e6;--muted: #a8c4a4;--panel: rgba(6, 18, 10, .82);--panel-strong: rgba(4, 14, 8, .9);--line: rgba(90, 170, 100, .35);--line-strong: rgba(180, 220, 140, .5);--glow: 0 0 28px rgba(61, 214, 140, .12);--shadow: 0 12px 40px rgba(0, 0, 0, .5);--scale: 1.22}*{box-sizing:border-box}html{zoom:var(--scale)}html,body{margin:0;height:100%;overflow:hidden;background-color:#06100a;background-image:url(/forest-bg.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;color:var(--ink);font-family:DM Sans,system-ui,sans-serif}@supports not (zoom: 1){html{font-size:122%}html,body{overflow:auto}#app{height:auto;min-height:100vh}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(20,60,30,.15),transparent 70%),linear-gradient(180deg,#040e0894,#040e0852 45%,#030c07c7);z-index:0}#app{position:relative;z-index:1;height:calc(100dvh / var(--scale));height:calc(100vh / var(--scale));max-width:calc(1480px / var(--scale));margin:0 auto;padding:10px 12px 8px;display:flex;flex-direction:column;gap:8px;min-height:0;overflow:hidden}.topbar{display:flex;flex-wrap:nowrap;gap:10px;align-items:center;justify-content:space-between;flex-shrink:0;margin:0;padding:8px 14px;border:1px solid var(--line);border-radius:4px;background:linear-gradient(180deg,rgba(40,90,50,.28),transparent 55%),var(--panel);box-shadow:var(--glow),inset 0 1px #b4dc8c1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{font-family:Cinzel,serif;font-weight:700;letter-spacing:.12em;font-size:.98rem;color:var(--gold2);line-height:1.2;text-shadow:0 0 18px rgba(74,154,92,.45)}.contracts{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:.72rem;color:var(--muted);margin-top:2px}.contracts a{color:var(--moss);text-decoration:none;border-bottom:1px dashed rgba(122,173,106,.45);transition:color .15s ease,border-color .15s ease}.contracts a:hover{color:var(--gold2);border-bottom-color:var(--gold2)}.wallet-row{display:flex;flex-wrap:nowrap;gap:7px;align-items:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:linear-gradient(180deg,#1e4a2a,#0f2416);color:var(--ink);font-family:inherit;font-weight:700;font-size:.8rem;padding:7px 14px;cursor:pointer;transition:.15s ease;border-radius:999px;line-height:1.2;white-space:nowrap;box-shadow:inset 0 1px #b4dc8c1a}.btn:hover{border-color:var(--line-strong);color:var(--gold2);box-shadow:0 0 14px #4a9a5c40,inset 0 1px #b4dc8c24}.btn:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.btn-gold{background:linear-gradient(180deg,#5bb86a,#2f6b3c 48%,#1a4024);border-color:#8fd49a;color:#f4fff4;text-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 0 16px #3dd68c38,inset 0 1px #c8ffc847}.btn-gold:hover{filter:brightness(1.08);color:#fff;box-shadow:0 0 22px #3dd68c59,inset 0 1px #c8ffc866}.btn-blood{background:linear-gradient(180deg,#8a3434,#4e1818);border-color:#c06060;box-shadow:0 0 12px #a33a3a38,inset 0 1px #ffb4b41a}.btn-blood:hover{color:#ffe8e8;border-color:#e88888}.wallet-chip{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:linear-gradient(180deg,#1e462880,#00000059);color:var(--gold2);font-weight:700;font-size:.8rem;box-shadow:inset 0 0 0 1px #7aad6a1a}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(270px,.72fr) minmax(200px,.48fr);gap:10px;flex:1;min-height:0;align-items:stretch}.throne-card{position:relative;border:1px solid var(--line);border-radius:4px;background:linear-gradient(180deg,rgba(40,100,55,.18),transparent 30%),var(--panel);padding:12px 14px 10px;text-align:center;overflow:hidden;display:flex;flex-direction:column;min-height:0;box-shadow:var(--shadow),var(--glow)}.throne-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 42%,transparent 40%,rgba(0,20,8,.35) 100%);z-index:0}.throne-card>*{position:relative;z-index:1}.throne-card h1{margin:0;font-family:Cinzel,serif;font-weight:900;font-size:clamp(1.2rem,2.4vh,1.85rem);letter-spacing:.04em;color:var(--gold2);line-height:1.15;text-shadow:0 0 28px rgba(74,154,92,.45),0 2px 0 rgba(0,0,0,.45)}.throne-card .sub{color:var(--muted);margin:3px 0 8px;font-size:.8rem;letter-spacing:.02em}.throne-stage{position:relative;width:min(100%,48vh,420px);margin:0 auto;aspect-ratio:1 / 1;flex:0 0 auto;flex-shrink:0;border-radius:14px;overflow:hidden;border:1px solid var(--line-strong);box-shadow:0 0 0 1px #00000080,0 14px 36px #0000008c,0 0 40px #3dd68c1f}.throne-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;box-shadow:inset 0 0 40px #00140866;border-radius:inherit}.throne-img{width:100%;height:100%;object-fit:cover;object-position:center 42%;position:relative;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none}.avatar-slot{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:24%;aspect-ratio:1;border-radius:50%;border:3px solid var(--gold);background:#0d1a10;overflow:hidden;z-index:3;box-shadow:0 0 0 4px #4a9a5c38,0 0 22px #3dd68c59,0 10px 22px #0000008c}.avatar-slot img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;image-rendering:auto;image-rendering:high-quality;-ms-interpolation-mode:bicubic}.avatar-slot .placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--muted);font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.14em;background:radial-gradient(circle at 50% 40%,#1a3220,#0a140c)}.avatar-controls{display:grid;gap:5px;margin:0;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#00000047;text-align:left;flex-shrink:0}.avatar-controls-title{font-family:Cinzel,serif;color:var(--gold2);font-size:.7rem;letter-spacing:.08em;cursor:pointer;list-style:none}.avatar-controls-title::-webkit-details-marker{display:none}.avatar-controls:not([open]){padding-bottom:6px}.avatar-controls[open] .avatar-controls-title{margin-bottom:4px}.avatar-controls label{display:grid;grid-template-columns:44px 1fr 32px;gap:4px;align-items:center;font-size:.65rem;color:var(--muted)}.avatar-controls input[type=range]{width:100%;accent-color:var(--moss)}.avatar-controls #avatar-reset{justify-self:start;margin-top:2px;padding:3px 8px;font-size:.65rem}.bars{display:grid;gap:5px;text-align:left;margin:8px auto 0;width:min(400px,100%);flex-shrink:0}.bar-label{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);margin-bottom:2px}.bar{height:9px;border:1px solid var(--line);border-radius:2px;background:#06100a;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.bar>span{display:block;height:100%;width:0%;transition:width .35s ease;border-radius:1px}.bar.hp>span{background:linear-gradient(90deg,#2f6b3c,#8fd49a);box-shadow:0 0 8px #4a9a5c80}.bar.shield>span{background:linear-gradient(90deg,#2a6a8a,#8ec8e8);box-shadow:0 0 8px #4a8cb866}.bar.age>span{background:linear-gradient(90deg,#a88a30,#f0dfa0);box-shadow:0 0 8px #d4b45a66}.market-box{margin-top:0;padding:9px 10px;border:1px solid var(--line);border-radius:4px;background:linear-gradient(180deg,rgba(30,80,40,.18),transparent 50%),#00000047}.market-box .callout-title{font-family:Cinzel,serif;color:var(--moss);font-size:.84rem;letter-spacing:.04em}.panel{border:1px solid var(--line);border-radius:4px;background:linear-gradient(180deg,rgba(30,80,42,.2),transparent 22%),var(--panel);padding:11px;display:flex;flex-direction:column;gap:8px;min-height:0;overflow:hidden;box-shadow:var(--shadow),var(--glow)}.panel h2{margin:0;font-family:Cinzel,serif;font-size:.92rem;letter-spacing:.08em;color:var(--moss);flex-shrink:0;text-shadow:0 0 14px rgba(74,154,92,.3)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0;flex-shrink:0}.stat{border:1px solid var(--line);border-radius:3px;padding:7px 9px;background:linear-gradient(160deg,#193c2066,#00000047)}.stat .k{font-size:.64rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.stat .v{margin-top:3px;font-weight:700;font-size:.95rem;color:var(--gold2);word-break:break-all;font-variant-numeric:tabular-nums}.field{display:grid;gap:3px;margin:0}.field label{font-size:.7rem;color:var(--muted);letter-spacing:.02em}.field input{width:100%;padding:7px 9px;border:1px solid var(--line);border-radius:3px;background:#07140c;color:var(--ink);font:inherit;font-size:.84rem;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus{outline:none;border-color:var(--line-strong);box-shadow:0 0 0 2px #4a9a5c33}.actions{display:flex;flex-wrap:wrap;gap:7px;margin:0}.trade-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.trade-col{display:flex;flex-direction:column;gap:6px}.combat-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.muted{color:var(--muted)}.status{margin:0;min-height:1.15em;font-size:.76rem;color:var(--emerald);line-height:1.25;flex-shrink:0}.status.err{color:#ff9a9a;text-shadow:0 0 10px rgba(163,58,58,.35)}.footer-strip{flex-shrink:0;display:grid;grid-template-columns:1fr 1.4fr;gap:8px;min-height:0}.footer-strip-single{grid-template-columns:1fr}.board-panel{min-width:0}.board-sub{font-size:.68rem;margin:-2px 0 4px}.board-list{display:flex;flex-direction:column;gap:4px;flex:1;min-height:0;overflow:auto}.board-row{display:grid;grid-template-columns:18px 22px minmax(0,1fr) auto;gap:6px;align-items:center;padding:5px 7px;border:1px solid var(--line);border-radius:3px;background:#00000038;font-size:.76rem}.board-row.me{border-color:#8fd49a8c;background:linear-gradient(135deg,#1e502a80,#00000047);box-shadow:0 0 12px #3dd68c24}.board-rank{font-family:Cinzel,serif;color:var(--moss);font-weight:700;font-size:.72rem}.board-avatar{width:22px;height:22px;border-radius:50%;border:1px solid var(--gold);object-fit:cover;background:#0a140c;flex-shrink:0}.board-avatar-empty{display:inline-block;background:#00000059}.board-who{color:var(--gold2);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-dmg{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.board-empty{font-size:.76rem;padding:8px 2px}.board-you{margin-top:auto;padding-top:6px;font-size:.72rem;border-top:1px solid rgba(90,170,100,.22)}.footer-strip .box{border:1px solid var(--line);border-radius:4px;background:var(--panel);padding:7px 12px;min-height:0;overflow:hidden;box-shadow:inset 0 1px #b4dc8c14}.footer-strip h2{font-family:Cinzel,serif;color:var(--moss);margin:0 0 2px;font-size:.78rem;letter-spacing:.06em}.footer-strip .muted,.footer-strip .history-item{font-size:.74rem;line-height:1.25}.history-scroll{max-height:3.4em;overflow:hidden}.history-item{padding:1px 0;border:0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.twitter-box{margin:0;flex-shrink:0}.phase-clock{margin:8px auto 10px;max-width:440px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;text-align:left;background:#0000006b}.phase-clock.courtiers{border-color:#dc5a468c;background:linear-gradient(135deg,#5f1c168c,#00000059);box-shadow:0 0 0 1px #dc5a461f,0 8px 20px #00000059}.phase-clock.king{border-color:#8fd49a8c;background:linear-gradient(135deg,#1c4e288c,#00000059);box-shadow:0 0 0 1px #8fd49a1f,0 8px 20px #00000059}.phase-clock.idle{color:var(--muted)}.phase-clock.ended{border-color:#e8c86e8c;animation:phase-pulse 1s ease-in-out infinite}@keyframes phase-pulse{0%,to{box-shadow:0 0 0 1px #e8c86e33}50%{box-shadow:0 0 16px #e8c86e59}}.phase-clock-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.phase-pill{font-family:Cinzel,serif;font-size:.72rem;font-weight:700;letter-spacing:.14em;padding:4px 8px;border-radius:4px;border:1px solid rgba(232,200,110,.35);color:var(--gold2);background:#00000059}.phase-clock.courtiers .phase-pill{border-color:#ff8c7880;color:#ffc9bc;background:#781e168c}.phase-clock.king .phase-pill{border-color:#8fd49a8c;color:#c8f0cf;background:#1846248c}.phase-clock-time{font-family:Cinzel,Times New Roman,serif;font-variant-numeric:tabular-nums;font-size:1.65rem;font-weight:700;line-height:1;color:var(--gold2);letter-spacing:.04em;min-width:3.2ch;text-align:right}.phase-clock-time.urgent{color:#ffb4a4}.phase-clock-time.done{color:#f0d78c}.phase-bar-track{margin:8px -12px 0;height:6px;border-radius:0;background:#ffffff14;overflow:hidden}.phase-bar-fill{display:block;height:100%;width:100%;border-radius:0;background:linear-gradient(90deg,#c9a227,#f0d78c)}.phase-clock.courtiers .phase-bar-fill{background:linear-gradient(90deg,#a33a2a,#ff8a72)}.phase-clock.king .phase-bar-fill{background:linear-gradient(90deg,#2f8a48,#8fd49a)}.phase-who{margin-top:7px;font-family:Cinzel,serif;font-size:.78rem;font-weight:700;color:var(--gold2)}.phase-sub{margin-top:3px;font-size:.72rem;color:var(--muted)}.phase-sub b{color:var(--gold2)}.callout-title{font-family:Cinzel,serif;color:var(--gold2);font-weight:700;margin-bottom:4px;font-size:.84rem}.twitter-card{display:flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid var(--line);border-radius:3px;background:linear-gradient(135deg,#19462366,#00000047);margin-bottom:0}.twitter-meta{flex:1;min-width:0}.btn-x-exit{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;width:22px;height:22px;margin-left:auto;padding:0;border:1px solid rgba(220,90,90,.65);border-radius:50%;background:linear-gradient(180deg,#c44848,#7a2020);cursor:pointer;position:relative;box-shadow:0 0 8px #b33a3a59;transition:filter .15s ease,box-shadow .15s ease}.btn-x-exit:before,.btn-x-exit:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:#ffe8e8;border-radius:1px}.btn-x-exit:before{transform:translate(-50%,-50%) rotate(45deg)}.btn-x-exit:after{transform:translate(-50%,-50%) rotate(-45deg)}.btn-x-exit:hover{filter:brightness(1.12);box-shadow:0 0 12px #dc5a5a80}.twitter-avatar{width:38px;height:38px;border-radius:50%;border:2px solid var(--gold);object-fit:cover;background:#0a140c;flex-shrink:0;box-shadow:0 0 10px #4a9a5c4d}.twitter-name{font-weight:700;color:var(--gold2);font-size:.88rem}.twitter-user{color:var(--muted);font-size:.76rem}.hint{margin:0;font-size:.7rem;line-height:1.3;color:var(--muted);letter-spacing:.02em}.admin-box[hidden]{display:none!important}@media(max-width:900px){html{zoom:1}html,body{overflow:auto;height:auto}#app{height:auto;min-height:100dvh;max-width:none;overflow:visible;padding-bottom:24px}.hero{grid-template-columns:1fr}.throne-stage{width:min(100%,70vw);max-height:none}.footer-strip{grid-template-columns:1fr}.panel{overflow:visible}.board-panel{max-height:280px}}