:root{--bg:#09111b;--panel:#101c2a;--panel2:#15263a;--line:#2c425a;--text:#f6f1e8;--muted:#9fb0bf;--gold:#d9ad55;--danger:#bb3f46;--ok:#2f8d63}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);background:#07101af0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.brand{color:var(--gold);letter-spacing:.06em;font-size:18px;font-weight:800;text-decoration:none}.shell{width:min(960px,100%);margin:0 auto;padding:24px 16px 48px}.shell-wide{width:min(1280px,100%)}.map-guide-row{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;margin-bottom:16px;display:grid}@media (width<=900px){.map-guide-row{grid-template-columns:1fr}}.guide{position:sticky;top:16px}.guide-card{flex-direction:column;gap:14px;display:flex}.guide-title{color:var(--gold);font-size:15px}.guide-section{flex-direction:column;gap:4px;display:flex}.guide-label{text-transform:uppercase;letter-spacing:.06em;color:#d9c89f;font-size:11px}.guide-text{margin:0;font-size:13px}.guide-next{border-top:1px solid var(--line);padding-top:10px}.guide-next-text{color:var(--text);font-weight:600;line-height:1.5}.guide-hint{border-top:1px dashed var(--line);padding-top:10px}.guide-hint .guide-label{color:var(--gold)}.modal-overlay{z-index:100;background:#04090fc7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;width:min(720px,100%);max-height:min(88vh,820px);display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:20px 24px 14px;display:flex}.modal-header h2{color:var(--gold);margin:0;font-size:20px}.modal-body{padding:18px 24px;line-height:1.6;overflow-y:auto}.modal-body h3{color:#d9c89f;text-transform:uppercase;letter-spacing:.04em;margin:22px 0 8px;font-size:14px}.modal-body h3:first-child{margin-top:0}.modal-body p{margin:0 0 10px}.modal-body ul,.modal-body ol{margin:0 0 10px;padding-left:20px}.modal-body li{margin-bottom:6px}.modal-body strong{color:var(--text)}.modal-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.help-intro{color:var(--muted);max-width:70ch}.help-section{margin-bottom:28px}.help-section h2{color:var(--gold);margin-bottom:6px;font-size:18px}.help-section h3{color:#d9c89f;text-transform:uppercase;letter-spacing:.04em;margin:16px 0 6px;font-size:13px}.victory-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:12px 0;display:grid}.victory-card{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px}.victory-card strong{color:var(--gold);margin-bottom:6px;display:block}h1{margin:4px 0 8px;font-size:clamp(24px,4vw,38px)}.hex-board-surface{border:1px solid var(--line);background:radial-gradient(circle,#17324f 0%,#0b1726 65%,#07101d 100%);border-radius:20px;padding:16px}.hex-tile{cursor:pointer;transform-box:fill-box;transform-origin:50%;transition:transform .15s,filter .15s}.hex-tile:hover{filter:drop-shadow(0 4px 5px #00000080)brightness(1.12);transform:scale(1.06)translateY(-2px)}.hex-tile-selected{filter:drop-shadow(0 0 6px #f0cd7abf)}.hex3d-card{padding:0;overflow:hidden}.hex3d-card>div:not(.hex3d-root){padding:0 16px 16px}.hex3d-root{background:#071522;border-radius:20px 20px 0 0;width:100%;height:min(70vh,640px);overflow:hidden}.hex3d-label{color:#f6f1e8;white-space:nowrap;background:#0715228c;border-radius:4px;padding:1px 4px;font-size:10px;transform:translateY(-50%)}.hero{border:1px solid var(--line);border-radius:16px;width:100%;margin-bottom:20px;position:relative;overflow:hidden}.hero-img{width:100%;height:auto;display:block}.lead{color:var(--muted);max-width:640px;margin-bottom:18px;line-height:1.5}.status{border-radius:10px;margin-bottom:18px;padding:8px 12px;font-size:14px;display:inline-block}.status-ok{color:#7fd6ab;background:#2f8d6326}.status-offline{color:#ef9296;background:#bb3f4626}.status-checking{color:var(--muted);background:#9fb0bf26}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:16px;padding:16px}.card legend{color:var(--gold);padding:0 6px;font-weight:700}label{color:var(--muted);flex-direction:column;gap:6px;margin-bottom:12px;font-size:13px;display:flex}input,select{border:1px solid var(--line);min-height:42px;color:var(--text);font:inherit;background:#0d1926;border-radius:10px;padding:8px 10px}.btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);min-height:42px;font:inherit;cursor:pointer;border-radius:10px;padding:10px 16px}.btn.primary{color:#17120b;background:linear-gradient(#d8b362,#b88f42);border-color:#e6c984;font-weight:800}.btn.ghost{background:0 0}.btn.full{width:100%}.error{color:#ef9296;margin-bottom:12px}.table{border-collapse:collapse;width:100%;margin-bottom:24px}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;padding:10px;font-size:14px}.table th{color:#d9c89f;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.table tr.active td{background:#d9ad5514}.log-card{flex-direction:column;max-height:340px;display:flex}.log-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.log-item{border-bottom:1px solid var(--line);align-items:flex-start;gap:10px;padding:8px 6px;display:flex}.log-item:last-child{border-bottom:none}.log-item-bot{opacity:.85}.log-icon{text-align:center;flex:none;width:20px;font-size:13px}.log-body{flex-direction:column;gap:2px;min-width:0;display:flex}.log-message{font-size:13px;line-height:1.4}.log-meta{color:var(--muted);font-size:11px}.actions-guide summary{cursor:pointer;color:var(--gold);font-weight:700}.actions-guide-section{flex-direction:column;gap:8px;margin-top:14px;display:flex}.actions-guide-section .table{margin-bottom:0;font-size:12px}.actions-guide-section .table th,.actions-guide-section .table td{padding:8px}.gcard{--rx:0deg;--ry:0deg;aspect-ratio:63/88;perspective:900px;cursor:pointer;text-align:left;color:#1a1712;background:0 0;border:0;width:100%;padding:0;display:block}.gcard-inner{height:100%;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;background:linear-gradient(#e7d7b3,#cdb98c);border:4px solid #987532;border-radius:16px;grid-template-rows:auto 1fr auto auto;transition:transform 80ms ease-out;display:grid;overflow:hidden;box-shadow:0 16px 30px #00000061,inset 0 0 0 2px #e6cf8e}.gcard:hover .gcard-inner{box-shadow:0 24px 45px #00000080,0 0 0 1px #efcf6f6b}.gcard-header{color:#f8e8ae;background:#18263a;border-bottom:2px solid #b6964a;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:8px 9px;font-family:Georgia,serif;display:grid}.gcard-header b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.gcard-header small{opacity:.8;white-space:nowrap;font-size:10px}.gcard-art{color:#fff;background:radial-gradient(circle at 50% 35%,#fff3,#0000 35%),linear-gradient(145deg,#3b5863,#14283a);flex-direction:column;justify-content:center;align-items:center;min-height:130px;display:flex;position:relative;overflow:hidden}.gcard-art:before{content:"";background:repeating-linear-gradient(30deg,#0000 0 18px,#ffffff06 19px 20px);position:absolute;inset:0}.gcard-art-icon{filter:drop-shadow(0 8px 8px #0006);font-size:54px;transform:translateZ(30px)}.gcard-art em{letter-spacing:.06em;text-transform:uppercase;opacity:.85;margin-top:4px;font-size:11px;font-style:normal}.gcard-rule{background:#e5d8b9;padding:8px 10px}.gcard-rule strong{text-transform:uppercase;letter-spacing:.04em;color:#6b5220;margin-bottom:3px;font-size:10px;display:block}.gcard-rule p{margin:0;font-size:12px;line-height:1.35}.gcard-pending{color:#8a4a1f;margin-top:6px;font-size:10px;font-style:italic;display:inline-block}.gcard-footer{color:#58451f;background:#c6b283;justify-content:space-between;padding:6px 9px;font-size:8px;display:flex}.gcard-evento .gcard-header{background:#164d5a}.gcard-missao .gcard-header{background:#7a5d22}.gcard-tecnologia .gcard-header{background:#38516a}.gcard-descoberta .gcard-header{background:#2d5d48}.gcard-crise .gcard-header{background:#682b2d}.gcard-compact{width:150px}.cards-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.cards-toolbar input{flex:1;min-width:200px}.cards-filter{flex-wrap:wrap;gap:6px;display:flex}.cards-filter button.active{color:#17120b;background:linear-gradient(#d8b362,#b88f42);border-color:#e6c984;font-weight:700}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px;display:grid}.cards-toolbar-compact{margin-bottom:10px}.cards-toolbar-compact input{min-width:120px;font-size:12px}.cards-toolbar-compact .btn{min-height:32px;padding:6px 10px;font-size:12px}.cards-grid-embedded{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;max-height:620px;padding-right:4px;overflow:hidden auto}.cards-grid-embedded .gcard-compact{width:100%}.cards-grid-embedded .gcard-art{min-height:60px}.cards-grid-embedded .gcard-art-icon{font-size:28px}.cards-grid-embedded .gcard-header{padding:5px 6px}.cards-grid-embedded .gcard-header b{font-size:10px}.cards-grid-embedded .gcard-rule{padding:5px 6px}.cards-grid-embedded .gcard-rule strong{font-size:8px}.cards-grid-embedded .gcard-rule p{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:9px;display:-webkit-box;overflow:hidden}.cards-grid-embedded .gcard-footer{padding:4px 6px;font-size:7px}.map-cards-panel{flex-direction:column;max-height:780px;display:flex;overflow:hidden}.map-cards-panel summary{cursor:pointer;color:var(--gold);font-weight:700;list-style:none}.map-cards-panel summary::-webkit-details-marker{display:none}.map-cards-panel summary:before{content:"▸ ";display:inline-block}.map-cards-panel[open] summary:before{content:"▾ "}.faq-item{margin-bottom:10px}.faq-item summary{cursor:pointer;color:var(--gold);font-weight:600;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"▸ ";display:inline-block}.faq-item[open] summary:before{content:"▾ "}.faq-answer{color:var(--muted);margin-top:10px}.faq-answer p{margin:0 0 8px}.faq-answer ul{margin:0 0 8px;padding-left:20px}.territory-action-menu-floating{background:var(--panel);border:1px solid var(--gold);cursor:default;border-radius:10px;width:190px;max-height:220px;padding:8px 10px;overflow-y:auto;box-shadow:0 8px 24px #00000073}.territory-action-menu-title{color:var(--gold);margin-bottom:6px;font-size:12px;display:block}.territory-action-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.territory-action-list li{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.territory-action-list button{text-align:left;width:100%;padding:4px 8px;font-size:12px}.territory-action-list button:disabled{opacity:.4;cursor:not-allowed}.territory-action-quantity{width:48px}.action-hint{border:1px solid var(--line);color:var(--muted);background:#d9ad5514;border-radius:10px;margin:-4px 0 14px;padding:10px 12px;font-size:13px}.hand-section{margin-bottom:18px}.hand-section:last-child{margin-bottom:0}.hand-section .cards-grid{margin-top:8px}.hand-badge{text-transform:uppercase;letter-spacing:.04em;z-index:2;border-radius:999px;padding:2px 6px;font-size:9px;position:absolute;top:6px;right:6px}.hand-badge-done{background:var(--ok);color:#08150f;font-weight:700}.hand-badge-info{border:1px solid var(--line);color:var(--muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#09111bd9;font-weight:600;inset:auto 6px 6px;overflow:hidden}.move-roll-result{border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:13px}.move-roll-ok{color:#7fd6ab;background:#2f8d631f;border:1px solid #2f8d6359}.move-roll-fail{color:#ef9296;background:#bb3f461f;border:1px solid #bb3f4659}