@font-face{font-family:system;src:local('Arial')}
:root{color-scheme:dark;--ink:#152729;--panel:#13272af5;--line:#ffffff1c;--muted:#9eb2af;--gold:#eac27e;--cream:#f6eedb;--mint:#8dd4ad}
*{box-sizing:border-box}body{margin:0;background:#101d20;color:var(--cream);font-family:system-ui,-apple-system,sans-serif;font-size:14px;height:100vh;min-width:1024px;display:flex;flex-direction:column;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);border-radius:7px;background:#ffffff09;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#ffffff18;border-color:#eac27e80}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.43}button.gold{background:var(--gold);color:#26312c;border-color:var(--gold);font-weight:750}button.gold:hover:not(:disabled){background:#f5d9a5}.hud{height:76px;flex:none;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#142426;border-bottom:1px solid #eac27e33;gap:25px}.brand{display:flex;gap:12px;align-items:center}.crest{font-size:36px;color:var(--gold)}.brand strong{font-size:14px;letter-spacing:1.4px}.brand small{display:block;font-size:9px;letter-spacing:1.6px;color:var(--muted);margin-top:5px}.vitals{display:flex;gap:20px;align-items:center}.vital{width:98px}.vital-label{display:flex;justify-content:space-between;font-size:11px;gap:8px;margin-bottom:6px;color:#c5d3cc}.vital-label b{font-size:11px;color:var(--cream);font-variant-numeric:tabular-nums}.meter{height:5px;background:#ffffff12;border-radius:1px;overflow:hidden}.meter i{height:100%;display:block;background:var(--color)}.coins{display:flex;gap:8px;align-items:center;font-variant-numeric:tabular-nums}.coins span{color:var(--gold);font-size:20px}.coins small{display:block;color:var(--muted);font-size:10px}.round-clock{text-align:right;border-left:1px solid var(--line);padding-left:25px;min-width:140px}.round-clock small{font-size:9px;letter-spacing:1.5px;color:var(--muted);display:block}.round-clock strong{font-size:19px;letter-spacing:2px;display:block;margin-top:4px;font-variant-numeric:tabular-nums}main{display:flex;flex:1;min-height:0;background:radial-gradient(#314c45,#0e1b1e)}.stage-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 12px}.stage{position:relative;aspect-ratio:16/9;width:100%;max-height:100%;max-width:calc((100vh - 190px)*16/9);overflow:hidden;box-shadow:0 0 45px #0008}.scene{position:absolute;inset:0;background:#3c5647 url('/assets/village-pixel.png') center/100% 100% no-repeat;image-rendering:pixelated}.scene:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 80px #0a191940;pointer-events:none}#actors,#entities{position:absolute;inset:0;width:100%;height:100%}#actors{image-rendering:pixelated;pointer-events:none}#entities{pointer-events:none}.entity{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;display:flex;gap:6px;align-items:center;padding:5px 9px;border:1px solid #d4c3a859;background:#182727df;color:#eee5cf;border-radius:4px;font-size:11px;line-height:1;box-shadow:0 3px 5px #0006;white-space:nowrap}.entity .entity-icon{color:var(--gold);font-size:16px}.entity.owned{border-color:#b3e6c2;box-shadow:0 0 0 2px #31544277,0 3px 6px #0008}.entity.near{border-color:var(--gold);background:#334339}.entity:hover{z-index:3;transform:translate(-50%,-55%);background:#152725}.entity .tag{width:4px;height:4px;background:var(--mint);border-radius:50%}.broadcast{position:absolute;top:16px;left:18px;display:flex;align-items:center;gap:7px;background:#132326e8;border:1px solid var(--line);padding:8px 10px;border-radius:3px;font-size:10px;letter-spacing:1.5px;pointer-events:none}.broadcast i{display:block;background:#ee8b76;width:6px;height:6px;border-radius:50%}.broadcast span{color:#b8c8c2;border-left:1px solid var(--line);padding-left:10px;letter-spacing:0}.stage-note{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:#122327e8;padding:8px 15px;border:1px solid var(--line);border-radius:20px;font-size:11px;color:#d8ddd1;white-space:nowrap;pointer-events:none}.dock{height:84px;flex:none;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:0 26px;background:#142426;border-top:1px solid #eac27e33}.identity{min-width:165px}.identity b{display:block;font-size:13px}.identity small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.quick-inventory{display:flex;gap:4px;align-items:center;flex:1;justify-content:center}.quick-slot{width:35px;height:40px;border:1px solid #ffffff18;background:#0c1b1d;border-radius:4px;position:relative;display:grid;place-items:center;color:var(--gold);font-size:17px}.quick-slot.empty:after{content:'·';color:#ffffff24}.quick-slot small{position:absolute;bottom:3px;right:4px;font-size:10px;color:var(--cream)}.dock-actions{display:flex;gap:6px}.dock-actions button{height:40px;padding:0 10px;font-size:15px}.dock-actions .dock-label{font-size:11px;margin-left:5px}.statusline{height:30px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:0 27px;background:#0c191c;color:#7e9892;font-size:9px;letter-spacing:.4px}.statusline>span:nth-child(2){color:#bdad8b}.panel{position:absolute;z-index:6;right:14px;top:14px;bottom:14px;width:384px;border:1px solid #b2b5984d;background:var(--panel);box-shadow:0 12px 42px #0010139c;border-radius:9px;backdrop-filter:blur(12px);display:flex;flex-direction:column;overflow:hidden}.panel[hidden]{display:none}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.panel-head small{font-size:9px;letter-spacing:1.7px;color:var(--gold);text-transform:uppercase}.panel h2{font-size:24px;margin:3px 0 0;font-weight:650}.close{width:30px;height:30px;font-size:20px;color:var(--muted)}.panel-body{padding:18px 20px;overflow:auto;flex:1;scrollbar-color:#536b61 #13272a;scrollbar-width:thin}.panel p{font-size:12px;line-height:1.7;color:#b8cbc4;margin:0 0 16px}.panel h3{font-size:13px;margin:20px 0 10px}.panel .subtle,.subtle{color:var(--muted);font-size:11px;line-height:1.65}.notice{border:1px solid #eac27e35;background:#eac27e0a;padding:12px;margin-bottom:14px;border-radius:5px;font-size:11px;color:#ddc8a1;line-height:1.7}.gather-hero{text-align:center;padding:16px 0 22px;border-bottom:1px solid var(--line)}.gather-hero>div{font-size:44px;color:var(--gold);margin-bottom:8px}.gather-hero p{margin:0}.actions-row{display:flex;gap:8px;margin:14px 0}.actions-row button{padding:10px;flex:1;font-size:12px}.actions-row button small{display:block;font-size:10px;margin-top:4px;opacity:.7}.chance{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #ffffff0b;font-size:12px}.chance b{color:var(--gold);font-weight:500}.recipe,.item-row,.order{border:1px solid var(--line);border-radius:6px;padding:12px;margin-bottom:9px;background:#ffffff03}.recipe h4{font-size:12px;margin:0 0 8px;display:flex;justify-content:space-between;align-items:center}.tier{font-size:9px;border:1px solid var(--line);padding:2px 5px;color:var(--muted);font-weight:400}.recipe .inputs{font-size:10px;line-height:1.8;color:#a4b7ae;margin:6px 0}.recipe .cost{color:var(--gold);font-size:10px}.recipe .actions-row{margin:10px 0 0}.recipe button{font-size:10px;padding:6px}.missing{color:#bd8073}.ok{color:var(--mint)}.item-row{display:flex;align-items:center;gap:10px}.item-icon{font-size:22px;color:var(--gold);width:30px;text-align:center}.item-info{flex:1;min-width:0}.item-info b{font-size:12px;display:block}.item-info small{font-size:10px;display:block;color:var(--muted);margin-top:5px}.item-row button{font-size:10px;padding:7px}.empty-state{text-align:center;padding:30px 8px}.empty-state .large-icon{font-size:38px;color:var(--gold);opacity:.8;margin-bottom:12px}.tabs{display:flex;gap:5px;margin-bottom:14px}.tabs button{flex:1;padding:8px 3px;font-size:11px}.tabs button.active{background:#eac27e1a;color:var(--gold);border-color:#eac27e66}.order h4{margin:0 0 8px;font-size:13px}.order-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.order-bottom button{padding:7px 10px;font-size:11px}.order-bottom b{font-size:13px;color:var(--gold)}input,select{width:100%;background:#0d1d20;border:1px solid #a8b6a838;border-radius:5px;color:var(--cream);padding:10px;margin-top:6px;font-size:12px}label{display:block;font-size:11px;color:#b9ccc4;margin-bottom:14px}option{background:#152729}form .split{display:flex;gap:12px}form .split>*{flex:1}.wide{width:100%;padding:12px;font-size:13px}.timeline{border-left:1px solid #eac27e4d;margin:0 0 0 4px;padding:0 0 0 16px}.event{position:relative;margin-bottom:19px}.event:before{content:'';position:absolute;left:-20px;top:5px;width:6px;height:6px;background:var(--gold);border-radius:50%}.event small{display:block;color:#8ca39c;font-size:9px;margin-bottom:4px}.event p{font-size:11px;margin:0}.leader{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.leader>span{color:var(--gold);width:18px}.leader>div{flex:1;font-size:12px}.leader small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.leader>b{color:var(--gold);font-size:12px}.join-shade{position:absolute;inset:0;background:#0c202a65;backdrop-filter:blur(2px);z-index:8;display:flex;align-items:center;justify-content:center}.join-shade[hidden]{display:none}.join-card{width:450px;background:#14282cf5;border:1px solid #bba7798c;padding:28px 34px;box-shadow:0 20px 90px #001019b8;border-radius:10px;max-height:95%;overflow:auto}.eyebrow{font-size:9px;letter-spacing:2.5px;color:var(--gold)}h1{font:600 37px/1.08 Georgia,serif;margin:13px 0;color:#f1e9d8}.join-card p{font-size:12px;line-height:1.65;color:#adbfba;margin:0 0 18px}.profession-selects{display:flex;gap:12px}.profession-selects label{flex:1}.join-note{font-size:10px;line-height:1.6;color:#a2b9ad;margin-bottom:16px}.local-disclaimer{display:block;text-align:center;font-size:9px;color:#97ada4;margin-top:13px}.join-card .gold{display:flex;justify-content:space-between}#toast{position:fixed;z-index:20;bottom:130px;left:50%;transform:translateX(-50%);background:#15332eef;border:1px solid #8fc4a8;padding:13px 20px;box-shadow:0 10px 35px #0006;max-width:580px;border-radius:7px;font-size:12px;text-align:center}#toast.error{border-color:#c98672;background:#3b2826f5}#toast[hidden]{display:none}.stats-row{display:flex;gap:10px;margin-bottom:14px}.stats-row>div{flex:1;padding:12px;background:#ffffff06;border:1px solid var(--line);border-radius:5px;text-align:center}.stats-row strong{display:block;font-size:23px;color:var(--gold)}.stats-row small{font-size:9px;color:var(--muted)}
@media(max-width:1250px){.hud{padding:0 18px;gap:12px}.brand strong{font-size:11px}.brand small{font-size:8px;letter-spacing:1px}.vitals{gap:12px}.vital{width:80px}.round-clock{min-width:120px;padding-left:16px}.dock{padding:0 18px;gap:10px}.dock-actions .dock-label{display:none}.quick-slot{width:31px}.panel{width:350px}.statusline>span:last-child{display:none}}
@media(max-height:760px){.hud{height:66px}.dock{height:68px}.statusline{height:26px}.stage{max-width:calc((100vh - 160px)*16/9)}.join-card{padding:20px 28px;width:430px}h1{font-size:30px}.join-card p{margin-bottom:10px}.join-card label{margin-bottom:9px}.join-note{margin-bottom:10px}.panel-head{padding:13px 17px}.panel-body{padding:13px 17px}.entity{font-size:10px;padding:4px 6px}.entity .entity-icon{font-size:13px}}
.scene{pointer-events:none}.entity:hover,.entity:active:not(:disabled){transform:translate(-50%,-50%)}
.vital-label{flex-direction:column-reverse;gap:3px}.vital-label>span{font-size:9px;white-space:nowrap}.vital-label b{white-space:nowrap;line-height:1;font-size:12px}.vital-label .subtle{font-size:10px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}