/* The coastal kingdom: original parchment, brass, wood and heraldic details. */
:root{color-scheme:light;--bg:#e8dfc8;--bg-deep:#d8cfb7;--panel:#f4ecd7;--panel-raised:#e9dfc4;--panel-hover:#e4d6b5;--ink:#433b2a;--muted:#776d56;--quiet:#988a6b;--line:#96794a35;--line-strong:#9c7b4770;--brass:#9e7a39;--brass-light:#705124;--blue:#528a9b;--gold:#b88d37;--coral:#ae6256;--green:#557568;--serif:"Cormorant Garamond",Georgia,serif;--paper:radial-gradient(ellipse at 20% 15%,#fffaf05e,transparent 45%),repeating-linear-gradient(94deg,#8b744006 0px,#8b744006 1px,transparent 1px,transparent 4px),linear-gradient(120deg,#f4ecd8,#eadcba);}
body{background:radial-gradient(ellipse at 50% 28%,#81a59a,#587e7470 40%,transparent 75%),repeating-linear-gradient(0deg,#6e5b3f04 0px,#6e5b3f04 1px,transparent 1px,transparent 4px),#d2c8ad;font-size:14px;}
.app-shell{width:min(1880px,100%);padding:0 20px;}
.topbar{min-height:82px;gap:20px;border-bottom:1px solid #8e77554d;}
.brand{background:transparent;padding:0;flex-shrink:0;text-align:left;gap:8px;}
.brand>.emblem{width:52px;height:52px;filter:drop-shadow(0 2px 1px #3f2e2526);}
.brand-name strong{font:700 23px/1 var(--serif);letter-spacing:.7px;}
.brand-name small{font:9px var(--sans);letter-spacing:1.9px;margin-top:6px;}
.header-note{font:italic 16px var(--serif);color:#63583f;}
.button{border-radius:5px;min-height:39px;color:var(--ink);background:#f5ecd24d;border-color:var(--line-strong);box-shadow:inset 0 1px #fff8e5;}
.button .emblem{width:24px;height:24px;}
.button-primary{color:#f6e6bb;background:linear-gradient(#725236,#4d3826);border:1px solid #b48d49;box-shadow:inset 0 0 0 2px #4c3824,inset 0 0 0 3px #c4a05c65,0 3px 0 #352e1f,0 4px 8px #44362120;}
.button-primary:hover:not(:disabled){color:#fff2cf;background:linear-gradient(#896740,#624829);border-color:#c8a764;}
.button-ghost{color:#695b40;background:transparent;box-shadow:none;border-color:transparent;}
.button-ghost:hover:not(:disabled){background:#f3e6c6;border-color:#a4895550;}
.button:not(:disabled):focus-visible,.menu-mode:focus-visible{outline-color:#44766a;}
.game-layout{grid-template-columns:225px minmax(0,1fr)245px;gap:14px;padding-top:15px;min-height:560px;}
.players-panel{grid-column:1;grid-row:1;padding:17px 12px;border:1px solid #9e845456;border-radius:7px;background:var(--paper);box-shadow:inset 0 0 0 4px #c5ad7220,0 7px 18px #324b4126;}
.briefing-panel{grid-column:3;grid-row:1;padding:17px 17px;border:1px solid #9e845456;border-radius:7px;background:var(--paper);box-shadow:inset 0 0 0 4px #c5ad7220,0 7px 18px #324b4126;}
.board-stage{grid-column:2;grid-row:1;min-height:560px;border:1px solid #78968875;border-radius:9px;background:radial-gradient(ellipse at 50% 55%,#bad1ba33,transparent 64%),radial-gradient(ellipse at 50% 30%,#bfd2b1aa,#81a69b66 72%,#6e998a22);box-shadow:inset 0 0 40px #3d655719;}
.board-topline{top:15px;left:21px;right:18px;}.stage-title{max-width:75%;}.stage-title h1,.board-topline h1{font:600 clamp(28px,2.3vw,40px)/1.03 var(--serif);letter-spacing:-.5px;margin-top:4px;color:#344c42;text-shadow:0 1px #e7f0d575;}.stage-description{color:#4c6659;margin-top:5px;font-size:10px;}.stage-title .eyebrow{color:#59715c;}
.camera-controls{top:auto;bottom:19px;right:15px;background:#f6ecd7df;border-color:#a38a545e;box-shadow:0 2px 7px #2d4d4222;}
.camera-controls button{color:#5c604b;}.camera-controls button[aria-pressed="true"]{background:#587766;color:#faf0d5;}
.board-help{bottom:8px;color:#395e51;left:120px;right:180px;font:8px var(--sans);}

.panel-heading{margin-bottom:12px;}.eyebrow{color:#8e743e;font-family:var(--sans);font-weight:700;letter-spacing:1.6px;font-size:9px;}
.chip{background:#6e846f1a;border-color:#70836550;color:#5d704e;}.round-number{font-size:41px;color:#6f552f;}.round-summary{font-size:11px;line-height:1.55;}.round-summary strong{font:600 22px/1.1 var(--serif);color:var(--ink);}
#round-summary{display:flex;gap:13px;align-items:center;}.round-summary{margin-top:0;}.agenda{margin:17px 0;gap:1px;}.agenda-item{padding:5px 8px;min-height:28px;margin-left:0;}.agenda-item.is-current{background:#718d7020;color:#405d45;border-color:#8ba17b6b;}.agenda-marker{color:#846b36;}.agenda-item.is-resolved .agenda-marker{color:var(--faction);}
#move-panel{padding-top:14px;}.instruction{font-size:11px;line-height:1.65;margin-bottom:10px;}.move-panel h3{font:600 23px var(--serif);margin:4px 0 10px;}.field-input,select{background:#fff7e366;border-color:#9b83593b;box-shadow:inset 0 2px 5px #4e3d1c09;}.field-input:hover,select:hover{border-color:#987740;}
.portrait{position:relative;display:inline-block;width:56px;height:56px;flex:0 0 56px;border:3px solid #b19255;border-radius:50%;background:#9d8a64;box-shadow:0 0 0 1px #76603c,inset 0 0 0 1px #e5cd8c,0 3px 7px #58432627;}
.portrait:before{content:"";position:absolute;inset:-7px;border:1px solid var(--court,#927347);border-radius:50%;opacity:.42;pointer-events:none;}
.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;border-radius:50%;display:block;}
.portrait .avatar{position:absolute;right:-5px;bottom:-4px;width:20px;height:20px;font:600 11px var(--serif);border:1px solid #e9cc89;border-radius:50%;background:var(--court,#64715a);color:#fff2d0;}
.player-card,.app-shell[data-player-count="4"] .player-card{padding:11px 7px 9px;margin-bottom:11px;border:1px solid #9b805331;background:#efe4c344;border-radius:5px;box-shadow:inset 0 1px #fff8e4b3;}
.player-card.is-active{background:linear-gradient(110deg,#65806524,#d9d9ae35);border-color:#739077;box-shadow:inset 0 0 0 2px #77917415;}.player-card.is-active:before{background:var(--court);left:-1px;top:10px;bottom:10px;width:3px;}.player-card.is-active .portrait{box-shadow:0 0 0 2px #d6bd77,0 0 15px #a28e4938;}
.player-heading{gap:10px;}.player-name{font:600 16px/1.05 var(--serif);}.player-status{font-size:8px;line-height:1.5;margin-top:4px;}.player-card.is-active .player-status{color:#507255;}.card-count{font-size:9px;color:#7d745c;}.card-count small{font-size:8px;}
.court-grid,.app-shell[data-player-count="4"] .player-card .court-grid{margin:10px 0 0;gap:5px;}.court-token{background:#a48b5020;border:1px solid #af97652d;color:var(--ink);min-height:25px;padding:3px 4px;gap:5px;font:11px var(--sans);}.court-token:before{display:none;}.court-token>span:first-child{color:var(--faction);font-size:12px;}.court-token b{font-weight:600;}
.faction-summary,.app-shell[data-player-count="4"] .faction-summary{margin-top:14px;padding-top:12px;}.faction-row{padding:5px 0;font-size:10px;}.faction-dot{background:none;color:var(--faction);width:12px;height:auto;}.activity-panel{padding-top:11px;margin-top:12px;}.activity-item:first-child{color:#5b5d45;}.activity-list{gap:7px;max-height:85px;scrollbar-color:#b6a273 transparent;}.activity-item{font-size:9px;}
.region-rail{border:0;padding:12px 0 9px;gap:8px;}.region-tab{background:#f0e7d1ad;border-color:#9b835638;color:#5c5e47;border-radius:4px;padding:7px 11px;box-shadow:inset 0 1px #fbf5e7;min-height:44px;}.region-tab.is-current,.region-tab.is-selected{background:#f8efd5;border-color:#92763d;color:#604a2b;}.region-tab.is-current:before{background:#718767;}.region-tab.is-resolved{opacity:.65;}
.action-dock{padding:10px 15px 17px;background:var(--paper);border:1px solid #99815159;border-radius:7px;box-shadow:0 4px 12px #4a4c3021,inset 0 0 0 4px #c2a66b12;}.turn-bar{margin-bottom:12px;gap:12px;align-items:center;}.turn-copy{flex:1;}.turn-copy strong{font:600 23px/1.1 var(--serif);}.turn-copy p{font-size:10px;}.turn-actions{margin-left:auto;}.turn-actions .mono{font-size:9px;}.turn-portrait .portrait,#turn-portrait .portrait{width:43px;height:43px;flex-basis:43px;}.turn-copy .eyebrow{margin-bottom:3px;}
.hand{gap:10px;}.action-card{position:relative;min-height:222px;padding:11px 12px 9px;border:1px solid #a68a536e;border-radius:6px;color:#4e452f;background:radial-gradient(ellipse at 45% 20%,#fff9e880,transparent 65%),repeating-linear-gradient(92deg,#9a813209 0px,#9a813209 1px,transparent 1px,transparent 4px),linear-gradient(#f2e5c3,#e7d4a5);box-shadow:inset 0 0 0 3px #fff5d24d,inset 0 0 0 4px #a487462e,0 3px 0 #a68f6059,0 5px 8px #6e54371c;transition:transform .2s,box-shadow .2s,border-color .2s;}
.action-card:hover:not(:disabled){transform:translateY(-6px);border-color:#8a6a30;background-color:#f3e7c4;box-shadow:inset 0 0 0 3px #fff5d280,0 8px 14px #58432526;}.action-card.is-selected{transform:translateY(-7px);border:2px solid #587663;background:#f2edce;box-shadow:0 6px 15px #4f72532b;}.action-card:disabled:not(.is-used){opacity:.73;}.action-card.is-used{opacity:.45;filter:grayscale(.8);transform:none;}.action-card:after{border-color:#987c493b;}.card-top{height:auto;min-height:14px;display:flex;align-items:center;justify-content:space-between;margin-bottom:0;}.card-type{font:7px var(--sans);font-weight:700;letter-spacing:1px;color:#988052;}.card-number{font:10px var(--serif);color:#8c7a52;}.card-art{display:grid;place-items:center;height:80px;margin:0 0 4px;}.card-art .emblem{height:80px;width:91px;filter:drop-shadow(0 4px 2px #5b4b3020);}.card-title{font:600 19px/1.05 var(--serif);letter-spacing:-.2px;margin:1px 0 7px;}.card-description{font:9px/1.5 var(--sans);color:#807053;min-height:40px;}.card-bottom{border-color:#aa925d45;color:#8e7d56;font-size:7px;padding-top:7px;letter-spacing:1px;}.site-footer{font-size:9px;min-height:45px;color:#5d6655;}.site-footer a{color:#625637;}
.board-event{position:absolute;z-index:7;left:50%;top:43%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;width:min(360px,85%);padding:15px 20px;border:1px solid #a17e42;background:var(--paper);box-shadow:0 8px 40px #293f3555,inset 0 0 0 4px #c1a16b24;border-radius:7px;pointer-events:none;animation:notice-in .3s ease-out;}.board-event .emblem{width:47px;height:47px;}.board-event strong{display:block;font:600 23px/1.1 var(--serif);}.board-event span{display:block;font-size:10px;color:var(--muted);margin-top:4px;}@keyframes notice-in{from{opacity:0;margin-top:10px}to{opacity:1;margin-top:0}}
.result-card{background:var(--paper);border:1px solid #b99b60;box-shadow:0 15px 60px #29352e66,inset 0 0 0 5px #b89a5b22;}.result-card>.emblem{width:100px;height:80px;margin-top:-15px;}.result-card h2{font-size:38px;}.board-overlay{background:#34443b80;}
dialog.modal{color:var(--ink);background:var(--paper);border:1px solid #b39458;border-radius:7px;box-shadow:0 20px 90px #29231980,inset 0 0 0 5px #b0904d22;max-height:92dvh;scrollbar-color:#b6a073 #efe2c3;}
dialog.modal::backdrop{background:#292519a6;backdrop-filter:blur(5px);}.modal-card{padding:29px;}.modal-header h2{font:600 34px/1.08 var(--serif);}.modal-close{color:#80633c;}.modal-body strong{color:#554529;}.mode-option{background:#f6ecd044;border-color:#a48b5147;}.mode-option:has(input:checked){background:#62826022;border-color:#6e8766;box-shadow:inset 0 0 0 2px #91a87a25;}.mode-option strong{color:#54452c;font-family:var(--serif);font-size:18px;}.mode-option small{color:#817357;}.is-connected .seat-state{color:#4e735c;}.lobby-seat{background:#fbf2d655;border-color:#9b815453;}.lobby-seat.is-connected{background:#6c8b6914;border-color:#7c986369;}.lobby-seat .portrait{width:42px;height:42px;flex-basis:42px;}.lobby-seat strong{font:600 17px var(--serif);}.invite-sharing{background:#e1d2aa3b;border-color:#ad915c40;}.rules-step:before{color:#947440;border-color:#aa8b4d;}
.seal-close{position:absolute;z-index:4;right:17px;top:17px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #bd9975;border-radius:50%;background:radial-gradient(circle at 40% 25%,#a05f47,#6e3d2e);color:#f3d4a4;font:23px var(--serif);box-shadow:0 2px 5px #40302045,inset 0 0 0 3px #c38b5538;}.seal-close:hover{filter:brightness(1.1);}
dialog.welcome-modal{width:min(850px,calc(100% - 32px));padding:0;overflow-y:auto;}.welcome-art{position:relative;height:220px;overflow:hidden;border-bottom:1px solid #b49761;}.welcome-art>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;}.welcome-paper{padding:26px 34px 18px;}.welcome-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;}.welcome-heading h2{font:600 36px/.98 var(--serif);letter-spacing:-.5px;margin-top:7px;}.music-toggle{font-size:12px;gap:6px;}.music-toggle[aria-pressed="true"]{background:#54725d;color:#f6eccb;border-color:#8c9d77;box-shadow:inset 0 0 0 2px #d4d29926;}.welcome-intro{font-size:12px;color:#837354;margin-top:15px;max-width:570px;line-height:1.7;}.menu-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:22px 0;}.menu-mode{position:relative;display:flex;align-items:center;flex-direction:column;background:linear-gradient(130deg,#fff8e180,#ddc99a5e);color:#635031;padding:13px 10px 19px;border:1px solid #ad8d4d6b;border-radius:3px;box-shadow:inset 0 0 0 3px #f7ebc94d,0 2px 4px #6b4e2613;transition:transform .2s,background .2s;}.menu-mode:before,.menu-mode:after{content:"◆";position:absolute;top:-7px;color:#a18349;font-size:13px;}.menu-mode:before{left:-5px;}.menu-mode:after{right:-5px;}.menu-mode:hover{transform:translateY(-3px);background:#dae0bc;border-color:#7c9467;}.menu-mode>.emblem{height:67px;width:78px;margin-bottom:6px;}.menu-mode strong{font:600 23px/1.1 var(--serif);}.menu-mode>span{font-size:10px;color:#897754;margin-top:8px;}
.court-introduction{display:flex;align-items:center;gap:17px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}.court-faces{display:flex;padding-left:2px;flex-shrink:0;}.court-faces img{width:44px;height:44px;object-fit:cover;border-radius:50%;border:2px solid #c7a768;box-shadow:0 0 0 1px var(--court);margin-left:-2px;}.court-introduction p strong{font:600 20px var(--serif);display:block;}.court-introduction p span{font-size:10px;color:#8b7b5d;display:block;margin-top:2px;}.welcome-footer{display:flex;align-items:center;justify-content:space-between;margin-top:17px;gap:10px;}.menu-note{font:9px var(--sans);text-align:center;color:#9c8761;margin-top:17px;letter-spacing:.4px;}
dialog.guide-modal{width:min(940px,calc(100% - 32px));padding:0;overflow-y:auto;}.guide-book{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:570px;}.guide-illustration{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:34px 25px 25px;background:radial-gradient(ellipse at 55% 50%,#d7c89744,transparent 65%),linear-gradient(90deg,transparent 88%,#9278461a);border-right:1px solid #ad915142;box-shadow:inset -7px 0 15px #a4864920;}.guide-bookmark{font:8px var(--sans);color:#a18a5f;letter-spacing:2px;text-align:center;}.guide-art{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;flex:1;}.guide-caption{font:italic 16px/1.4 var(--serif);color:#8b7750;text-align:center;}.guide-page{padding:55px 33px 27px;display:flex;flex-direction:column;}.guide-page h2{font:600 40px/1.02 var(--serif);letter-spacing:-.6px;margin:15px 0 23px;}.guide-page p{font-size:12px;line-height:1.85;color:#807053;margin-bottom:15px;}.guide-page p strong{font-weight:600;color:#53462e;}.guide-navigation{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:20px;}.guide-navigation>span{font:10px var(--sans);color:#8c7b58;}.guide-navigation .button{font-size:11px;padding-inline:12px;}.text-button{background:transparent;color:#8c754c;text-decoration:underline;text-underline-offset:3px;font-size:9px;margin-top:19px;padding:5px;}.guide-reading{display:flex;gap:7px;align-items:center;margin:9px 0 10px;flex-wrap:wrap;}.guide-reading select{width:58px;font-size:10px;min-height:30px;padding:5px;}.guide-reading .muted{font-size:8px;}.guide-crown{width:100%;text-align:center;}.guide-crown>.emblem{width:190px;height:180px;filter:drop-shadow(0 6px 4px #80602427);}.guide-factions{display:flex;justify-content:center;align-items:center;gap:3px;}.guide-factions .emblem{width:94px;height:90px;filter:drop-shadow(0 4px 2px #795f2529);}.guide-card-example{width:150px;background:var(--paper);border:1px solid #ad9359;padding:15px 9px 20px;border-radius:6px;box-shadow:0 7px 14px #6e55312b;transform:rotate(-7deg);text-align:center;}.guide-card-example>.emblem{width:105px;height:105px;}.guide-card-example strong{display:block;font:600 21px var(--serif);}.guide-card-example small{display:block;margin-top:8px;color:#9a8864;font-size:9px;}.guide-arrow{font:30px var(--serif);color:#b19353;margin:0 4px;}.guide-follower{font-size:58px;color:#528a9b;text-shadow:0 4px #3d6e7f;}.guide-follower small{font-size:10px;display:block;color:#877754;text-shadow:none;}.guide-region{text-align:center;}.guide-region>.emblem{width:180px;height:165px;}.guide-region>strong{display:block;font:600 23px var(--serif);}.demo-counts{display:flex;justify-content:center;gap:17px;margin:16px 0;color:#528a9b;}.demo-counts span:nth-child(2){color:#b88d37;}.demo-counts span:nth-child(3){color:#ae6256;}.guide-region p{font:600 17px var(--serif);color:#8c774e;margin:15px 0;}.guide-winner{text-align:center;}.guide-winner>.emblem{width:200px;height:150px;}.guide-winner>span{font:italic 21px var(--serif);display:block;margin-top:17px;color:#8c7446;}.guide-court{display:grid;grid-template-columns:1fr 1fr;gap:20px 10px;text-align:center;}.guide-court img{display:block;width:112px;height:112px;border:4px solid #b79752;border-radius:50%;margin:auto auto 10px;box-shadow:0 0 0 1px #847040,0 5px 12px #72593922;}.guide-court strong{display:block;font:600 18px var(--serif);}.guide-court small{display:block;font-size:9px;color:#8c7955;margin-top:3px;}
dialog.settings-modal{width:min(600px,calc(100% - 32px));}.settings-modal .modal-header{padding-right:20px;}.settings-section{display:flex;align-items:center;gap:20px;justify-content:space-between;margin:23px 0;}.settings-section h3{font:600 24px var(--serif);}.settings-section p{font-size:11px;line-height:1.6;color:#8b7a59;margin-top:3px;max-width:315px;}.settings-section .button{flex-shrink:0;}.volume-control{display:flex;align-items:center;gap:15px;font-size:11px;color:#817055;}.volume-control input{flex:1;min-width:0;accent-color:#6e865f;}.volume-control output{width:32px;text-align:right;}.audio-status{font-size:10px;color:#8e5340;margin-top:10px;}.settings-divider{margin:25px 0 15px;border-top:1px solid var(--line);padding-top:23px;}.atmosphere-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}.atmosphere-option{padding:0 0 12px;border:1px solid #ae955d61;border-radius:5px;background:#f5ebd14d;text-align:left;overflow:hidden;}.atmosphere-swatch{display:grid;place-items:center;height:74px;background:linear-gradient(#dbe3c7,#719d8c);font-size:30px;color:#fff0bc;text-shadow:0 2px 7px #8e6d4766;}.sunset .atmosphere-swatch{background:linear-gradient(#d6b879,#9a8770,#608c80);}.night .atmosphere-swatch{background:linear-gradient(#586279,#25475c,#3e7172);}.atmosphere-option strong{display:block;font:600 17px var(--serif);padding:9px 9px 2px;}.atmosphere-option small{display:block;font-size:8px;color:#8c7a56;padding:0 9px;}.atmosphere-option[aria-pressed="true"]{outline:2px solid #688360;outline-offset:2px;}.settings-note{font-size:10px;color:#9a8864;margin-top:20px;}.toast{background:#4b4933;color:#f5e8c6;border-color:#b39455;}
html[data-atmosphere="night"] .board-stage{background:radial-gradient(ellipse at 50% 50%,#648988,#304f5f 90%);border-color:#758b8755;}html[data-atmosphere="night"] .stage-title h1{color:#eadcb9;text-shadow:none;}html[data-atmosphere="night"] .stage-description,html[data-atmosphere="night"] .stage-title .eyebrow,html[data-atmosphere="night"] .board-help{color:#bbcfc2;}html[data-atmosphere="sunset"] .board-stage{background:radial-gradient(ellipse at 40% 10%,#e2cda0,#b7b995 55%,#87a594);}html[data-theme="roman"] .portrait:before{border:2px dashed #b79b5b;inset:-8px;}html[data-theme="roman"] .brand-name strong{letter-spacing:1px;}
@media(min-width:1650px){.game-layout,.board-stage{min-height:650px;}.game-layout{grid-template-columns:250px minmax(0,1fr)270px;}.player-name{font-size:18px;}.portrait{width:62px;height:62px;flex-basis:62px;}.action-card{min-height:232px;}.card-art,.card-art .emblem{height:89px;}}
@media(max-width:1200px){.header-note{display:none;}.game-layout{grid-template-columns:195px minmax(0,1fr)218px;gap:10px;}.players-panel{padding:14px 10px;}.briefing-panel{padding:14px;}.portrait{width:45px;height:45px;flex-basis:45px;}.player-heading{gap:7px;}.player-name{font-size:14px;}.stage-title{max-width:100%;}.card-title{font-size:17px;}.card-art,.card-art .emblem{height:70px;}.action-card{min-height:211px;}.header-actions{gap:5px;}.header-actions .button{padding-inline:10px;font-size:11px;}}
@media(max-width:1000px){.game-layout{grid-template-columns:180px minmax(0,1fr)195px;gap:8px;}.app-shell{padding:0 12px;}.briefing-panel{padding:12px;}.players-panel{padding:12px 8px;}.player-name{font-size:13px;}.portrait{width:40px;height:40px;flex-basis:40px;}.card-count{font-size:8px;}.stage-title h1{font-size:28px;}.board-help{display:none;}.hand{display:flex;overflow-x:auto;padding:8px 4px 14px;gap:12px;}.action-card{flex:0 0 145px;}.turn-copy strong{font-size:21px;}.sound-button>span:last-child{display:none;}.sound-button>span:first-child{font-size:17px;}.brand-name strong{font-size:21px;}}
@media(max-width:850px){.topbar{flex-wrap:wrap;padding:12px 0;gap:9px;min-height:0;}.brand{margin-right:auto;}.header-actions{width:100%;justify-content:flex-end;gap:7px;}.header-actions .button{min-height:35px;padding:7px 11px;}.header-actions .button:first-child{margin-right:auto;}.game-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding-top:12px;}.board-stage{grid-column:1/-1;grid-row:1;min-height:520px;margin:0;}.players-panel{grid-column:1;grid-row:2;padding:16px;}.briefing-panel{grid-column:2;grid-row:2;padding:16px;}.portrait{width:50px;height:50px;flex-basis:50px;}.player-name{font-size:17px;}.agenda{display:grid;}.faction-summary{display:none;}.activity-panel{display:none;}.board-topline{top:18px;left:22px;right:22px;}.stage-title{max-width:100%;}.stage-title h1{font-size:34px;}.camera-controls{top:auto;bottom:17px;right:16px;}.board-help{display:block;left:140px;right:180px;bottom:8px;font-size:8px;}.turn-bar{flex-wrap:wrap;}.turn-actions{margin-left:auto;}.turn-copy p{max-width:none;font-size:10px;}.hand{margin:0;padding:7px 3px 12px;}.region-rail{padding:11px 0;}.guide-book{min-height:500px;}.guide-page{padding:50px 24px 24px;}.guide-page h2{font-size:34px;}.guide-court img{width:88px;height:88px;}.guide-art{gap:2px;}.guide-factions .emblem{width:76px;}.guide-card-example{width:125px;}.guide-follower{font-size:43px;}}
@media(max-width:560px){.app-shell{padding:0 10px;}.topbar{padding:11px 2px 10px;}.brand>.emblem{width:42px;height:42px;}.brand-name strong{font-size:22px;letter-spacing:.4px;}.brand-name small{font-size:7px;letter-spacing:1.5px;}.header-actions .button{font-size:10px;min-height:34px;padding:6px 9px;}.header-actions .button .emblem{width:21px;height:21px;}.game-layout{grid-template-columns:1fr;gap:11px;}.board-stage{grid-column:1;grid-row:1;min-height:440px;margin:0 -10px;border-radius:0;border-inline:0;}.players-panel{grid-column:1;grid-row:2;padding:14px 11px;}.briefing-panel{grid-column:1;grid-row:3;padding:14px;}.players-panel>.panel-heading{margin-bottom:12px;}#players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}.player-card,.app-shell[data-player-count="4"] .player-card{margin-bottom:0;padding:9px 7px 8px;}.portrait{width:43px;height:43px;flex-basis:43px;}.player-heading{gap:7px;}.player-name{font-size:15px;}.player-status{font-size:7px;}.card-count{position:absolute;top:6px;right:7px;font-size:7px;}.player-heading>div{padding-top:9px;}.court-grid,.app-shell[data-player-count="4"] .player-card .court-grid{margin-top:10px;}.court-token{min-height:23px;font-size:9px;gap:5px;}.briefing-panel>.panel-heading{margin-bottom:8px;}.agenda{display:none;}#round-summary{gap:12px;}.round-summary{margin:0;font-size:10px;}.round-number{font-size:34px;}.round-summary strong{font-size:23px;}.move-panel,#move-panel{margin-top:11px;padding-top:11px;}.instruction{font-size:11px;}.selected-title h3{font-size:23px;}.board-topline{left:19px;right:19px;top:17px;}.stage-title h1{font-size:31px;}.stage-description{font-size:10px;max-width:280px;}.camera-controls{top:auto;bottom:15px;right:11px;}.camera-controls button{min-width:27px;padding-inline:6px;}.board-help{display:none;}.action-dock{padding:12px 10px 10px;}.turn-bar{gap:10px;margin-bottom:10px;}.turn-copy{min-width:0;}.turn-copy strong{font-size:19px;}.turn-copy p{font-size:9px;line-height:1.6;max-width:none;}.turn-copy .eyebrow{font-size:8px;}#turn-portrait .portrait{width:36px;height:36px;flex-basis:36px;}.turn-actions{width:100%;justify-content:flex-end;padding-top:3px;}.turn-actions #pass-count{margin-right:auto;}.turn-actions .button{font-size:11px;min-height:37px;padding-inline:14px;}.hand{gap:10px;}.action-card{min-height:225px;flex-basis:144px;padding:11px;}.card-title{font-size:19px;}.card-art,.card-art .emblem{height:80px;}.card-description{font-size:9px;}.region-tab{flex-basis:110px;}.site-footer{font-size:8px;}.board-event{padding:12px;}.board-event strong{font-size:21px;}.result-card{padding:22px;}.result-card h2{font-size:32px;}
dialog.modal{max-height:94dvh;width:calc(100% - 20px);}.modal-card{padding:24px 19px;}.modal-header h2{font-size:30px;}.modal-body{font-size:12px;}.mode-option strong{font-size:15px;}#new-game-modal .mode-option{padding:13px 9px;min-height:115px;}.field-label{font-size:11px;}.lobby-seats{grid-template-columns:1fr;}.lobby-seat{padding:12px;}.lobby-seat .portrait{width:44px;height:44px;flex-basis:44px;}.lobby-seat strong{font-size:19px;}.seat-state{font-size:9px;}
dialog.welcome-modal{width:calc(100% - 20px);}.welcome-art{height:176px;}.welcome-art>img{object-position:50% 50%;}.welcome-paper{padding:20px 17px 16px;}.welcome-heading{gap:8px;align-items:flex-start;}.welcome-heading h2{font-size:29px;}.welcome-heading .eyebrow{font-size:7px;letter-spacing:1px;}.music-toggle{font-size:10px;padding:7px 9px;min-height:34px;}.welcome-intro{font-size:11px;line-height:1.6;margin-top:12px;}.menu-modes{gap:8px;margin:19px 0;}.menu-mode{padding:10px 6px 12px;}.menu-mode>.emblem{height:46px;width:52px;}.menu-mode strong{font-size:18px;line-height:1.05;}.menu-mode>span{font-size:8px;line-height:1.5;margin-top:6px;}.court-introduction{gap:11px;padding:14px 0;}.court-faces img{width:31px;height:31px;}.court-introduction p strong{font-size:16px;}.court-introduction p span{font-size:9px;line-height:1.5;}.welcome-footer{gap:9px;flex-wrap:wrap;}.welcome-footer .button{font-size:10px;padding-inline:9px;}.welcome-footer .button:first-child{padding-left:0;}.welcome-footer .emblem{width:20px;height:20px;}.menu-note{font-size:8px;margin-top:16px;}
dialog.guide-modal{width:calc(100% - 20px);}.guide-book{grid-template-columns:1fr;}.guide-illustration{padding:20px 15px 14px;border-right:0;border-bottom:1px solid var(--line);height:245px;box-shadow:inset 0 -5px 12px #a4864912;}.guide-bookmark{font-size:7px;}.guide-art{min-height:0;}.guide-caption{font-size:14px;}.guide-crown{width:auto;}.guide-crown>.emblem{width:115px;height:110px;}.guide-factions .emblem{width:63px;height:63px;}.guide-page{padding:23px 24px;}.guide-page h2{font-size:35px;margin:10px 0 17px;}.guide-page p{font-size:12px;line-height:1.7;margin-bottom:13px;}.guide-navigation{padding-top:8px;}.guide-reading{margin-top:0;}.guide-card-example{width:106px;padding:7px;}.guide-card-example>.emblem{width:72px;height:68px;}.guide-card-example strong{font-size:16px;}.guide-card-example small{font-size:7px;margin-top:4px;}.guide-follower{font-size:48px;margin-left:10px;}.guide-region>.emblem{width:70px;height:68px;}.guide-region>strong{font-size:18px;}.demo-counts{margin:5px 0;}.guide-region p{font-size:14px;margin:4px 0;}.guide-region .button{font-size:9px;min-height:29px;padding:4px 9px;}.guide-winner>.emblem{height:85px;width:105px;}.guide-winner .guide-factions{display:inline-flex;}.guide-winner>span{font-size:16px;margin-top:5px;}.guide-court{grid-template-columns:repeat(4,1fr);gap:10px;}.guide-court img{width:60px;height:60px;border-width:2px;margin-bottom:7px;}.guide-court strong{font-size:13px;}.guide-court small{font-size:7px;}.seal-close{right:11px;top:11px;width:29px;height:29px;font-size:21px;}.settings-section{gap:14px;}.settings-section h3{font-size:23px;}.settings-section p{font-size:10px;}.settings-section .button{font-size:10px;padding-inline:10px;}.atmosphere-options{gap:8px;}.atmosphere-option strong{font-size:15px;padding-inline:7px;}.atmosphere-option small{font-size:7px;padding-inline:7px;}.atmosphere-swatch{height:66px;}.settings-note{font-size:9px;}
}
/* A desktop table keeps the hand, turn controls, and board in one view. */
@media(min-width:1001px){
  .app-shell[data-player-count="4"] .player-card{padding:8px 6px;margin-bottom:7px;}.app-shell[data-player-count="4"] .player-card .portrait{width:42px;height:42px;flex-basis:42px;}.app-shell[data-player-count="4"] .player-card .court-grid{margin-top:7px;}.app-shell[data-player-count="4"] .player-card .court-token{min-height:21px;}
  .briefing-panel.is-planning>.panel-heading,.briefing-panel.is-planning>#round-summary,.briefing-panel.is-planning>.agenda{display:none;}
  .briefing-panel.is-planning>#move-panel{border:0;margin:0;padding:0;}
  .region-tab{gap:2px;padding-block:4px;line-height:1.2;}.region-tab>span,.region-tab>small{flex-shrink:0;}
  .app-shell{height:100dvh;display:grid;grid-template-rows:78px minmax(0,1fr)29px;}
  .app-shell>main{min-height:0;display:grid;grid-template-rows:minmax(330px,1fr)58px 278px;}
  .topbar{min-height:0;}.game-layout{min-height:0;padding-top:12px;padding-bottom:0;}.board-stage{min-height:0;height:100%;}.briefing-panel,.players-panel{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b5a16d transparent;}
  .region-rail{padding:9px 0;}.region-tab{min-height:40px;}.action-dock{display:grid;grid-template-rows:57px minmax(0,1fr);padding:9px 13px 13px;min-height:0;}.turn-bar{margin:0 0 8px;}.turn-copy strong{font-size:22px;}.turn-copy p{display:block;margin:3px 0 0;font-size:11px;}.hand{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;padding:3px 3px 0;margin:0;overflow:visible;min-height:0;}
  .action-card{min-height:0;height:100%;padding:9px 11px 8px;}.card-art,.card-art .emblem{height:55px;}.card-art{margin:1px 0 3px;}.card-title{font-size:19px;line-height:1.02;margin:0 0 6px;}.card-description{font-size:11px;line-height:1.35;min-height:44px;}.card-top{min-height:11px;}.card-bottom{margin-top:auto;padding-top:5px;}.card-type{font-size:7px;}.site-footer{min-height:0;font-size:8px;}.agenda-item{min-height:26px;}.agenda{margin-block:13px;}.activity-list{max-height:75px;}
}
@media(min-width:1001px) and (max-height:850px){
  .app-shell[data-player-count="4"] .player-card{padding:7px 5px 5px;margin-bottom:6px;}.app-shell[data-player-count="4"] .player-card .portrait{width:34px;height:34px;flex-basis:34px;}.app-shell[data-player-count="4"] .player-card .court-grid{margin-top:6px;}.app-shell[data-player-count="4"] .player-name{font-size:14px;}.app-shell[data-player-count="4"] .player-status{font-size:7px;}
  .app-shell{grid-template-rows:67px minmax(0,1fr)24px;}.app-shell>main{grid-template-rows:minmax(290px,1fr)50px 251px;}.action-dock{grid-template-rows:50px minmax(0,1fr);}.card-art,.card-art .emblem{height:43px;}.card-title{font-size:17px;}.card-description{font-size:10px;line-height:1.35;min-height:40px;}.turn-copy strong{font-size:20px;}.turn-copy p{font-size:10px;}.region-tab{min-height:34px;padding-block:5px;}.region-rail{padding-block:7px;}.stage-title h1{font-size:29px;}.stage-title .eyebrow{font-size:8px;}.stage-description{font-size:9px;}.briefing-panel,.players-panel{padding-top:13px;padding-bottom:13px;}
}
.guide-page p{font-size:14px;line-height:1.7;}.guide-influence{width:100%;display:grid;gap:18px;}.guide-diagram-region,.guide-diagram-court{display:flex;align-items:center;gap:17px;padding:15px 17px;border:1px solid #aa905543;border-radius:8px;background:#f6efd354;box-shadow:0 3px 14px #79643b0e;}.guide-diagram-region>.emblem{width:95px;height:95px;flex-shrink:0;}.guide-diagram-region strong,.guide-diagram-court strong{display:block;font:600 25px/1.1 var(--serif);}.guide-diagram-region small,.guide-diagram-court small{display:block;font:11px/1.5 var(--sans);color:#8c7752;margin-top:8px;}.guide-diagram-court>img{width:80px;height:80px;border:3px solid #b89a56;border-radius:50%;}.guide-diagram-followers{font-size:20px;letter-spacing:7px;color:#528a9b;margin-top:7px;}.guide-diagram-arrow{text-align:center;font:italic 17px var(--serif);color:#937848;}.guide-diagram-finale{display:flex;align-items:center;justify-content:center;gap:15px;font:600 22px var(--serif);color:#786030;}.guide-diagram-finale>.emblem{width:67px;height:65px;}
@media(max-width:560px){.guide-influence{grid-template-columns:1fr 1fr;gap:7px;}.guide-diagram-region,.guide-diagram-court{padding:8px;gap:6px;}.guide-diagram-region>.emblem{width:45px;height:55px;}.guide-diagram-court>img{width:40px;height:40px;}.guide-diagram-region strong,.guide-diagram-court strong{font-size:16px;}.guide-diagram-region small,.guide-diagram-court small{font-size:7px;margin-top:3px;}.guide-diagram-followers{font-size:12px;letter-spacing:2px;margin-top:2px;}.guide-diagram-arrow{display:none;}.guide-diagram-finale{grid-column:1/-1;font-size:18px;}.guide-diagram-finale>.emblem{width:40px;height:40px;}.guide-page p{font-size:12px;}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important;}.action-card:hover:not(:disabled),.action-card.is-selected,.menu-mode:hover{transform:none;}}