@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#eadfc8;background:#102a2b;--ink:#173a37;--paper:#eee7d4;--muted:#aebcaf;--gold:#d9b77a;--border:#42605a;--session-bg:#0c2022;--session-fg:#eee6d5;--session-border:#3d5650;--lobby-bg:#163a36;--lobby-panel:#1c403c;--lobby-text:#eee7d4;--lobby-muted:#b8c8bd;--lobby-accent:#dfbd7c;--lobby-border:#4c665a;}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 12%,#244b42 0,transparent 65%),repeating-linear-gradient(104deg,#ffffff02 0 1px,transparent 1px 7px),#102a2b;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ffd99e;outline-offset:3px}button{border:1px solid #61776b;border-radius:5px;background:#294d43;color:#fff0d5;padding:9px 13px;transition:background .12s,outline .12s}button:hover:not(:disabled){background:#365f50}.primary{background:#dfbd7c;color:#1c332d;border-color:#e8ca92;font-weight:700}.primary:hover:not(:disabled){background:#f0d498}.secondary{background:#294a41}.text-button{background:none;border:0;padding:6px 0;text-align:left;color:var(--gold)}h1,h2,h3,p{margin:0}h2,h3{font-family:'Cormorant Garamond',Georgia,serif}h2{font-size:26px;font-weight:600}h3{font-size:23px}#shell{max-width:1920px;margin:auto;padding:20px 24px 28px}#notice{background:#683d33;color:#fff3df;border:1px solid #d09172;padding:12px 16px;margin-bottom:12px;border-radius:5px}#room-controls .games-room-controls{padding:6px 0 12px;color:#9eb5aa;font-size:12px;background:none;border:0}#lobby .games-lobby{max-width:1040px;margin:8vh auto}#lobby .games-lobby-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:64px}#lobby .games-lobby-eyebrow{color:var(--gold)}.island-layout{display:grid;grid-template-columns:180px minmax(520px,1fr) 290px;gap:18px;align-items:start}.table-panel{border:1px solid #486056;border-radius:9px;background:#14332fd9;box-shadow:0 5px 18px #061b1b26;padding:17px}.section-heading{font-size:25px;line-height:1.1;margin-bottom:16px}.section-heading:after{content:'';display:block;margin-top:10px;width:26px;border-bottom:2px solid var(--gold)}.eyebrow{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.18em}.muted{color:var(--muted);font-size:12px;line-height:1.5}.badge{display:inline-flex;align-items:center;justify-content:center;font-size:11px;border:1px solid #587267;border-radius:4px;padding:3px 7px;white-space:nowrap}.invader-slot{margin-top:12px;padding:13px 11px;min-height:99px;border:1px solid #617369;border-radius:5px;background:linear-gradient(145deg,#c6c0a8,#ece4ce);color:#273c32;position:relative;box-shadow:inset 0 0 0 3px #ffffff1a}.slot-caption{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;margin-bottom:11px}.invader-terrain{font-family:Georgia,serif;font-size:16px;line-height:1.3;display:block}.stage-label{display:block;font-size:10px;margin-top:6px;color:#607067}.invader-slot.ravage{border-top:3px solid #ae6f50}.invader-slot.build{border-top:3px solid #998045}.invader-slot.explore{border-top:3px solid #668481}.invader-slot.active{outline:2px solid var(--gold);outline-offset:3px}.empty-slot{font-family:Georgia,serif;font-size:22px;opacity:.5}.deck-count{font-size:10px;color:#afbfaf;margin:13px 0 21px}.fear-track{border-top:1px solid #4b655a;padding-top:17px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.section-label{font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;margin-right:auto}.fear-meter{width:100%;display:flex;gap:8px;margin:5px 0}.fear-dot{width:20px;height:20px;border:1px solid #a3aa92;border-radius:50%;background:#203e36;box-shadow:inset 0 0 0 4px #102a2b}.fear-dot.filled{background:#c4b47d;box-shadow:inset 0 0 0 4px #e8d59a}.terror{border-color:#b09464;color:#e9d49f}.blight-track{display:flex;gap:6px;align-items:center;border-top:1px solid #4b655a;margin-top:20px;padding-top:16px;font-size:12px}.blight-track img{width:37px}.blight-count{margin-left:auto;color:#edc8ec;border-color:#876589}.blight-name{margin-top:6px;font-size:11px;color:#c5a3cd}.island-column{min-width:0}.island-area{background:linear-gradient(150deg,#163e3b,#0f3034);padding:17px 17px 0;overflow:hidden}.island-area .section-heading{margin-bottom:4px}.board-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#bed0bf}.terrain-legend{font-size:10px;color:#a6baae}.board-map{position:relative;aspect-ratio:1000/650;margin:0 auto;width:100%;max-width:720px}.board-map svg{display:block;width:100%;height:100%;filter:drop-shadow(0 10px 10px #0004)}.land-region{stroke:#9c966e;stroke-width:2;stroke-linejoin:round;transition:filter .12s;cursor:pointer}.land-region.mountain{fill:#748179}.land-region.wetland{fill:#528e87}.land-region.jungle{fill:#597c49}.land-region.sands{fill:#b39c62}.land-region.selected{stroke:#ffe2a0;stroke-width:5;filter:brightness(1.18)}.land-region.targetable{stroke:#e7d49c;stroke-width:3}.terrain-pattern{pointer-events:none}.shoreline{fill:none;stroke:#3c6f79;stroke-width:25;stroke-linecap:round;opacity:.75}.land-content{position:absolute;transform:translate(-50%,-50%);width:137px;min-height:72px;display:flex;align-items:center;flex-direction:column;padding:4px;pointer-events:none}.land-select{pointer-events:auto;border:0;border-radius:20px;background:#14352edd;padding:4px 7px;color:#f5eedb;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 1px 4px #14312833}.land-content.selected .land-select{background:#f0d396;color:#173c33}.land-content.targetable .land-select{outline:1px solid #f6d99a;outline-offset:1px}.land-pieces{display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;gap:1px;max-width:132px;min-height:33px;margin-top:3px}.piece{pointer-events:auto;position:relative;width:31px;height:36px;display:inline-flex;align-items:flex-end;justify-content:center;border:0;padding:0;background:none;border-radius:4px;flex:none;filter:drop-shadow(0 2px 2px #06272670)}.piece .token-art{width:100%;height:100%;object-fit:contain}.piece:hover:not(:disabled){background:#fff2}.piece.chosen{outline:2px solid #ffdea4;background:#efd39655}.piece.owned{width:34px}.damage-marker{position:absolute;right:-3px;top:0;border:0;border-radius:50%;background:#953f35;color:white;padding:1px 4px;font-size:9px}.blight-piece{width:31px;height:34px}.land-defense{margin-top:2px;font-size:8px;background:#295647;color:#e2ecd9;padding:2px 4px}.land-detail{display:flex;justify-content:space-between;gap:10px;padding:9px 5px;font-size:11px}.land-detail strong{color:#e7d6ab}.phase-controls{margin-top:12px;border-color:#7a7959;padding:15px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.phase-controls .section-heading{flex-basis:100%;font-size:23px;margin-bottom:0}.phase-controls .section-heading:after{display:none}.phase-controls .decision-title{flex-basis:100%;font-size:21px;color:#e9ce95}.command{font-size:12px}.growth-option{display:flex;flex:1;min-width:145px;flex-direction:column;gap:6px;text-align:left;padding:12px;border-color:#7b8266}.growth-option strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;color:#f0d59e}.growth-option .muted{font-size:11px}.segmented{display:flex;gap:4px;width:100%}.segmented button{font-size:11px;padding:8px;flex:1}.segmented .selected{background:#ddc18b;color:#16362d}.field{display:flex;flex-direction:column;gap:4px;font-size:11px;min-width:160px}.field-label{color:#b9c7b5}.field select{background:#254a40;color:#f0e6d0;border:1px solid #6c806c;border-radius:5px;padding:7px 9px;font-size:12px}.play-summary,.gain-preview,.choice-budget{font-size:13px;color:#e9d49d;flex-basis:100%}.fear-instruction{font-size:12px;line-height:1.5;max-width:560px;flex-basis:100%}.choice-rows{display:flex;gap:8px;flex-wrap:wrap;flex-basis:100%;max-height:240px;overflow:auto}.piece-choice{display:flex;align-items:center;gap:8px;padding:7px 10px;font-size:11px;border:1px solid #536f61;border-radius:5px;background:#203f34;min-width:150px}.piece-choice img{width:32px;height:34px;object-fit:contain}.piece-choice.chosen{outline:2px solid #efd29b;background:#496646}.piece-choice .field{min-width:85px}.piece-choice .field-label{display:none}.number-input{width:54px;background:#16362e;color:#fff0d1;border:1px solid #7a8a73;border-radius:4px;padding:6px;font-size:15px}.spirit-board{padding:17px;background:linear-gradient(165deg,#365e54,#1d3e36)}.spirit-board.lightning{background:linear-gradient(165deg,#544764,#2c3546)}.spirit-board>.section-heading{font-size:14px;font-family:'DM Sans',sans-serif;color:#c5cebc;margin-bottom:10px}.spirit-board>.section-heading:after{display:none}.spirit-identity{display:flex;align-items:center;gap:11px;margin-bottom:17px}.spirit-identity img{width:61px;height:65px;object-fit:contain;filter:drop-shadow(0 3px 3px #092d2b55)}.spirit-name{font-size:27px;line-height:1.03;color:#f8ebcd}.spirit-resources{display:flex;gap:9px;margin-bottom:18px}.spirit-resources .badge{font-size:11px;background:#163a3055}.spirit-resources .energy{border-color:#cfb26d;color:#fae0a2}.presence-track{padding:9px 0;border-top:1px solid #91a68a55}.track-label{font-size:11px;color:#d4dcc8;display:block;margin-bottom:9px}.track-spaces{display:flex;gap:4px}.track-space{position:relative;border:1px solid #b2bd8c;width:30px;height:31px;display:flex;justify-content:center;align-items:center;background:#acc39d;color:#183d30;font-family:Georgia,serif;font-size:17px;border-radius:50%;flex:none}.track-space.covered{color:#c1ccb366;background:#234638;border-color:#708a69}.track-space.covered img{position:absolute;inset:-1px;width:30px;height:32px;object-fit:contain}.element-totals{display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:16px 0;border-bottom:1px solid #91a68a55}.element{display:inline-flex;align-items:center;gap:2px;font-size:20px;line-height:1;color:#dfbd7c}.element b{font:600 11px 'DM Sans',sans-serif;color:#e9e2d1}.element-moon{color:#c9c2d1}.element-fire{color:#e89a69}.element-air{color:#d9e2c5}.element-water{color:#8eced0}.element-earth{color:#c3b185}.element-plant{color:#b5d89b}.element-animal{color:#d5ad8b}.innate-panel{margin-top:17px}.innate-panel h3{font-size:23px;color:#e9d39e;margin-bottom:4px}.innate-level{padding:8px 0;font-size:11px;line-height:1.5;color:#bdcebd;border-bottom:1px solid #6d826959}.innate-level.reached{color:#ffe4a2}.special-rule,.discard-pile{font-size:11px;margin-top:15px}.special-rule summary,.discard-pile summary{cursor:pointer;color:#ddc18f}.special-rule p{color:#c3d2c1;line-height:1.6;margin-top:8px}.discard-pile button{display:block;font-size:11px}.power-tray{grid-column:1/-1;position:relative;padding:17px;background:#193931e6}.power-tray .section-heading{margin-bottom:7px}.power-tray .section-heading:after{display:none}.power-tray-meta{position:absolute;right:18px;top:22px}.power-cards{display:flex;gap:15px;overflow-x:auto;padding:8px 2px 8px;scrollbar-color:#78967b #163b30}.power-card{display:flex;flex-direction:column;flex:0 0 250px;border:1px solid #c9c1a0;border-radius:9px;background:#eee6d0;color:#2c4236;overflow:hidden;box-shadow:0 4px 12px #09232155;position:relative}.power-card.selected{outline:3px solid #ecd197;outline-offset:2px}.card-face{display:flex;flex-direction:column;text-align:left;width:100%;height:auto;flex:1;min-height:286px;border:0;padding:15px;background:none;color:#253e34;border-radius:0}.card-face:hover:not(:disabled){background:#f6edd8}.power-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.power-cost{width:28px;height:28px;border-radius:50%;font-family:Georgia,serif;font-size:20px;color:#274f3d;background:#d1d8b5;border-color:#758c67}.power-speed{font-size:8px;letter-spacing:.17em;font-weight:700;color:#66826b}.slow .power-speed{color:#876c4b}.power-name{font-size:23px;line-height:1.03;min-height:47px;margin-bottom:11px;color:#243e32}.power-range,.power-target{font-size:11px;color:#637366;margin-bottom:4px}.card-elements{display:flex;gap:7px;margin:9px 0 11px;border-top:1px solid #a6b297;padding-top:10px}.card-elements .element{font-size:19px;filter:drop-shadow(0 1px 0 #0002)}.card-elements .element-sun{color:#aa842c}.card-elements .element-fire{color:#b25831}.card-elements .element-moon{color:#776b8d}.card-elements .element-water{color:#328a99}.card-elements .element-air{color:#809866}.card-elements .element-earth{color:#927647}.card-elements .element-plant{color:#50883f}.card-elements .element-animal{color:#987047}.power-text{font-size:12px;line-height:1.55;flex:1}.power-text p{margin-bottom:5px}.power-condition{display:block;color:#82673c;font-size:11px;margin:3px 0}.card-state{padding:5px 13px;background:#ced6b9;font-size:9px;font-weight:600;text-align:center;color:#375640}.in-play .card-state{background:#426a52;color:#f0edda}.used .card-state{background:#647165}.power-card.used{opacity:.8}.card-inspection{margin-top:14px;padding:12px;border:1px solid #69816a;font-size:12px;max-width:580px}.card-inspection p{margin-top:6px;line-height:1.6}.outcome{font-size:32px;color:#f1d393}.schematic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;aspect-ratio:auto;margin:16px 0}.schematic .land-content{position:relative;left:auto!important;top:auto!important;transform:none;width:auto;min-height:155px;border:1px solid #819f7e;border-radius:15px;padding:14px 6px;background:#3d664b}.schematic .land-content.mountain{background:#697873}.schematic .land-content.wetland{background:#397e79}.schematic .land-content.sands{background:#9a8a50}.schematic .land-content.selected{outline:2px solid #e8d09a}.schematic svg{display:none}.adjacency-mini{font-size:9px;margin-top:auto;padding-top:7px;color:#dae3d0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{max-width:660px;width:calc(100% - 80px);max-height:80vh;overflow:auto;border:1px solid #9f9970;border-radius:10px;color:#e9e0ca;background:#203e36;padding:28px;box-shadow:0 20px 80px #001b1bbf}dialog::backdrop{background:#031b1bba;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.dialog-heading button{border:0;background:none}dialog p,dialog li{font-size:13px;line-height:1.65}dialog details{border-top:1px solid #6b806450;margin-top:15px;padding-top:12px}dialog summary{cursor:pointer;font-weight:600;font-size:14px;color:#eacb91}dialog details p,dialog ol{margin-top:12px}dialog li{margin:9px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.confirm-detail{margin:10px 0}.piece-motion-layer{z-index:20}
@media(max-width:1240px){#shell{padding:16px}.island-layout{grid-template-columns:160px minmax(480px,1fr) 250px;gap:12px}.table-panel{padding:13px}.spirit-name{font-size:24px}.track-space{width:27px;height:28px;font-size:15px}.track-space.covered img{width:27px;height:29px}.track-spaces{gap:3px}.land-content{width:124px}.piece{width:27px;height:32px}.piece.owned{width:29px}.terrain-legend{display:none}}
@media(max-width:1060px){.island-layout{grid-template-columns:150px minmax(0,1fr)}.spirit-board{grid-column:1/-1;display:grid;grid-template-columns:240px 1fr 1fr;gap:10px 22px}.spirit-board>.section-heading{grid-column:1/-1}.spirit-identity,.spirit-resources{grid-column:1}.presence-track{grid-column:2}.element-totals{grid-column:3;grid-row:2}.innate-panel{grid-column:3;grid-row:3/6}.special-rule,.discard-pile{grid-column:1}.power-card{flex-basis:216px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.lightning .track-spaces{gap:3px}.lightning .track-space{width:27px;height:28px}.lightning .track-space.covered img{width:27px;height:29px}
@media(max-width:1240px){.lightning .track-space{width:24px;height:25px}.lightning .track-space.covered img{width:24px;height:26px}}
.fear-condition{display:block;color:#e9ce95;margin-bottom:3px}