:root{--marble:#f3eee3;--parchment:#faf5ea;--parchment-2:#ece3cf;--ink:#23211c;--ink-soft:#5c564a;--line:#d6cab0;--terracotta:#b04a26;--terracotta-dark:#8c3618;--gold:#c9971f;--gold-soft:#f3dc96;--aegean:#16384f;--sea:#1f5375;--sea-light:#2f7398;--sea-deep:#143a55;--sea-line:#bee1f529;--wave:#ffffff0d;--shore:#f3ead0;--coast:#4a3820;--land:#e3c78f;--land-hover:#ebd3a2;--land-line:#6b5232;--gold-bright:#ffd34d;--land-speck:#5d4a2c2e;--danger:#a3261b;--ok:#2f6b3a;--shadow:0 1px 2px #23211c1f, 0 4px 14px #23211c14;--radius:10px;--display:"Cinzel", "Trajan Pro", Georgia, serif;--body:"Alegreya Sans", "Gill Sans", "Segoe UI", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--marble);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.35}h1,h2,h3{font-family:var(--display);letter-spacing:.04em;margin:0;font-weight:700}h2{text-transform:uppercase;color:var(--terracotta-dark);font-size:.95rem}h3{text-transform:uppercase;color:var(--ink-soft);margin-top:.9rem;margin-bottom:.35rem;font-size:.78rem}.greek{font-family:var(--display);letter-spacing:.18em}.meander,.topbar:after{--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10' viewBox='0 0 20 10'%3E%3Cpath d='M0 9.5h19.5V.5h-9v6h-4v-3h2' fill='none' stroke='%23c9971f' stroke-width='1.2'/%3E%3C/svg%3E")}.topbar:after{content:"";background:var(--mk) repeat-x;opacity:.9;pointer-events:none;height:10px;position:absolute;bottom:-10px;left:0;right:0}.btn{font:inherit;border:1px solid var(--line);background:var(--parchment);color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:.45rem;padding:.38rem .7rem;font-weight:500;transition:background .12s,border-color .12s,transform 50ms;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--gold);background:#fff8e3}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--terracotta);border-color:var(--terracotta-dark);color:#fff}.btn.primary:hover:not(:disabled){background:var(--terracotta-dark)}.btn.danger{color:var(--danger);border-color:#e0b4ad}.btn.quiet{background:0 0}.btn.chip{padding:.22rem .55rem;font-size:.9rem}.btn.selected{background:var(--gold-soft);border-color:var(--gold)}.btn.big{padding:.65rem 1.2rem;font-size:1.05rem}.btn-detail{color:inherit;opacity:.75;border-left:1px solid;padding-left:.4rem;font-size:.8rem}.btn.file{position:relative;overflow:hidden}.btn.file input{opacity:0;cursor:pointer;position:absolute;inset:0}select,input{font:inherit;border:1px solid var(--line);color:var(--ink);background:#fffdf8;border-radius:7px;padding:.35rem .5rem}.panel{background:var(--parchment);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:.8rem .9rem}.note{color:var(--ink-soft);font-size:.85rem}.error{color:var(--danger);background:#fbe9e5;border:1px solid #efc2ba;border-radius:7px;margin:.5rem 0;padding:.4rem .6rem}.empty{color:var(--ink-soft)}.player-tag{vertical-align:middle;align-items:center;gap:.35rem;display:inline-flex}.player-badge{flex:none}.player-name{font-weight:700}.game{grid-template:"top top top""left board right"minmax(0,1fr)"bar bar bar"/minmax(250px,290px) minmax(0,1fr) minmax(290px,350px);gap:0;height:100vh;display:grid}.topbar{z-index:3;background:var(--aegean);color:#f4ead2;flex-wrap:wrap;grid-area:top;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex;position:relative}.topbar .brand{color:var(--gold-soft);font-size:1.15rem}.topbar .phase{font-family:var(--display);letter-spacing:.05em;font-size:.9rem}.top-actions{flex-wrap:wrap;gap:.3rem;margin-left:auto;display:flex}.topbar .btn.quiet{color:#f4ead2;border-color:#f4ead247}.topbar .btn.quiet:hover:not(:disabled){background:#ffffff14}.dev-tools{border:1px dashed var(--gold);border-radius:8px;align-items:center;gap:.35rem;padding:.2rem .4rem;display:flex}.dev-label{color:var(--gold-soft);font-family:monospace}.left-column,.right-column{flex-direction:column;gap:.75rem;padding:1.2rem .75rem .75rem;display:flex;overflow-y:auto}.left-column{grid-area:left}.right-column{grid-area:right}.board-column{grid-area:board;min-height:0;padding:1.2rem 0 .4rem;position:relative}.board{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.board-frame{flex:none;position:relative}.board-svg{background:var(--sea-deep);border-radius:var(--radius);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;height:100%;display:block}.board-svg:active{cursor:grabbing}.open-sea{fill:var(--sea-deep)}.area{stroke-linejoin:round}.area.sea{fill:#0000;stroke:var(--sea-line);stroke-width:.9px}.area.sea:hover{fill:#ffffff0d}.area.land{fill:var(--land);stroke:none}.area.land:hover{fill:var(--land-hover)}.area.selectable{cursor:pointer}.shore path{fill:var(--shore);stroke:var(--shore);stroke-width:20px;stroke-linejoin:round;opacity:.75}.land-border{fill:none;stroke:var(--land-line);stroke-width:1px;stroke-opacity:.55;stroke-linejoin:round}.coast path{fill:none;stroke:var(--coast);stroke-width:3.6px;stroke-linejoin:round}.tint{pointer-events:none}.land-tint{fill-opacity:.17;stroke-width:11px;stroke-opacity:1}.sea-tint{fill-opacity:0;stroke-width:8px;stroke-opacity:.85;stroke-dasharray:10 6}.veil.land{fill:#30281e57}.veil.sea{fill:#04121c52}.outline-selectable{fill:#ffecaa24;stroke:var(--gold-bright);stroke-width:4px;stroke-dasharray:9 5;stroke-linejoin:round;filter:drop-shadow(0 0 4px #ffd25ae6);animation:1.2s linear infinite march}.outline-focus{fill:#ffffff14;stroke:var(--terracotta);stroke-width:4.5px;stroke-linejoin:round}@keyframes march{to{stroke-dashoffset:-28px}}@media (prefers-reduced-motion:reduce){.outline-selectable,.site-highlight{animation:none}}.area-label{font-family:var(--display);text-anchor:middle;dominant-baseline:middle;letter-spacing:.06em;font-weight:500}.area-label.land{fill:#5d4a2c6b}.area-label.sea{fill:#ffffff47}.horn-badge{fill:#fff6dc;stroke:var(--gold);stroke-width:1px}.horn-badge.prosperous{fill:var(--gold-soft);stroke:var(--terracotta);stroke-width:1.4px}.horn{fill:var(--gold);stroke:#8a6510;stroke-width:.5px}.horn-count{fill:var(--ink);text-anchor:middle;font-size:6px;font-weight:700}.priestess-badge{fill:#eef4fa;stroke:#2f5d8a;stroke-width:1px}.site-slot{fill:#fffaeb8c;stroke:var(--land-line);stroke-width:.8px;stroke-dasharray:2 1.5}.site-slot.used{fill:#fffaeb40;stroke-dasharray:none;stroke-opacity:.4}.port-pier{stroke:var(--land-line);stroke-width:1px;stroke-dasharray:1.5 1.5}.building-glyph{stroke:var(--ink);stroke-width:1.1px;fill:none}.metropolis{fill:#fff6dc;stroke:var(--ink);stroke-width:1.1px;stroke-linejoin:round}.metropolis-ring{stroke:var(--ink);stroke-width:1.2px}.site.selectable{cursor:pointer}.site-highlight{fill:none;stroke:var(--gold);stroke-width:2.4px;stroke-dasharray:4 2;animation:1.2s linear infinite march}.token-body{stroke:var(--ink);stroke-width:1.3px;stroke-linejoin:round}.count-bubble{fill:#fff;stroke:var(--ink);stroke-width:.9px}.count-text{text-anchor:middle;fill:var(--ink);font-weight:700}.battle-marker circle{fill:var(--danger);stroke:#fff;stroke-width:1.2px}.battle-marker path{stroke:#fff;stroke-width:1.6px;stroke-linecap:round}.mark-badge circle{fill:var(--gold);stroke:var(--ink);stroke-width:1px}.mark-badge text{text-anchor:middle;fill:var(--ink);font-weight:700}.zoom-controls{flex-direction:column;gap:.25rem;display:flex;position:absolute;bottom:.6rem;right:.6rem}.zoom-controls button{border:1px solid var(--line);background:var(--parchment);cursor:pointer;border-radius:8px;width:2rem;height:2rem;font-size:1.1rem}.area-tooltip{z-index:20;pointer-events:none;border:1px solid var(--line);width:240px;box-shadow:var(--shadow);background:#fffdf6;border-radius:8px;flex-direction:column;gap:.15rem;padding:.5rem .65rem;font-size:.85rem;display:flex;position:fixed}.tooltip-title{font-family:var(--display);font-weight:700}.tooltip-title .kind{font-family:var(--body);color:var(--ink-soft);font-weight:400}.tooltip-sites{margin:.2rem 0 0;padding-left:1rem}.tooltip-battle{color:var(--danger);font-weight:700}.gods{flex-direction:column;gap:.4rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.god{border:1px solid var(--line);background:#fffdf8;border-radius:8px;padding:.35rem .45rem}.god.playing{border-color:var(--terracotta);box-shadow:0 0 0 2px #b04a262e}.god.face-down{color:var(--ink-soft);background:repeating-linear-gradient(135deg,#e8dfcb 0 6px,#e1d6bd 6px 12px)}.god-head{justify-content:space-between;align-items:baseline;gap:.4rem;display:flex}.god-name{font-family:var(--display);font-weight:700}.god-role{color:var(--ink-soft);text-align:right;font-size:.72rem}.bid-track{grid-template-columns:repeat(10,1fr);gap:2px;margin-top:.3rem;display:grid}.bid-cell{text-align:center;background:var(--parchment-2);color:var(--ink-soft);border-radius:4px;justify-content:center;align-items:center;min-height:1.25rem;font-size:.72rem;display:flex}.bid-cell.taken{background:var(--gold-soft)}.apollo-slot{margin-top:.25rem}.turn-order,.track{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.turn-order li,.track li{align-items:center;gap:.45rem;display:flex}.slot-number,.cost{color:var(--ink-soft);min-width:2.2rem;font-size:.75rem}.action-panel{border-top:4px solid var(--terracotta)}.decider{color:var(--ink-soft);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.prompt{font-family:var(--display);color:var(--ink);text-transform:none;letter-spacing:.02em;margin:.35rem 0 .2rem;font-size:1.08rem}.prompt-detail{color:var(--ink-soft);margin:0 0 .3rem;font-size:.9rem}.step{border-left:3px solid var(--gold);background:#fff4d6;border-radius:4px;margin:.35rem 0;padding:.35rem .5rem;font-size:.9rem}.button-groups{flex-direction:column;gap:.55rem;margin-top:.5rem;display:flex}.group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin-bottom:.2rem;font-size:.72rem}.group-buttons{flex-direction:column;gap:.3rem;display:flex}.group-buttons.chips{flex-flow:wrap}.group-buttons:not(.chips) .btn{justify-content:space-between}.player-panel-head{justify-content:space-between;align-items:center;display:flex}.gold{font-family:var(--display);color:#7d5a0b;align-items:center;gap:.3rem;font-size:1.15rem;font-weight:700;display:inline-flex}.coin{color:var(--gold)}.stats{grid-template-columns:repeat(3,1fr);gap:.3rem;margin:.55rem 0 0;display:grid}.stats div{border:1px solid var(--line);background:#fffdf8;border-radius:6px;padding:.25rem .35rem}.stats dt{color:var(--ink-soft);font-size:.7rem}.stats dd{margin:0;font-size:1.05rem;font-weight:700}.stats.small dd{font-size:.95rem}.buildings{flex-wrap:wrap;gap:.3rem;margin:.5rem 0 0;padding:0;font-size:.82rem;list-style:none;display:flex}.buildings li{border:1px dashed var(--line);color:var(--ink-soft);border-radius:999px;padding:.05rem .5rem}.buildings li.owned{border-style:solid;border-color:var(--gold);color:var(--ink);background:#fff6dc}.history{flex-direction:column;flex:1;min-height:180px;display:flex}.history ol{flex:1;margin:.4rem 0 0;padding:0;font-size:.85rem;list-style:none;overflow-y:auto}.entry{border-left:3px solid #0000;padding:.12rem 0 .12rem .45rem}.entry.heading{font-family:var(--display);color:var(--terracotta-dark);margin-top:.6rem;font-weight:700}.entry.subheading{margin-top:.35rem;font-weight:700}.entry.battle{background:#fbefe9}.entry.highlight{background:#fff4d6;font-weight:500}.players-bar{background:var(--parchment-2);border-top:1px solid var(--line);grid-area:bar;gap:.5rem;padding:.45rem .75rem;display:flex;overflow-x:auto}.player-chip{background:var(--parchment);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .6rem;display:flex}.player-chip.deciding{border-color:var(--terracotta);box-shadow:0 0 0 2px #b04a2633}.player-chip.eliminated{opacity:.5}.pips{gap:2px;display:inline-flex}.pip{border:1px solid var(--ink);background:0 0;width:9px;height:9px;transform:rotate(45deg)}.pip.on{background:var(--gold)}.chip-stats{color:var(--ink-soft);font-size:.8rem}.tag{background:var(--ink);color:#fff;border-radius:4px;padding:0 .3rem;font-size:.72rem}.battle-dialog{background:var(--parchment);border:1px solid var(--line);border-top:4px solid var(--danger);border-radius:var(--radius);z-index:5;width:min(360px,100% - 1.2rem);max-height:calc(100% - 2.4rem);padding:.75rem .85rem;position:absolute;top:1.6rem;left:.6rem;overflow-y:auto;box-shadow:0 8px 30px #0000004d}.battle-dialog.right{left:auto;right:3.2rem}.battle-dialog header{justify-content:space-between;align-items:center;display:flex}.sides{grid-template-columns:1fr 1fr;gap:.4rem;margin:.55rem 0;display:grid}.side{border:1px solid var(--line);background:#fffdf8;border-radius:8px;padding:.35rem .45rem;font-size:.85rem}.side-role{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-size:.7rem}.side-strength{margin-top:.15rem}.rounds{flex-direction:column;gap:.3rem;margin:0;padding:0;font-size:.86rem;list-style:none;display:flex}.round{border:1px solid var(--line);background:#fffdf8;border-radius:8px;padding:.35rem .45rem}.round-title{font-family:var(--display);font-size:.8rem;font-weight:700}.roll{align-items:center;gap:.4rem;display:flex}.roll.lost{color:var(--danger)}.die{border:1.5px solid var(--ink);background:#fff;border-radius:5px;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;font-weight:700;display:inline-flex}.round-result{font-weight:700}.rounds .result{color:var(--ok);font-weight:700}.battle-decision{border-top:1px dashed var(--line);margin-top:.6rem;padding-top:.5rem}.overlay{z-index:30;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.overlay.handoff{background:radial-gradient(circle at 50% 40%,#1f5375,#0e2636)}.overlay.game-over{background:#0e263699}.overlay-card{background:var(--parchment);text-align:center;border-top:5px solid var(--gold);border-radius:14px;width:100%;max-width:460px;padding:1.6rem 2rem;box-shadow:0 20px 60px #00000059}.overline{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:.8rem}.handoff-player{margin:.6rem 0;font-size:1.8rem}.overlay-card h2{color:var(--ink);text-transform:none;margin:.3rem 0;font-size:1.4rem}.final{border-collapse:collapse;margin:.8rem auto}.final th,.final td{border-bottom:1px solid var(--line);text-align:left;padding:.25rem .7rem}.overlay-actions{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.setup{flex-direction:column;gap:1rem;max-width:640px;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex}.app-footer{text-align:center;opacity:.7;font-size:.85rem}.how-to ul{flex-direction:column;gap:.45rem;margin:0;padding-left:1.2rem;line-height:1.45;display:flex}.setup-hero{text-align:center;background:linear-gradient(180deg, #16384feb, #16384ffa), var(--aegean);color:#f4ead2;border-radius:14px;padding:1.5rem 1rem 1.2rem;position:relative}.setup-hero h1{flex-direction:column;gap:.2rem;display:flex}.setup-hero h1 .greek{color:var(--gold-soft);font-size:2.1rem}.setup-hero h1 span:last-child{letter-spacing:.4em;text-transform:uppercase;font-size:.9rem}.setup-hero p{opacity:.85;margin:.4rem 0 0}.setup fieldset{border:none;flex-direction:column;gap:.5rem;margin:.8rem 0;padding:0;display:flex}.setup legend{font-family:var(--display);text-transform:uppercase;color:var(--ink-soft);margin-bottom:.4rem;font-size:.8rem;font-weight:700}.segmented{border:1px solid var(--line);border-radius:8px;align-self:flex-start;display:inline-flex;overflow:hidden}.segmented button{font:inherit;cursor:pointer;background:#fffdf8;border:none;padding:.35rem .9rem}.segmented button.on{background:var(--terracotta);color:#fff}.player-rows{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.player-rows li{grid-template-columns:auto 1fr 9rem;align-items:center;gap:.5rem;display:grid}.field{flex-direction:column;gap:.25rem;max-width:14rem;display:flex}.check{align-items:center;gap:.5rem;display:flex}.saved p{margin:.4rem 0 .7rem}@media (width<=960px){.game{grid-template:"top""board"62vh"right""left""bar"/minmax(0,1fr);height:auto;min-height:100vh}.board-column{padding:.8rem .4rem 0}.left-column,.right-column{padding-top:.6rem;overflow:visible}.history{max-height:50vh}.battle-dialog{border-radius:14px 14px 0 0;width:100%;max-height:70vh;position:fixed;top:auto;bottom:0;left:0}.battle-dialog.right{left:0;right:0}.players-bar{flex-wrap:wrap}}.unit-icon{filter:drop-shadow(0 1.5px 1.2px #0a141e73)}.unit-badge,.piece-badge{vertical-align:middle;flex:none;overflow:visible}.entry .piece-badge{margin-top:-.15rem;margin-right:.3rem}.side-forces{align-items:center;gap:.2rem;min-height:2.2rem;display:flex}.stats.small{grid-template-columns:repeat(2,1fr)}.with-icon{align-items:center;gap:.35rem;display:flex}.horn-icon{vertical-align:middle;flex:none}.income-tag{align-items:center;gap:.15rem;font-size:.9rem;display:inline-flex}.income-detail{border:1px solid var(--gold);cursor:help;background:#fff8e3;border-radius:6px;padding:.25rem .35rem;position:relative}.income-detail dd{align-items:center;gap:.3rem;display:flex}.income-popover{z-index:10;border:1px solid var(--line);width:250px;box-shadow:var(--shadow);background:#fffdf6;border-radius:8px;padding:.5rem .65rem;font-size:.85rem;display:none;position:absolute;top:calc(100% + 6px);left:0}.income-detail:hover .income-popover,.income-detail:focus-within .income-popover{display:block}.income-popover ul{margin:.3rem 0;padding:0;list-style:none}.income-popover li{justify-content:space-between;display:flex}.popover-title{font-family:var(--display);font-size:.8rem;font-weight:700}.popover-areas,.popover-note{color:var(--ink-soft);margin-top:.25rem;font-size:.78rem}.stats .income-popover div{background:0 0;border:none;padding:0}.gallery{flex-direction:column;gap:1rem;max-width:1200px;margin:0 auto;padding:1.2rem 1rem 3rem;display:flex}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.6rem;display:grid}.gallery-cell{border:1px solid var(--line);background:#fffdf8;border-radius:8px;padding:.35rem}.gallery-label{color:var(--ink-soft);font-size:.8rem}.gallery-row{flex-wrap:wrap;gap:4px;display:flex}.gallery-row.big{gap:10px}.tile{border-radius:6px}.connection-banner{z-index:40;background:var(--danger);color:#fff;box-shadow:var(--shadow);border-radius:999px;margin:0;padding:.35rem .9rem;position:fixed;top:.5rem;left:50%;transform:translate(-50%)}.seat-form{flex-direction:column;gap:.6rem;display:flex}.seat-form fieldset{margin:.2rem 0}.color-choices{flex-wrap:wrap;gap:.35rem;display:flex}.color-choices button{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;padding:2px;line-height:0}.color-choices button.on{border-color:var(--terracotta)}.color-choices button:disabled{opacity:.25;cursor:not-allowed}.link-row{gap:.4rem;margin:.4rem 0;display:flex}.link-row input{flex:1;min-width:0;font-family:ui-monospace,monospace;font-size:.85rem}.seat-list{flex-direction:column;gap:.3rem;margin:.3rem 0 .6rem;padding:0;list-style:none;display:flex}.seat-list li{align-items:center;gap:.45rem;display:flex}.seat-list li.offline .seat-name{color:var(--ink-soft)}.seat-name{flex:1;align-items:center;gap:.35rem;display:flex}.presence{background:#b7ad97;border-radius:50%;flex:none;width:.6rem;height:.6rem}.online>.presence{background:var(--ok);box-shadow:0 0 0 3px #2f6b3a2e}.new-link{border-top:1px dashed var(--line);padding-top:.5rem}.warning{border-left:3px solid var(--terracotta);text-align:left;background:#fbe9d9;border-radius:4px;padding:.45rem .6rem}.turn-banner{padding:.6rem .9rem}.turn-banner h2{margin:0}.turn-banner.mine{background:var(--gold-soft);border-color:var(--gold);box-shadow:0 0 0 3px #c9971f40}.table-seats summary{cursor:pointer;color:var(--ink-soft);margin-top:.3rem;font-size:.85rem}.undo-toast{z-index:35;background:var(--parchment);border-top:4px solid var(--gold);border-radius:var(--radius);width:min(420px,100vw - 2rem);padding:.8rem 1rem;position:fixed;bottom:5rem;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0000004d}.undo-toast p{margin:0 0 .4rem}.setup-hero a{color:var(--gold-soft)}.gallery-row.compare{flex-wrap:wrap;gap:1.5rem;margin-bottom:.8rem}.gallery-row.compare figure{margin:0}.gallery-row.compare figcaption{color:var(--ink-soft);margin-top:.2rem;font-size:.8rem}.gallery-row .arrow{color:var(--ink-soft);align-self:center}.god{position:relative}.god-head{align-items:center}.god-name{margin-right:auto}.area-info-button{border:1px solid var(--line);width:1.5rem;height:1.5rem;color:var(--aegean);cursor:pointer;background:#fffdf8;border-radius:50%;flex:none;padding:0;font-size:.85rem;line-height:1}.area-info-button.open,.area-info-button:hover{border-color:var(--gold);background:var(--gold-soft)}.area-info-button:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.area-info{z-index:25;background:var(--parchment);width:min(22rem,70vw);max-height:70vh;color:var(--ink);border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:var(--radius);padding:.6rem .8rem .7rem;font-size:.86rem;position:fixed;overflow-y:auto;box-shadow:0 12px 34px #00000047}.area-info-head{font-family:var(--display);justify-content:space-between;align-items:center;display:flex}.area-info-close{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;font-size:1.2rem}.area-info h4{text-transform:uppercase;letter-spacing:.04em;color:var(--terracotta-dark);margin:.5rem 0 .2rem;font-size:.72rem}.area-info ul{margin:0;padding-left:1.1rem}.area-info li{margin:.15rem 0}.area-info li.upcoming{color:var(--ink-soft)}.area-info li .tag{margin-left:.35rem}.area-info-unavailable{background:#ece3cf;border-radius:6px;margin:.4rem 0 0;padding:.3rem .5rem;font-weight:700}@media (width<=960px){.area-info{width:auto;max-height:none;box-shadow:none;margin:.4rem 0;position:static}}.theme-icon{vertical-align:middle;flex:none}.buildings li{align-items:center;gap:.25rem;display:inline-flex}.chip-stats{flex-wrap:wrap;align-items:center;gap:.15rem .5rem;display:inline-flex}.chip-card{align-items:center;gap:.1rem;display:inline-flex}.area-info-title{align-items:center;gap:.35rem;display:inline-flex}.god.face-down .theme-icon{opacity:.55;filter:grayscale(.6)}.entry .theme-icon{vertical-align:-4px;margin-right:.3rem}