:root{--wood-dark: #3a2416;--wood: #5a3a20;--wood-light: #8a5a34;--stone-dark: #2b2925;--stone: #4a4642;--stone-light: #6b6864;--parchment: #e8d9b0;--parchment-dark: #cbb27a;--ink: #2a1e12;--gold: #d4af37;--gold-bright: #f2d570;--red: #a83b3b;--red-bright: #d94f4f;--green: #4c7a3a;--blue: #3b6f9d;--panel-radius: 4px;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}.hidden{display:none!important}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0b0b12;color:var(--parchment);user-select:none}canvas{display:block;image-rendering:pixelated}button{font-family:inherit;cursor:pointer}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--wood-light);border-radius:4px}::-webkit-scrollbar-track{background:var(--stone-dark)}:root{--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}.frame-wood,.frame-stone{background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat,no-repeat;background-position:9px 9px,calc(100% - 9px) 9px,9px calc(100% - 9px),calc(100% - 9px) calc(100% - 9px),0 0,0 0;background-size:8px 8px,8px 8px,8px 8px,8px 8px,auto,auto;border-radius:var(--panel-radius)}.frame-wood{background-image:radial-gradient(circle,#170d06 0 38%,#c9a866cc 38% 52%,transparent 52%),radial-gradient(circle,#170d06 0 38%,#c9a866cc 38% 52%,transparent 52%),radial-gradient(circle,#170d06 0 38%,#c9a866cc 38% 52%,transparent 52%),radial-gradient(circle,#170d06 0 38%,#c9a866cc 38% 52%,transparent 52%),var(--noise),linear-gradient(180deg,var(--wood-light),var(--wood) 40%,var(--wood-dark));border:3px solid var(--wood-dark);box-shadow:inset 0 0 0 2px #c9a866aa,inset 0 3px 4px #00000073,inset 0 -2px 3px #ffffff1a,0 3px 10px #0000008c}.frame-stone{background-image:radial-gradient(circle,#100f0d 0 38%,#cfcac2cc 38% 52%,transparent 52%),radial-gradient(circle,#100f0d 0 38%,#cfcac2cc 38% 52%,transparent 52%),radial-gradient(circle,#100f0d 0 38%,#cfcac2cc 38% 52%,transparent 52%),radial-gradient(circle,#100f0d 0 38%,#cfcac2cc 38% 52%,transparent 52%),var(--noise),linear-gradient(180deg,var(--stone-light),var(--stone) 45%,var(--stone-dark));border:3px solid var(--stone-dark);box-shadow:inset 0 0 0 2px #9a958daa,inset 0 3px 4px #00000080,inset 0 -2px 3px #ffffff14,0 3px 10px #0000008c}.frame-parchment{background-image:var(--noise),linear-gradient(180deg,var(--parchment),var(--parchment-dark));background-repeat:repeat,no-repeat;background-blend-mode:multiply,normal;border:3px solid var(--wood-dark);border-radius:var(--panel-radius);color:var(--ink);box-shadow:inset 0 0 0 2px #f2e6c9aa,inset 0 3px 4px #785f3240,0 3px 10px #0000008c}.rs-btn{font-family:Georgia,serif;font-weight:700;font-size:13px;color:var(--gold-bright);background-image:var(--noise),linear-gradient(180deg,var(--wood-light),var(--wood-dark));background-repeat:repeat,no-repeat;border:2px solid var(--wood-dark);border-radius:3px;padding:6px 12px;text-shadow:1px 1px 0 #000;letter-spacing:.3px;box-shadow:inset 0 1px #ffffff40,inset 0 -2px 3px #0000004d,0 2px 4px #00000080;transition:transform .08s ease,filter .12s ease}.rs-btn:hover{filter:brightness(1.18);transform:translateY(-1px)}.rs-btn:active{transform:translateY(1px) scale(.98);transition:transform .05s ease}.rs-btn:disabled{filter:grayscale(.6) brightness(.6);cursor:not-allowed}.rs-btn.primary{color:#1a1206;background-image:var(--noise),linear-gradient(180deg,var(--gold-bright),var(--gold));border-color:#6b4e18}.rs-btn.danger{background-image:var(--noise),linear-gradient(180deg,#c85a5a,var(--red))}#menu-root{position:fixed;inset:0;overflow:hidden}#menu-bg-canvas{position:absolute;inset:0;width:100%;height:100%;filter:saturate(.85) brightness(.72)}#menu-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 35%,rgba(5,5,10,.86) 100%);pointer-events:none}#menu-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px}#menu-title{font-size:64px;font-weight:700;color:var(--gold-bright);text-shadow:3px 3px 0 #000,0 0 30px rgba(212,175,55,.5);letter-spacing:3px;margin:0}#menu-subtitle{margin-top:-18px;color:var(--parchment-dark);font-style:italic;font-size:15px;text-shadow:1px 1px 2px #000}#menu-buttons{display:flex;flex-direction:column;gap:12px;width:280px}#menu-buttons .rs-btn{padding:12px 18px;font-size:15px}#menu-footer{position:absolute;bottom:10px;right:14px;color:#8a7a5a;font-size:11px}.modal-backdrop{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:50}.modal-box{width:min(560px,92vw);max-height:82vh;overflow-y:auto;padding:18px 20px}.modal-box h2{margin:0 0 12px;color:var(--gold);text-shadow:1px 1px 0 #000}.modal-box .field{margin-bottom:12px;display:flex;flex-direction:column;gap:4px}.modal-box label{font-size:12px;color:var(--wood-dark)}.modal-box input[type=text],.modal-box input[type=number],.modal-box input[type=password]{background:#1c1610;border:2px solid var(--wood-dark);color:var(--parchment);padding:7px 9px;border-radius:3px;font-family:inherit}.save-slot{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border:2px solid var(--wood-dark);border-radius:3px;background:#00000040;margin-bottom:8px}.save-slot .meta{font-size:11px;color:var(--wood-dark)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.mp-tabs{display:flex;gap:6px;margin-bottom:14px}.mp-tabs .tab-btn.active{filter:brightness(1.25);box-shadow:0 0 0 2px var(--gold-bright)}.mp-panel.hidden{display:none}.mp-status{min-height:18px;margin-top:10px;font-size:12px;color:var(--red);text-align:right}#mp-room-list{display:flex;flex-direction:column;gap:6px;max-height:26vh;overflow-y:auto}.mp-room-list-empty{font-size:12px;color:var(--wood-dark);font-style:italic}.mp-room-row{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border:2px solid var(--wood-dark);border-radius:3px;background:#00000047;cursor:pointer;transition:background-color .15s ease}.mp-room-row:hover{background:#00000073}.mp-room-row .name{font-weight:700;color:var(--parchment)}.mp-room-row .count{font-size:11px;color:var(--parchment-dark)}#mp-claim-overlay{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#0000008c}#mp-claim-overlay.hidden{display:none}#mp-claim-list{display:flex;flex-direction:column;gap:8px;max-height:40vh;overflow-y:auto;margin:10px 0}.mp-claim-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border:2px solid var(--wood-dark);border-radius:3px;background:#00000040}.mp-claim-row .meta{font-size:11px;color:var(--wood-dark)}.mp-claim-hint{font-size:12px;color:var(--wood-dark);text-align:center}#dev-console{position:absolute;left:50%;top:8%;transform:translate(-50%);width:min(640px,88vw);z-index:200;background:#0a0806eb;border:2px solid var(--wood-dark);border-radius:4px;display:flex;flex-direction:column;font-family:monospace;font-size:12px}#dev-console.hidden{display:none}#dev-console-log{max-height:40vh;overflow-y:auto;padding:8px 10px;color:var(--parchment)}#dev-console-log .dcl{white-space:pre-wrap;margin-bottom:2px}#dev-console-log .dcl.err{color:var(--red-bright)}#dev-console-log .dcl.warn{color:var(--gold-bright)}#dev-console-input{border:none;border-top:2px solid var(--wood-dark);background:#00000080;color:var(--parchment);padding:8px 10px;font-family:monospace;font-size:12px;outline:none}#scoreboard{position:absolute;left:50%;top:10%;transform:translate(-50%);width:min(480px,88vw);z-index:210;padding:14px 16px}#scoreboard.hidden{display:none}#scoreboard h3{margin:0 0 10px;color:var(--wood-dark);text-align:center}#scoreboard h3 span{color:var(--ink);font-weight:700}.scoreboard-header,.scoreboard-row{display:grid;grid-template-columns:1.4fr 1fr .6fr;gap:8px;padding:5px 6px;font-size:12px}.scoreboard-header{color:var(--wood-dark);font-weight:700;border-bottom:1px solid var(--wood-dark)}.scoreboard-row{color:var(--ink);border-bottom:1px solid rgba(58,36,22,.25)}.scoreboard-row .sb-host{font-size:9px;color:var(--wood-dark);font-weight:700}.scoreboard-row .sb-afk{color:var(--red);font-weight:700}#game-root{position:fixed;inset:0}#world-canvas{position:absolute;inset:0;width:100%;height:100%}#hud{position:absolute;inset:0;pointer-events:none;font-size:13px}#hud .clickable{pointer-events:auto}#top-bar{position:absolute;top:0;left:0;right:0;min-height:46px;display:flex;align-items:center;padding:6px 12px;gap:14px;pointer-events:auto;border-radius:0 0 6px 6px;border-top:none}#top-bar-resources{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;flex:0 1 auto;min-width:0;max-width:calc(100% - 230px)}.resource-pill{display:flex;align-items:center;gap:5px;background:#00000047;border-radius:3px;padding:3px 8px 3px 3px;transition:background-color .3s ease}.resource-pill img,.resource-pill canvas{width:20px;height:20px;image-rendering:pixelated}.resource-pill span{font-weight:700;color:var(--gold-bright);text-shadow:1px 1px 0 #000;min-width:2ch;text-align:right;display:inline-block}.resource-pill.warn span{color:var(--red-bright)}.resource-pill.warn{animation:pill-warn-pulse 1.4s ease-in-out infinite}@keyframes pill-warn-pulse{0%,to{background-color:#00000047}50%{background-color:#a0282873}}#top-bar .spacer{flex:1}#clock-widget{display:flex;align-items:center;gap:6px;padding:3px 10px;background:#00000047;border-radius:3px}#clock-widget img,#clock-widget canvas{width:18px;height:18px}#clock-widget #day-label{font-weight:700;color:var(--parchment)}#left-dock{position:absolute;top:96px;left:10px;display:flex;flex-direction:column;gap:6px;pointer-events:auto}#left-dock .rs-btn{width:118px;text-align:left}#left-dock .rs-btn.active{filter:brightness(1.25);box-shadow:0 0 0 2px var(--gold-bright)}.side-panel{position:absolute;top:96px;left:138px;width:300px;max-height:calc(100vh - 248px);overflow-y:auto;padding:12px;pointer-events:auto}.side-panel.hidden{display:none}.side-panel h3{margin:0 0 10px;color:var(--gold);text-shadow:1px 1px 0 #000;border-bottom:1px solid #00000055;padding-bottom:6px}.build-item{display:flex;gap:8px;align-items:flex-start;padding:7px;border-radius:3px;margin-bottom:6px;background:#00000038;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.build-item:hover{background:#00000061;transform:translate(2px)}.build-item canvas{width:34px;height:34px;image-rendering:pixelated;flex-shrink:0}.build-item .name{font-weight:700;color:var(--parchment)}.build-item .cost{font-size:11px;color:var(--parchment-dark);display:flex;gap:8px;margin-top:2px}.build-item .cost.short{color:var(--red-bright)}.build-item.selected{outline:2px solid var(--gold-bright)}.villager-row{display:flex;align-items:center;gap:8px;padding:6px;border-radius:3px;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.villager-row:hover{background:#00000040;transform:translate(2px)}.villager-row canvas{width:28px;height:28px;image-rendering:pixelated}.villager-row .info{flex:1}.villager-row .name{font-size:12px;font-weight:700}.villager-row .job{font-size:10px;color:var(--parchment-dark)}.need-bar-row{display:flex;align-items:center;gap:6px;margin:4px 0;font-size:11px}.need-bar{flex:1;height:9px;background:#1a1a1a;border-radius:3px;overflow:hidden;border:1px solid #000}.need-bar>div{height:100%;transition:width .4s ease}.effect-badges{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.effect-badges canvas{width:20px;height:20px;image-rendering:pixelated;cursor:help}.item-slots{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.item-slot{position:relative;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#0006;border:2px solid var(--wood-dark);border-radius:3px;cursor:default}.item-slot canvas{width:18px;height:18px;image-rendering:pixelated}.item-slot .slot-tier{position:absolute;bottom:-3px;right:-2px;font-size:8px;line-height:1;color:#1a1206;background:var(--gold-bright);border-radius:2px;padding:0 2px}.item-slot .slot-count{position:absolute;bottom:-3px;right:-2px;font-size:8px;line-height:1;color:var(--parchment);background:#000000bf;border-radius:2px;padding:0 2px}.item-slots-empty{font-size:11px;color:var(--parchment-dark);margin-bottom:6px}.job-select{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px}.job-select .rs-btn{padding:5px;font-size:11px}.job-select .rs-btn.active{box-shadow:0 0 0 2px var(--gold-bright)}.village-row{padding:8px;border-radius:3px;background:#00000038;margin-bottom:8px;transition:background-color .15s ease}.village-row:hover{background:#00000052}.village-row .head{display:flex;justify-content:space-between;align-items:center;font-weight:700}.village-row .stance{font-size:10px;padding:1px 6px;border-radius:8px}.stance-hostil{background:var(--red)}.stance-neutra{background:var(--stone)}.stance-amigavel{background:var(--green)}.stance-aliada{background:var(--gold);color:#1a1206}.village-row .actions{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.village-row .actions .rs-btn{font-size:10px;padding:4px 7px}.village-row .relation-bar{height:6px;border-radius:3px;background:#1a1a1a;margin-top:5px;overflow:hidden;border:1px solid #000}.village-row .relation-bar>div{height:100%;background:linear-gradient(90deg,var(--red),var(--gold),var(--green));transition:width .5s ease}#minimap-wrap{position:absolute;bottom:10px;right:10px;width:168px;height:168px;padding:4px;pointer-events:auto}#minimap-canvas{width:100%;height:100%;border-radius:2px}#news-ticker{position:absolute;bottom:10px;left:10px;right:190px;height:30px;overflow:hidden;padding:0 10px;display:flex;align-items:center}#news-track{white-space:nowrap;display:inline-block}@keyframes news-scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}#news-track span{margin-right:40px;font-size:12px;color:var(--parchment)}#news-track .tag-perigo{color:var(--red-bright);font-weight:700}#news-track .tag-bom{color:#9bd88a}#news-track .tag-grave{color:var(--red-bright)}#toast-stack{position:absolute;top:96px;right:10px;width:260px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.toast{padding:8px 10px;font-size:12px;animation:toast-in .3s cubic-bezier(.34,1.56,.64,1);transition:opacity .35s ease,transform .35s ease}.toast.perigo{border-color:var(--red)}.toast.leaving{opacity:0;transform:translate(24px) scale(.95)}@keyframes toast-in{0%{opacity:0;transform:translate(24px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}#tooltip{position:absolute;max-width:240px;padding:7px 10px;font-size:12px;z-index:100;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(2px);transition:opacity .12s ease,transform .12s ease}#tooltip.show{opacity:1;visibility:visible;transform:translateY(0)}#build-controls{position:absolute;top:96px;left:450px;width:210px;display:flex;flex-direction:column;gap:10px;padding:12px;opacity:0;visibility:hidden;transform:translate(-10px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}#build-controls.show{opacity:1;visibility:visible;transform:translate(0);pointer-events:auto}.placement-head{display:flex;align-items:center;gap:8px}.placement-head canvas{width:34px;height:34px;image-rendering:pixelated;flex-shrink:0}.placement-name .name{font-weight:700;color:var(--gold-bright);text-shadow:1px 1px 0 #000}.placement-name .idx{font-size:10px;color:var(--parchment-dark)}.placement-hint{font-size:11px;color:var(--parchment-dark);border-top:1px solid #00000055;padding-top:8px}.placement-controls{display:flex;flex-direction:column;gap:6px}.control-hint{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--parchment)}.control-desc{flex:1}.keycap{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 5px;background:#00000059;border:1px solid var(--parchment-dark);border-radius:3px;font-size:10px;font-weight:700;color:var(--gold-bright)}.keycap.clickable{cursor:pointer}.keycap.clickable:hover{background:#0000008c;filter:brightness(1.2)}.placement-cancel{width:100%}#villager-drawer{position:absolute;width:220px;padding:10px 12px;z-index:90;pointer-events:none}#villager-drawer .vd-head{display:flex;gap:8px;align-items:center;margin-bottom:6px}#villager-drawer canvas{width:40px;height:40px;image-rendering:pixelated;flex-shrink:0}#villager-drawer .vd-name{font-weight:700;color:var(--ink)}#villager-drawer .vd-sub{font-size:11px;color:#5a4a34}#villager-drawer .vd-row{font-size:11px;color:var(--ink);margin-top:3px}#villager-drawer .vd-bars{margin-top:6px}#villager-drawer .vd-bar-row{display:flex;align-items:center;gap:5px;font-size:10px;margin:2px 0}#villager-drawer .vd-bar{flex:1;height:6px;background:#0003;border-radius:3px;overflow:hidden}#villager-drawer .vd-bar>div{height:100%}#villager-drawer .vd-badges{display:flex;gap:3px;margin-top:6px;flex-wrap:wrap}#villager-drawer .vd-badges canvas{width:16px;height:16px}