*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#0e0906;color:#e8d5a8;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;overflow:hidden;height:100vh}*{-webkit-tap-highlight-color:transparent}:root{--panel-bg: rgba(14, 8, 2, .92);--panel-border: rgba(160, 110, 30, .45);--accent: #b87828;--accent-dim: #6a3e0e;--text-dim: #8a7050;--might: #9c1e0e;--supply: #527840;--prosperity: #c89820;--edikt: #8040a8;--radius: 3px;--gold: #c8a040;--ink: #1a0c06;--parchment: #c9a870;--vermillion: #8c1c0c}.hidden{display:none!important}#lobby{position:relative;height:100vh;overflow:hidden;background:#0e0906}#lobby-bg{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;width:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.lobby-enter-btn{position:absolute;bottom:16vh;left:50%;transform:translate(-50%);z-index:10;font-size:1.05rem;padding:.7rem 3.5rem;letter-spacing:.22em;transition:opacity .3s ease;animation:lobby-btn-pulse 2s ease-in-out 3s infinite}@keyframes lobby-btn-pulse{0%,to{box-shadow:0 0 #c8a03000;border-color:var(--gold)}50%{box-shadow:0 0 22px 8px #c8a03080;border-color:#e8c860;color:#ffe8a0}}#lobby-form,#waiting-room{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;width:min(440px,calc(100vw - 2rem));transition:opacity .35s ease}#lobby-log{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:51;max-width:440px;width:calc(100vw - 2rem)}.lobby-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:0 4px 24px #0009,inset 0 1px #c88c2814;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.5rem;width:100%;max-width:440px;display:flex;flex-direction:column;gap:.8rem}.lobby-card h2{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.2rem;font-family:Palatino Linotype,Palatino,serif}.lobby-card input,.lobby-card select{background:#180c04d9;border:1px solid var(--panel-border);border-radius:var(--radius);color:#e8d5a8;font-family:Palatino Linotype,Palatino,serif;font-size:.95rem;padding:.55rem .8rem;width:100%;transition:border-color .15s}.lobby-card input:focus,.lobby-card select:focus{outline:none;border-color:var(--gold)}.lobby-card select option{background:#1a0e06}#input-code{text-transform:uppercase;letter-spacing:.12em}.lobby-row{display:flex;gap:.5rem;align-items:stretch}.lobby-row input,.lobby-row select{flex:1}.btn{background:#180c04d9;border:1px solid var(--accent-dim);border-radius:var(--radius);color:var(--gold);cursor:pointer;font-family:Palatino Linotype,Palatino,serif;font-size:.88rem;padding:.55rem 1.1rem;white-space:nowrap;transition:background .15s,border-color .15s;pointer-events:auto;letter-spacing:.06em}.btn:hover{background:#502408bf;border-color:var(--gold)}.btn:disabled{opacity:.35;cursor:default}.btn-primary{background:#64300abf;border-color:var(--gold);color:#f0dcb0}.btn-primary:hover{background:#82400ed9}#lobby-log{width:100%;max-width:440px;font-size:.7rem;color:var(--text-dim);max-height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;font-family:serif}.player-entry{padding:3px 0;font-size:.82rem}.player-entry.connected{color:#80c080}.player-entry.disconnected{color:var(--text-dim)}#game{position:fixed;top:0;right:0;bottom:0;left:0;display:none}#canvas-container{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}#hud{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;pointer-events:none}#hud-opponents{display:flex;gap:.5rem;padding:.6rem .8rem;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 100%);pointer-events:auto}.opponent-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);padding:.4rem .75rem;font-size:.74rem;display:flex;flex-direction:column;gap:2px;min-width:140px;box-shadow:0 2px 8px #00000080}.opponent-name{color:#f0dcb0;font-size:.78rem;letter-spacing:.04em}.opponent-resources{color:var(--text-dim)}.opponent-resources .m{color:var(--might)}.opponent-resources .s{color:var(--supply)}.opponent-resources .p{color:var(--prosperity)}.opponent-hand-row{display:flex;align-items:center;gap:.5rem;margin-top:2px}.opponent-card-stack{position:relative;height:36px;flex-shrink:0}.opponent-card-back{position:absolute;top:0;width:26px;height:36px;object-fit:cover;border-radius:2px;border:1px solid rgba(200,160,60,.85);box-shadow:1px 1px 4px #000000b3,0 0 0 1px #0006;outline:1px solid rgba(0,0,0,.5)}.opponent-card-extra{position:absolute;right:-18px;top:50%;transform:translateY(-50%);font-size:.6rem;color:var(--text-dim)}.opponent-card-empty{color:var(--text-dim);font-size:.68rem}.opponent-tier{color:var(--text-dim);font-size:.66rem;margin-left:auto}#hud-spacer{flex:1}#hud-events{padding:.4rem .8rem;pointer-events:none}.events-label{font-size:.62rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.14em;margin-bottom:.3rem}.events-row{display:flex;gap:.4rem;overflow-x:auto}.event-chip{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);padding:.3rem .6rem;font-size:.7rem;white-space:nowrap;flex-shrink:0}.event-chip.demand{border-color:#c83c1e8c;color:#d89080}.event-chip.opportunity{border-color:#50a03c80;color:#90c080}.events-inactive{font-size:.7rem;color:var(--text-dim);font-style:italic}#hud-bottom{background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);padding:.5rem .8rem .6rem;pointer-events:none}#hud-status{display:flex;justify-content:space-between;align-items:center;font-size:.76rem;margin-bottom:.35rem}#hud-phase-label{color:var(--text-dim)}#hud-phase-label.my-turn{color:#c8d890}#hud-phase-label strong{color:#e0f0b0}#hud-resources-row{display:flex;gap:1rem;font-size:.82rem;margin-bottom:.35rem}.res-val{font-weight:700}.res-might{color:var(--might)}.res-supply{color:var(--supply)}.res-prosperity{color:var(--prosperity)}.res-label{color:var(--text-dim);font-size:.7rem}#hud-actions-row{display:flex;gap:.4rem;margin-bottom:.5rem;flex-wrap:wrap;align-items:center}.tile-type-btn{font-size:.73rem;padding:.3rem .6rem}.tile-type-btn.active{background:#64300ad9;border-color:var(--gold);color:#f0dcb0}#hud-tile-info{position:absolute;pointer-events:none;display:none;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;padding:.6rem .75rem;max-width:300px;min-width:180px;font-size:.75rem;z-index:50;box-shadow:0 4px 18px #0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tile-info-header{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.35rem}.tile-info-img{width:72px;height:72px;object-fit:cover;flex-shrink:0;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.tile-info-name{font-size:1.05rem;font-weight:700;color:var(--gold);line-height:1.2}.tile-info-pinyin{font-size:.7rem;color:var(--text-dim)}.tile-info-desc{font-size:.7rem;color:#c8b89a;margin-top:.15rem;line-height:1.4}.tile-info-row{display:flex;align-items:baseline;gap:.3rem;margin-top:.3rem;font-size:.72rem}.tile-info-label{color:var(--text-dim);font-size:.65rem;min-width:3.5rem}.tile-info-trigger{color:#ffd060;font-size:.68rem;margin-top:.2rem;line-height:1.35}#card-hand-area{position:relative;height:357px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;overflow:visible}.hand-empty-label{font-size:.74rem;color:var(--text-dim);font-style:italic;padding-bottom:1rem}.game-card{position:absolute;width:230px;height:332px;background:#0c0602;border:1px solid rgba(160,100,28,.55);border-radius:var(--radius);overflow:hidden;cursor:pointer;transform-origin:bottom center;transition:transform .18s ease,box-shadow .18s ease,border-color .15s;-webkit-user-select:none;user-select:none;pointer-events:auto;box-shadow:0 2px 8px #0009}.game-card:hover{border-color:var(--gold);box-shadow:0 -4px 20px #c88c1e4d}.game-card.selected{border-color:#80c860;box-shadow:0 -4px 24px #64c83c59}.game-card.unaffordable{cursor:not-allowed;opacity:1!important;filter:none!important}.game-card.unaffordable:hover{border-color:#a0641c8c;box-shadow:none}.game-card.affordable{border-color:var(--gold);border-width:2px;box-shadow:0 0 14px #dcaa1ebf,0 -6px 28px #c88c14a6}.card-cost-unaffordable{color:var(--might)!important}.card-art-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.card-top-bar{position:absolute;top:0;left:0;right:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:.4rem;padding:.45rem .6rem;background:#080401d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(160,100,28,.28)}.card-name{font-size:.95rem;color:#f0dcb0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Palatino Linotype,Palatino,serif;flex:1;min-width:0}.card-cost{flex-shrink:0;font-size:.78rem;font-weight:700;color:var(--gold);font-family:Palatino Linotype,Palatino,serif;display:flex;align-items:center;gap:2px}.card-cost-icon{font-size:.65rem;opacity:.75}.card-tile-char{position:absolute;top:.3rem;right:.3rem;z-index:2;font-size:1rem;line-height:1;color:#e8d5a8;text-shadow:0 1px 4px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.6);font-family:Palatino Linotype,Palatino,serif;pointer-events:none}.card-type-badge{position:absolute;top:2.4rem;left:.5rem;z-index:1;display:flex;align-items:center;gap:4px;padding:.18rem .42rem;background:#080401bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:3px;border:1px solid rgba(160,100,28,.32);font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-family:Palatino Linotype,Palatino,serif}.card-type-icon{width:13px;height:13px;flex-shrink:0;opacity:.85}.card-bottom-panel{position:absolute;bottom:0;left:0;right:0;z-index:1;background:#080401db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.5rem .6rem .55rem;border-top:1px solid rgba(160,100,28,.28)}.card-body{font-size:.72rem;color:#d0b880;line-height:1.4;font-family:Palatino Linotype,Palatino,serif}.card-flavor{font-size:.62rem;color:#6a5030;font-style:italic;margin-top:4px;line-height:1.3;font-family:Palatino Linotype,Palatino,serif}.res-icon{width:13px;height:13px;vertical-align:middle;margin-right:2px;opacity:.9}#card-drag-ghost{display:none;position:fixed;z-index:100;pointer-events:none;filter:drop-shadow(0 4px 16px rgba(200,120,30,.5));transform:rotate(-4deg) scale(1.08)}#card-arrow-svg{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:90;pointer-events:none}#card-target-panel{display:none;position:fixed;top:4.5rem;left:50%;transform:translate(-50%);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);padding:.5rem 1rem;z-index:80;pointer-events:auto;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.8rem;box-shadow:0 4px 20px #0009}#card-target-panel.active{display:flex}#target-count{color:var(--text-dim);min-width:90px}#waiting-popup{display:none;position:fixed;top:4rem;left:50%;transform:translate(-50%);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);padding:.45rem 1rem;z-index:80;pointer-events:none;font-size:.74rem;color:var(--text-dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;box-shadow:0 4px 16px #00000080}#waiting-popup.active{display:block}#card-play-anim{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);z-index:150;pointer-events:none;filter:drop-shadow(0 8px 32px rgba(200,120,30,.6))}#reaction-popup{display:none;position:fixed;top:calc(50% + 110px);left:50%;transform:translate(-50%);background:var(--panel-bg);border:1px solid rgba(200,60,30,.5);border-radius:var(--radius);padding:1rem 1.5rem;z-index:120;pointer-events:auto;flex-direction:column;align-items:center;gap:.75rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:280px;box-shadow:0 8px 32px #000000b3,0 0 0 1px #a0501433}#reaction-popup.active{display:flex}#city-upgrade-anim{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);z-index:160;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:.6rem;filter:drop-shadow(0 8px 32px rgba(200,160,30,.7))}#city-upgrade-anim img{width:240px;height:240px;object-fit:cover;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}#city-upgrade-label{background:#0c0602e0;border:1px solid rgba(212,160,48,.5);border-radius:6px;padding:.4rem 1rem;font-size:.88rem;color:#f0dcb0;text-align:center;white-space:nowrap;font-family:Palatino Linotype,Palatino,serif}@media(max-width:600px){.btn{padding:.65rem .9rem;font-size:.82rem}#hud-opponents{flex-wrap:wrap;gap:.35rem;padding:.4rem .5rem}.opponent-panel{min-width:120px}#hud-bottom{padding:.4rem .5rem}#card-hand-area{height:289px}.game-card{width:170px;height:251px}.card-name{font-size:.82rem}.card-body{font-size:.65rem}.card-type-badge{top:2.1rem}.tile-type-btn{font-size:.68rem;padding:.45rem .5rem}.lobby-card{padding:1rem}#reaction-popup{min-width:min(280px,90vw)}#waiting-popup{white-space:normal;max-width:90vw;text-align:center}}#draft-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:60;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;padding:1rem 1.25rem .85rem;text-align:center;pointer-events:auto;box-shadow:0 8px 32px #000000b3}#draft-title{font-size:.8rem;color:var(--text-dim);margin-bottom:.75rem;letter-spacing:.04em}#draft-cards{display:flex;gap:.6rem;justify-content:center}#draft-cards .game-card{cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}#draft-cards .game-card:hover{transform:translateY(-8px) scale(1.04)!important;border-color:var(--accent)!important;box-shadow:0 0 20px #c8781e8c!important;z-index:5}#action-log{position:absolute;right:.75rem;top:8rem;bottom:487px;min-height:60px;width:200px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);overflow:hidden;z-index:40;pointer-events:auto;display:flex;flex-direction:column;opacity:.82}#action-log-title{font-size:.58rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);padding:.3rem .55rem .2rem;border-bottom:1px solid var(--panel-border);flex-shrink:0}#action-log-entries{overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:0;scrollbar-width:thin;scrollbar-color:var(--panel-border) transparent}#action-log-entries::-webkit-scrollbar{width:4px}#action-log-entries::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:2px}.alog-entry{padding:.25rem .55rem;font-size:.68rem;line-height:1.35;border-bottom:1px solid rgba(160,110,30,.1);display:flex;flex-direction:column;gap:1px}.alog-entry:last-child{border-bottom:none}.alog-name{color:var(--gold);font-size:.62rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alog-text{color:#b09878;font-size:.66rem;line-height:1.3}.alog-card-name{border-bottom:1px dotted var(--text-dim);cursor:help}.alog-deltas{font-size:.62rem;line-height:1.35;padding-top:2px;display:flex;flex-direction:column;gap:1px}.alog-delta-row{display:flex;gap:4px;align-items:baseline}#card-hover-preview{position:fixed;right:calc(200px + 1.25rem);z-index:200;pointer-events:none;filter:drop-shadow(0 6px 20px rgba(0,0,0,.8))}#city-ability-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:160;background:var(--panel-bg);border:1px solid var(--gold);border-radius:8px;padding:1.25rem 1.75rem;text-align:center;pointer-events:auto;box-shadow:0 8px 40px #000c,0 0 0 1px #c88c1e33;min-width:280px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#city-ability-title{font-size:1rem;font-weight:700;color:var(--gold);margin-bottom:.35rem;letter-spacing:.06em}#city-ability-desc{font-size:.74rem;color:#c0a870;margin-bottom:1rem;line-height:1.45}#city-ability-btns{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}#btn-reset{position:fixed;top:.5rem;right:.5rem;z-index:9999;font-size:.7rem;padding:.25rem .55rem;opacity:.35;transition:opacity .2s;cursor:pointer}#btn-reset:hover{opacity:.9}#btn-rules{position:fixed;top:.5rem;right:5.5rem;z-index:9999;font-size:.7rem;padding:.25rem .55rem;opacity:.35;transition:opacity .2s;cursor:pointer}#btn-rules:hover{opacity:.9}#btn-debug-cards{position:fixed;top:.5rem;right:10rem;z-index:9999;font-size:.85rem;padding:.22rem .45rem;opacity:.35;transition:opacity .2s;cursor:pointer}#btn-debug-cards:hover{opacity:.9}#debug-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center}#debug-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6}#debug-modal-box{position:relative;width:min(560px,94vw);max-height:80vh;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 40px #000000b3}#debug-modal-header{display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;border-bottom:1px solid var(--panel-border);flex-shrink:0;font-size:.78rem;color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase}#debug-search{flex:1;background:#180c04d9;border:1px solid var(--panel-border);border-radius:var(--radius);color:var(--gold);font-family:Palatino Linotype,Palatino,serif;font-size:.82rem;padding:.3rem .6rem;outline:none}#debug-search:focus{border-color:var(--gold)}#debug-modal-close{background:transparent;border:none;color:var(--text-dim);font-size:1.1rem;cursor:pointer;padding:.2rem .4rem;line-height:1;transition:color .15s}#debug-modal-close:hover{color:var(--text)}#debug-card-list{overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:3px;scrollbar-width:thin;scrollbar-color:var(--panel-border) transparent}.debug-card-row{display:flex;align-items:center;gap:.6rem;padding:.45rem .65rem;border-radius:var(--radius);cursor:pointer;transition:background .12s;border:1px solid transparent}.debug-card-row:hover{background:#c8a04014;border-color:var(--panel-border)}.debug-card-type{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;min-width:52px;text-align:center;padding:.1rem .35rem;border-radius:3px;background:#ffffff0d}.debug-card-name{font-size:.85rem;color:#f0dcb0;font-weight:700;min-width:160px}.debug-card-desc{font-size:.7rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.debug-card-cost{font-size:.72rem;color:var(--gold);flex-shrink:0}#rules-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center}#rules-modal.hidden{display:none}#rules-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000c7;cursor:pointer}#rules-modal-box{position:relative;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;width:min(780px,94vw);max-height:88vh;display:flex;flex-direction:column;overflow:hidden}#rules-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.2rem .7rem;border-bottom:1px solid var(--panel-border);flex-shrink:0}#rules-modal-header h2{margin:0;font-size:1.05rem;color:var(--gold);letter-spacing:.04em}#btn-rules-close{background:transparent;border:none;color:var(--text-dim);font-size:1.1rem;cursor:pointer;padding:.2rem .4rem;line-height:1;transition:color .15s}#btn-rules-close:hover{color:var(--text)}#rules-modal-body{overflow-y:auto;padding:1rem 1.4rem 1.4rem;font-size:.82rem;line-height:1.6;scrollbar-width:thin;scrollbar-color:var(--panel-border) transparent}#rules-modal-body::-webkit-scrollbar{width:5px}#rules-modal-body::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:3px}#rules-modal-body h3{color:var(--gold);font-size:.88rem;letter-spacing:.06em;text-transform:uppercase;margin:1.2rem 0 .4rem;border-bottom:1px solid var(--panel-border);padding-bottom:.2rem}#rules-modal-body h3:first-child{margin-top:0}#rules-modal-body p{margin:.3rem 0 .6rem;color:var(--text)}#rules-modal-body ol{margin:.3rem 0 .6rem;padding-left:1.4rem;color:var(--text)}#rules-modal-body ol li{margin-bottom:.3rem}#rules-modal-body table{width:100%;border-collapse:collapse;margin:.4rem 0 .8rem;font-size:.79rem}#rules-modal-body th{text-align:left;color:var(--text-dim);font-weight:400;border-bottom:1px solid var(--panel-border);padding:.25rem .5rem}#rules-modal-body td{padding:.25rem .5rem;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text);vertical-align:top}#rules-modal-body .rm{color:var(--might);font-weight:700}#rules-modal-body .rs{color:var(--supply);font-weight:700}#rules-modal-body .rp{color:var(--prosperity);font-weight:700}.rule-card{background:#ffffff0a;border:1px solid var(--panel-border);border-radius:6px;padding:.5rem .75rem;margin:.45rem 0}.rule-card p{margin:.15rem 0 0;font-size:.79rem}.rule-card-header{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.2rem}.rc-name{font-weight:700;color:var(--text);font-size:.84rem}.rc-cost{color:var(--text-dim);font-size:.75rem}.rc-type{font-size:.68rem;padding:.1rem .35rem;border-radius:3px}.rc-type.manöver{background:#28a05040;color:var(--supply)}.rc-type.dekret{background:#a0282840;color:var(--might)}.rc-type.edikt{background:#b4821440;color:var(--gold)}#map-size-panel{position:absolute;bottom:.5rem;left:.5rem;display:flex;gap:.35rem;align-items:center;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:4px;padding:.2rem .45rem;font-size:.65rem;color:var(--text-dim);opacity:.3;transition:opacity .2s;z-index:10;pointer-events:auto}#map-size-panel:hover{opacity:1}#map-size-panel label{display:flex;align-items:center;gap:.2rem}#map-size-panel input[type=number]{width:46px;background:transparent;border:1px solid var(--panel-border);color:var(--parchment);padding:.05rem .2rem;border-radius:2px;font-size:.65rem;font-family:inherit}#start-choice-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:60;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;padding:1.5rem 2rem;text-align:center;pointer-events:auto;box-shadow:0 8px 32px #000000b3;min-width:300px}#start-choice-title{font-size:.88rem;color:var(--parchment);margin-bottom:1rem;letter-spacing:.04em}#start-choice-btns{display:flex;gap:.75rem;justify-content:center}.start-choice-btn{padding:.6rem 1.1rem;font-size:.88rem}.start-choice-btn[data-resource=might]{color:var(--might);border-color:var(--might)}.start-choice-btn[data-resource=supply]{color:var(--supply);border-color:var(--supply)}.start-choice-btn[data-resource=prosperity]{color:var(--prosperity);border-color:var(--prosperity)}