@layer reset,base,layout,components,responsive;@layer reset{*,*:before,*:after{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}button,[role=button]{-webkit-tap-highlight-color:transparent}img,svg{display:block;max-width:100%}[hidden]{display:none!important}}@layer base{:root{color-scheme:dark;--ink: #f5ead2;--muted: #b8a995;--dim: #837787;--night: #110d19;--night-soft: #1b1422;--panel: rgba(24, 16, 26, .93);--panel-line: rgba(238, 194, 113, .17);--gold: #e5b764;--gold-bright: #ffd98a;--gold-dark: #8f5a2d;--araw: #f1b75c;--dusk: #42b7b8;--dusk-soft: #7bd7d2;--danger: #ed6a63;--success: #62dbc1;--serif: Georgia, "Times New Roman", serif;--sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--topbar: 72px;--panel-width: 386px}html{background:var(--night)}body{min-width:320px;overflow:hidden;background:var(--night);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.45;text-rendering:optimizeLegibility}button{border:0;background:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}button:focus-visible,a:focus-visible,canvas:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold-bright);outline-offset:3px;box-shadow:0 0 0 6px #ffd98a2e}::selection{color:#17101c;background:var(--gold-bright)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#e1b15f40;border-radius:8px}::-webkit-scrollbar-track{background:transparent}kbd{display:inline-grid;min-width:22px;height:22px;place-items:center;border:1px solid rgba(244,218,169,.26);border-bottom-color:#f4daa985;border-radius:4px;background:#0a080e80;color:var(--ink);font:700 10px/1 var(--sans)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;top:8px;left:10px;z-index:500;padding:10px 14px;transform:translateY(-160%);border:1px solid var(--gold);background:#19101e;color:var(--ink);text-decoration:none}.skip-link:focus{transform:translateY(0)}}@layer layout{.app-shell{width:100%;height:100dvh;overflow:hidden;background:var(--night)}.topbar{position:relative;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--topbar);padding:0 18px 0 16px;border-bottom:1px solid rgba(240,192,105,.16);background:linear-gradient(90deg,rgba(62,28,21,.36),transparent 35%,transparent 65%,rgba(18,61,65,.24)),#110c15f0;box-shadow:0 8px 26px #0604094d;backdrop-filter:blur(18px)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--panel-width);height:calc(100dvh - var(--topbar))}.board-region{position:relative;min-width:0;min-height:0;overflow:hidden;background:#17101f}.world-mount,.world-canvas{position:absolute;inset:0;width:100%;height:100%}.world-canvas{display:block}.game-panel{position:relative;z-index:10;display:flex;min-height:0;flex-direction:column;overflow:hidden;border-left:1px solid var(--panel-line);background:linear-gradient(180deg,rgba(75,34,27,.12),transparent 25%),repeating-linear-gradient(90deg,transparent 0 12px,rgba(255,255,255,.008) 12px 13px),var(--panel);box-shadow:-18px 0 60px #05030857;backdrop-filter:blur(20px)}}@layer components{.brand{display:flex;justify-self:start;align-items:center;gap:11px;min-width:0;padding:4px 7px 4px 2px;border-radius:8px;text-align:left}.brand svg{width:42px;height:42px;flex:0 0 auto}.brand svg circle,.brand svg path{fill:none;stroke:var(--gold);stroke-width:1.8}.brand svg path:last-child{fill:#e5b76421}.brand span{display:grid;gap:2px;min-width:0}.brand strong{overflow:hidden;color:var(--ink);font:500 17px/1 var(--serif);letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap}.brand small{color:var(--dim);font-size:8px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;white-space:nowrap}.top-status{display:flex;align-items:center;gap:9px;color:var(--muted);font:600 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}.turn-glyph{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px var(--gold)}.turn-glyph[data-court=b]{background:var(--dusk);box-shadow:0 0 14px var(--dusk)}.top-actions{display:flex;justify-self:end;gap:3px}.icon-button{display:grid;min-width:56px;min-height:48px;place-items:center;gap:1px;padding:5px 8px;border-radius:7px;color:var(--muted);transition:color .18s ease,background .18s ease}.icon-button:hover{color:var(--gold-bright);background:#e5b76414}.icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-button span{font-size:8px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.icon-button.muted svg{opacity:.45}.atmosphere-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 42%,rgba(10,5,13,.18) 72%,rgba(8,5,12,.5) 110%),linear-gradient(180deg,rgba(15,8,18,.12),transparent 24%,transparent 76%,rgba(9,5,12,.26))}.turn-ribbon{position:absolute;z-index:4;top:18px;left:20px;display:flex;max-width:min(470px,calc(100% - 40px));align-items:center;gap:12px;padding:10px 15px 10px 11px;border:1px solid rgba(241,185,97,.2);border-radius:3px 12px 12px 3px;background:linear-gradient(90deg,#1a0f16db,#1a0f168f);box-shadow:0 12px 35px #05020847;backdrop-filter:blur(9px);pointer-events:none}.turn-ribbon:before{content:"";position:absolute;inset:5px auto 5px -1px;width:2px;background:var(--araw);box-shadow:0 0 16px var(--araw)}.turn-ribbon[data-court=b]:before{background:var(--dusk);box-shadow:0 0 16px var(--dusk)}.turn-ribbon-mark{width:25px;height:25px;border:1px solid var(--araw);border-radius:50%;background:radial-gradient(circle,var(--araw) 0 14%,transparent 16%),repeating-conic-gradient(from 0deg,rgba(241,183,92,.75) 0 4deg,transparent 4deg 24deg)}.turn-ribbon[data-court=b] .turn-ribbon-mark{border-color:var(--dusk);background:radial-gradient(circle,var(--dusk) 0 14%,transparent 16%),repeating-conic-gradient(from 0deg,rgba(66,183,184,.75) 0 4deg,transparent 4deg 24deg)}.turn-ribbon>span:last-child{display:grid;gap:2px}.turn-ribbon small{color:var(--dim);font-size:8px;font-weight:800;letter-spacing:.18em}.turn-ribbon strong{color:var(--ink);font:500 17px/1.15 var(--serif)}.gesture-hint{position:absolute;z-index:4;bottom:17px;left:50%;display:flex;align-items:center;gap:9px;margin:0;transform:translate(-50%);color:#ebdcc3a8;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;pointer-events:none;text-shadow:0 2px 10px #09040c}.gesture-hint i{width:3px;height:3px;border-radius:50%;background:#e5b7648c}.gesture-hint kbd{margin:0 2px}.camera-cluster{position:absolute;z-index:6;right:18px;bottom:18px;display:grid;grid-template-columns:72px 46px 72px;grid-template-rows:42px 46px 42px;gap:3px;padding:6px;border:1px solid rgba(230,187,107,.13);border-radius:12px;background:#110b1499;backdrop-filter:blur(9px)}.camera-key,.camera-reset{border:1px solid rgba(232,205,158,.15);border-radius:6px;background:#281924bd;color:#f4e6cdc2;transition:transform .12s ease,border-color .12s ease,background .12s ease;touch-action:manipulation}.camera-key:hover,.camera-key:active,.camera-reset:hover{border-color:#f4ca7c7a;background:#5c342a99;color:var(--gold-bright)}.camera-key:active{transform:translateY(1px) scale(.97)}.camera-key{display:flex;align-items:center;justify-content:center;gap:3px;padding:4px}.camera-key span{margin-right:3px;font-size:7px;font-weight:800;letter-spacing:.08em}.camera-key kbd{width:19px;min-width:19px;height:19px;font-size:8px}.camera-up{grid-column:2;grid-row:1;flex-direction:column}.camera-down{grid-column:2;grid-row:3;flex-direction:column-reverse}.camera-up span,.camera-down span{display:none}.camera-left{grid-column:1;grid-row:2}.camera-right{grid-column:3;grid-row:2}.camera-reset{grid-column:2;grid-row:2;display:grid;place-items:center}.camera-reset svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.piece-tooltip{position:fixed;z-index:90;display:grid;width:190px;gap:1px;padding:9px 12px 10px 36px;border:1px solid rgba(240,194,112,.28);border-radius:6px;background:#130c16eb;box-shadow:0 14px 40px #00000073;backdrop-filter:blur(12px);pointer-events:none;inset:0 auto auto 0}.piece-tooltip>span{position:absolute;left:9px;top:11px;color:var(--gold);font:700 10px/1 var(--sans);text-transform:uppercase}.piece-tooltip strong{font:500 15px/1.1 var(--serif)}.piece-tooltip small{color:var(--muted);font-size:8px;letter-spacing:.05em;text-transform:uppercase}.keyboard-cursor{position:absolute;z-index:8;width:42px;height:42px;opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(.75);border:2px solid var(--gold-bright);border-radius:6px;box-shadow:0 0 0 3px #0a070db8,0 0 22px #ffd074cc;pointer-events:none;transition:left .12s ease,top .12s ease,opacity .12s ease,transform .12s ease}.keyboard-cursor.visible{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1)}.keyboard-cursor:after{content:attr(data-square);position:absolute;top:-24px;left:50%;transform:translate(-50%) rotate(-45deg);padding:3px 5px;border-radius:3px;background:#17101d;color:var(--gold-bright);font:800 8px/1 var(--sans);letter-spacing:.08em}.panel-handle{display:none}.council-card{position:relative;display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:12px;min-height:105px;padding:17px 18px 15px;border-bottom:1px solid var(--panel-line);background:linear-gradient(110deg,rgba(139,75,41,.16),transparent 50%)}.court-emblem{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(241,185,96,.4);border-radius:50%;box-shadow:inset 0 0 20px #f1b96014}.court-emblem span{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle,var(--araw) 0 13%,transparent 15%),repeating-conic-gradient(from 0deg,var(--araw) 0 3deg,transparent 3deg 30deg)}.court-emblem[data-court=b]{border-color:#42b7b866;box-shadow:inset 0 0 20px #42b7b814}.court-emblem[data-court=b] span{background:radial-gradient(circle,var(--dusk) 0 13%,transparent 15%),repeating-conic-gradient(from 0deg,var(--dusk) 0 3deg,transparent 3deg 30deg)}.panel-eyebrow,.dialog-overline{margin:0 0 3px;color:var(--gold);font-size:8px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.council-card h1{margin:0;color:var(--ink);font:500 20px/1.08 var(--serif)}.council-card p:last-child{max-width:235px;margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.3}.thinking-indicator{display:flex;align-items:end;gap:3px;height:22px}.thinking-indicator span{width:3px;height:8px;border-radius:2px;background:var(--dusk);animation:deliberate .8s ease-in-out infinite alternate}.thinking-indicator span:nth-child(2){animation-delay:.2s}.thinking-indicator span:nth-child(3){animation-delay:.4s}@keyframes deliberate{to{height:20px;box-shadow:0 0 12px var(--dusk)}}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h2{margin:0;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.section-heading>span{color:var(--dim);font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.graveyard{padding:13px 18px 11px;border-bottom:1px solid var(--panel-line)}.captured-row{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:8px;min-height:33px;margin-top:6px}.captured-court{font-size:7px;font-weight:900;letter-spacing:.12em}.captured-court.araw{color:var(--araw)}.captured-court.dapithapon{color:var(--dusk)}.captured-list{display:flex;min-width:0;align-items:center;gap:4px;overflow-x:auto;padding:2px 0}.captured-list em{color:#b9a99566;font:italic 11px var(--serif)}.captured-piece{position:relative;display:grid;width:25px;height:25px;flex:0 0 auto;place-items:center;border:1px solid rgba(230,193,130,.18);border-radius:50%;background:#0000002e;color:var(--ink);font:700 8px var(--serif)}.captured-piece small{display:none}.move-ledger{display:flex;min-height:160px;flex:1 1 auto;flex-direction:column;padding:12px 12px 0;overflow:hidden}.ledger-title{padding:0 6px 8px}.ledger-head,.ledger-row{display:grid;grid-template-columns:38px 1fr 1fr;align-items:center}.ledger-head{min-height:24px;border-top:1px solid rgba(229,182,99,.1);border-bottom:1px solid rgba(229,182,99,.1);color:var(--dim);font-size:7px;font-weight:800;letter-spacing:.13em}.ledger-head span:first-child{padding-left:8px}.ledger-scroll{min-height:82px;flex:1;overflow-y:auto;padding:4px 0 10px}.empty-ledger{margin:28px 8px;color:#b8a9957a;font:italic 13px/1.4 var(--serif);text-align:center}.ledger-row{min-height:31px;border-bottom:1px solid rgba(255,255,255,.035)}.ledger-row>span{padding-left:9px;color:var(--dim);font:700 9px var(--sans)}.ledger-row button{min-height:29px;padding:4px 8px;border-left:1px solid rgba(255,255,255,.035);color:var(--muted);font:600 11px var(--sans);text-align:left;transition:color .15s,background .15s}.ledger-row button:hover{color:var(--gold-bright);background:#e5b76412}.ledger-row button.active{color:#171019;background:var(--gold);font-weight:800}.replay-controls{display:grid;grid-template-columns:1fr 1fr 1.2fr 1fr;gap:4px;padding:8px 4px;border-top:1px solid rgba(229,182,99,.11)}.replay-controls button{display:flex;min-height:42px;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(230,200,148,.1);border-radius:5px;background:#ffffff06;color:var(--muted)}.replay-controls button:hover:not(:disabled){border-color:#e6ba6959;color:var(--gold-bright)}.replay-controls button span{font-size:7px;font-weight:800;letter-spacing:.08em}.replay-controls button b{font-size:13px;font-weight:500}.replay-controls .live-button{color:var(--success)}.replay-controls .live-button b{font-size:8px;text-shadow:0 0 8px var(--success)}.ai-thinking-note{display:flex;min-height:55px;align-items:center;gap:11px;margin:0 16px 10px;padding:8px 11px;border:1px solid rgba(66,183,184,.17);border-radius:7px;background:#1a555817}.thinking-weave{width:27px;height:27px;flex:0 0 auto;border:1px solid var(--dusk);transform:rotate(45deg);animation:weave 1.8s ease-in-out infinite}.thinking-weave:before{content:"";display:block;width:13px;height:13px;margin:6px;border:1px solid var(--dusk-soft)}@keyframes weave{50%{transform:rotate(135deg) scale(.84);opacity:.55}}.ai-thinking-note p{display:grid;gap:2px;margin:0}.ai-thinking-note strong{color:var(--dusk-soft);font:500 13px var(--serif)}.ai-thinking-note small{color:var(--muted);font-size:8px;letter-spacing:.04em}.primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:9px 12px 7px;border-top:1px solid var(--panel-line)}.action-button{display:grid;grid-template-columns:27px 1fr;min-height:48px;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(230,197,142,.12);border-radius:5px;background:#ffffff06;text-align:left;transition:border-color .15s,background .15s}.action-button:hover:not(:disabled){border-color:#e6b76459;background:#e5b7640f}.action-icon{color:var(--gold);font:300 21px/1 var(--serif);text-align:center}.action-button>span:last-child{display:grid;gap:1px}.action-button strong{font-size:10px;font-weight:750;letter-spacing:.04em}.action-button small{color:var(--dim);font-size:7px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.action-button.danger .action-icon{color:var(--danger)}.new-council{min-height:34px;margin:0 12px 9px;color:var(--dim);font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.new-council:hover{color:var(--gold)}.entry-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow-y:auto;padding:38px 20px 30px;background:radial-gradient(circle at 50% 44%,#1a0c1570 0,#0b060eb3 55%,#08050ceb),linear-gradient(90deg,rgba(83,36,25,.2),transparent 40%,rgba(10,68,72,.16));backdrop-filter:blur(3px);transition:opacity .5s ease,filter .5s ease}.entry-screen:before,.entry-screen:after{content:"";position:fixed;pointer-events:none}.entry-screen:before{inset:17px;border:1px solid rgba(230,187,107,.15);clip-path:polygon(0 0,120px 0,120px 2px,2px 2px,2px 120px,0 120px,0 0,100% 0,100% 120px,calc(100% - 2px) 120px,calc(100% - 2px) 2px,calc(100% - 120px) 2px,calc(100% - 120px) 0,100% 0,100% 100%,calc(100% - 120px) 100%,calc(100% - 120px) calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) calc(100% - 120px),100% calc(100% - 120px),100% 100%,0 100%,0 calc(100% - 120px),2px calc(100% - 120px),2px calc(100% - 2px),120px calc(100% - 2px),120px 100%,0 100%)}.entry-screen:after{inset:auto 0 0;height:34%;background:linear-gradient(transparent,#09050cb3)}.entry-screen.leaving{opacity:0;filter:blur(8px);pointer-events:none}.entry-card{position:relative;z-index:1;width:min(760px,100%);text-align:center}.entry-crest{width:94px;margin:0 auto 12px;filter:drop-shadow(0 0 30px rgba(230,180,91,.2))}.entry-crest svg circle,.entry-crest svg path{fill:none;stroke:var(--gold);stroke-width:1.4}.entry-crest svg path:last-child{fill:#e6b7641a}.entry-overline{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 13px;color:var(--gold);font-size:8px;font-weight:800;letter-spacing:.26em}.entry-overline span{width:38px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.entry-overline span:last-child{transform:scaleX(-1)}.entry-intro h2{margin:0;color:var(--ink);font:500 clamp(58px,7vw,90px)/.78 var(--serif);letter-spacing:-.045em;text-shadow:0 5px 35px rgba(0,0,0,.65)}.entry-intro h2 span{display:block;margin:0 0 13px;color:var(--gold-bright);font:italic 400 clamp(23px,3vw,34px)/1 var(--serif);letter-spacing:.02em}.entry-lede{max-width:580px;margin:28px auto 25px;color:#c9bba5;font:400 clamp(16px,1.8vw,20px)/1.55 var(--serif)}.ceremonial-button{position:relative;display:inline-flex;min-width:245px;min-height:54px;align-items:center;justify-content:center;padding:12px 32px;overflow:hidden;border:1px solid var(--gold);background:linear-gradient(110deg,#7b4623ad,#2e181ecc);color:var(--ink);font:700 10px/1 var(--sans);letter-spacing:.15em;text-transform:uppercase;box-shadow:inset 0 0 25px #eeb85514,0 13px 45px #00000040;transition:color .2s,transform .2s,box-shadow .2s}.ceremonial-button:before,.ceremonial-button:after{content:"";position:absolute;width:6px;height:6px;border:solid var(--gold);transform:rotate(45deg)}.ceremonial-button:before{left:11px;border-width:1px 0 0 1px}.ceremonial-button:after{right:11px;border-width:0 1px 1px 0}.ceremonial-button span{position:relative;z-index:1}.ceremonial-button i{position:absolute;inset:0;transform:translate(-110%);background:linear-gradient(90deg,transparent,rgba(255,216,136,.22),transparent);transition:transform .55s ease}.ceremonial-button:hover{transform:translateY(-2px);color:var(--gold-bright);box-shadow:inset 0 0 32px #eeb85526,0 15px 50px #0000005c}.ceremonial-button:hover i{transform:translate(110%)}.ceremonial-button.small{min-width:190px;min-height:48px}.text-button{min-height:44px;padding:8px 12px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.08em;text-decoration:underline;text-decoration-color:#e5b76440;text-underline-offset:4px}.text-button:hover{color:var(--gold-bright)}.entry-intro>.text-button{display:block;margin:9px auto 0}.entry-footnote{position:fixed;z-index:2;right:30px;bottom:22px;margin:0;color:#bead9680;font-size:7px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.setup-form{width:min(700px,100%);max-height:calc(100dvh - 90px);margin:0 auto;padding:23px 26px 20px;overflow-y:auto;border:1px solid rgba(230,186,107,.2);background:linear-gradient(145deg,#28171ff0,#120d17f5);box-shadow:0 28px 90px #0000007a;text-align:left}.setup-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}.setup-heading>button{width:42px;height:42px;border:1px solid rgba(230,190,119,.2);border-radius:50%;color:var(--gold);font:300 26px var(--serif)}.setup-heading p{margin:0 0 2px;color:var(--gold);font-size:7px;font-weight:800;letter-spacing:.18em}.setup-heading h2{margin:0;font:500 24px/1 var(--serif)}.setup-form fieldset{min-width:0;margin:0 0 15px;padding:0;border:0}.setup-form legend{width:100%;margin:0 0 8px;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice-card{display:grid;grid-template-columns:40px 1fr;min-height:66px;align-items:center;gap:10px;padding:10px;border:1px solid rgba(229,192,129,.13);background:#ffffff06;text-align:left}.choice-card:hover,.choice-card.selected{border-color:#eec06c85;background:#97552d21}.choice-card strong,.difficulty-list strong{display:block;font:500 14px/1.15 var(--serif)}.choice-card small,.difficulty-list small{display:block;margin-top:3px;color:var(--dim);font-size:8px;line-height:1.25}.choice-mark{position:relative;display:block;width:36px;height:36px;border:1px solid rgba(229,184,101,.3);border-radius:50%}.choice-mark i{position:absolute;bottom:7px;width:7px;height:15px;border-radius:5px 5px 2px 2px;background:var(--araw)}.choice-mark i:first-child{left:8px}.choice-mark i:last-child{right:8px;background:var(--dusk)}.choice-mark.local i{height:12px;bottom:10px}.segmented{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.segmented button{display:flex;min-height:46px;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(229,192,129,.12);background:#ffffff05;color:var(--muted);font-size:9px;font-weight:700}.segmented button.selected{border-color:#ecbe6a80;background:#8d4e2b24;color:var(--ink)}.side-dot{width:9px;height:9px;border-radius:50%;background:var(--araw);box-shadow:0 0 9px #f1b75c66}.side-dot.dapithapon{background:var(--dusk);box-shadow:0 0 9px #42b7b866}.side-dot.random{background:linear-gradient(90deg,var(--araw) 50%,var(--dusk) 50%)}.difficulty-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.difficulty-list button{position:relative;min-height:72px;padding:10px 9px 9px 34px;border:1px solid rgba(229,192,129,.12);background:#ffffff05;text-align:left}.difficulty-list button:hover,.difficulty-list button.selected{border-color:#ecbe6a80;background:#8d4e2b24}.difficulty-list button>span{position:absolute;top:12px;left:9px;color:var(--gold);font:700 9px var(--sans)}.begin-button{display:flex;width:100%;margin-top:8px}.setup-note{margin:8px 0 0;color:var(--dim);font-size:7px;letter-spacing:.05em;text-align:center}.surface-dialog{width:min(920px,calc(100% - 32px));max-height:calc(100dvh - 34px);padding:29px 31px 27px;overflow-y:auto;border:1px solid rgba(233,191,112,.28);border-radius:2px;background:linear-gradient(125deg,rgba(104,55,35,.14),transparent 35%),repeating-linear-gradient(90deg,transparent 0 16px,rgba(255,255,255,.007) 16px 17px),#1b131e;color:var(--ink);box-shadow:0 30px 100px #000000b8}.surface-dialog::backdrop{background:#07040ac7;backdrop-filter:blur(8px)}.surface-dialog[open]{animation:dialog-in .24s ease both}@keyframes dialog-in{0%{opacity:0;transform:translateY(14px) scale(.985)}}.dialog-close{position:absolute;top:14px;right:14px;display:grid;width:44px;height:44px;place-items:center;color:var(--muted);font:300 26px var(--serif)}.surface-dialog>h2{max-width:720px;margin:4px 42px 20px 0;color:var(--gold-bright);font:500 clamp(27px,4vw,42px)/1.05 var(--serif);letter-spacing:-.025em}.about-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,.8fr);gap:30px}.about-copy p{margin:0 0 15px;color:#cbbda7;font:400 15px/1.63 var(--serif)}.about-copy p strong{color:var(--ink)}.about-copy blockquote{margin:20px 0;padding:14px 0 14px 20px;border-left:2px solid var(--gold);color:var(--gold-bright);font:italic 18px/1.5 var(--serif)}.about-copy .source-note{color:var(--dim);font:700 8px/1.55 var(--sans);letter-spacing:.05em;text-transform:uppercase}.court-roster{padding:15px;border:1px solid rgba(230,188,110,.14);background:#ffffff05}.court-roster h3{margin:0 0 12px;color:var(--muted);font-size:8px;letter-spacing:.15em;text-transform:uppercase}.court-roster dl{margin:0}.court-roster dl div{padding:9px 0;border-top:1px solid rgba(255,255,255,.055)}.court-roster dt{display:flex;align-items:center;gap:9px;font:500 15px var(--serif)}.court-roster dt span{display:grid;width:25px;height:25px;place-items:center;border:1px solid rgba(230,187,108,.27);border-radius:50%;color:var(--gold);font:700 8px var(--sans)}.court-roster dd{margin:-3px 0 0 34px;color:var(--dim);font-size:8px;letter-spacing:.05em;text-transform:uppercase}.controls-dialog{width:min(730px,calc(100% - 32px))}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.controls-grid section{padding:15px;border:1px solid rgba(229,188,111,.13)}.controls-grid h3{margin:0 0 9px;color:var(--gold);font:500 18px var(--serif)}.controls-grid p{display:grid;grid-template-columns:110px 1fr;gap:10px;margin:0;padding:9px 0;border-top:1px solid rgba(255,255,255,.05)}.controls-grid span{color:var(--dim);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.controls-grid b{color:var(--muted);font-size:9px;font-weight:600}.control-note{margin:15px 0 0;color:var(--dim);font-size:8px;letter-spacing:.05em;text-align:center;text-transform:uppercase}.promotion-dialog{width:min(630px,calc(100% - 24px));text-align:center}.promotion-dialog>h2{margin-right:0}.promotion-dialog>p:not(.dialog-overline){color:var(--muted);font:italic 14px var(--serif)}.promotion-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:22px 0 12px}.promotion-choices button{display:grid;min-height:115px;place-items:center;align-content:center;gap:4px;border:1px solid rgba(231,191,118,.16);background:#ffffff06}.promotion-choices button:hover,.promotion-choices button:focus-visible{border-color:var(--gold);background:#a55f2d24}.promotion-sigil{display:grid;width:42px;height:42px;place-items:center;margin-bottom:3px;border:1px solid var(--gold);border-radius:50%;color:var(--gold-bright);font:500 16px var(--serif)}.promotion-choices strong{font:500 14px var(--serif)}.promotion-choices small{color:var(--dim);font-size:8px;letter-spacing:.08em;text-transform:uppercase}.compact-dialog{width:min(560px,calc(100% - 28px));text-align:center}.compact-dialog>h2{margin-right:0}.compact-dialog>p:not(.dialog-overline){color:var(--muted);font:400 15px/1.55 var(--serif)}.dialog-actions{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:22px}.secondary-button,.danger-button{min-height:48px;padding:10px 18px;border:1px solid rgba(232,198,137,.2);color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.secondary-button:hover{border-color:var(--gold);color:var(--gold-bright)}.danger-button{border-color:#ed6a6373;color:#ffaaa4;background:#8a28272e}.outcome-dialog{width:min(590px,calc(100% - 24px));overflow:hidden;text-align:center}.outcome-dialog>h2{margin:8px 0 13px;color:var(--gold-bright);font-size:clamp(36px,6vw,54px)}.outcome-dialog>p:not(.dialog-overline){max-width:430px;margin:0 auto;color:var(--muted);font:400 16px/1.55 var(--serif)}.outcome-rays{position:absolute;top:-180px;left:50%;width:420px;height:420px;transform:translate(-50%);border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(232,184,94,.08) 0 2deg,transparent 2deg 18deg);animation:slow-turn 28s linear infinite;pointer-events:none}@keyframes slow-turn{to{transform:translate(-50%) rotate(360deg)}}.final-mark{position:relative;width:55px;height:55px;margin:20px auto;border:1px solid var(--gold);transform:rotate(45deg)}.final-mark span{display:block;width:25px;height:25px;margin:14px;border:1px solid rgba(229,183,100,.45)}.dialog-actions.stacked{flex-direction:column}.dialog-actions.stacked>*{width:min(290px,100%)}.toast{position:fixed;z-index:250;bottom:22px;left:50%;max-width:min(520px,calc(100% - 28px));padding:11px 16px;transform:translate(-50%,20px);border:1px solid rgba(232,192,117,.24);border-radius:4px;background:#170e1af0;color:var(--ink);font:500 12px/1.3 var(--serif);box-shadow:0 15px 50px #00000080;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%)}}@layer responsive{@media(max-width:1050px){:root{--panel-width: 344px}.camera-cluster{grid-template-columns:58px 44px 58px}.camera-key span{display:none}.council-card,.graveyard{padding-inline:14px}}@media(max-width:820px){:root{--topbar: 60px}body{overflow:hidden}.topbar{grid-template-columns:1fr auto;padding-inline:8px}.top-status{display:none}.brand svg{width:36px;height:36px}.brand strong{font-size:14px}.brand small{font-size:6.5px}.top-actions{grid-column:2}.icon-button{min-width:46px;min-height:46px;padding:4px}.icon-button span{display:none}.game-layout{display:flex;height:calc(100dvh - var(--topbar));flex-direction:column}.board-region{height:55%;min-height:310px;flex:0 0 55%}.game-panel{height:45%;min-height:0;flex:1 1 45%;overflow-y:auto;border-top:1px solid var(--panel-line);border-left:0;box-shadow:0 -16px 45px #0503086b}.panel-handle{display:block;width:42px;height:3px;flex:0 0 auto;margin:7px auto 2px;border-radius:3px;background:#e3ca9f38}.council-card{min-height:78px;grid-template-columns:40px 1fr auto;padding:9px 14px 10px}.court-emblem{width:38px;height:38px}.court-emblem span{width:21px;height:21px}.council-card h1{font-size:17px}.council-card p:last-child{font-size:9px}.graveyard{padding-block:10px 8px}.captured-row{min-height:29px;margin-top:3px}.move-ledger{min-height:190px;flex:0 0 auto}.ledger-scroll{max-height:160px}.primary-actions{position:sticky;z-index:3;bottom:0;background:#170f19f7}.new-council{min-height:44px;margin-bottom:0;background:#170f19f7}.turn-ribbon{top:10px;left:10px;padding:8px 11px 8px 8px}.turn-ribbon strong{font-size:14px}.turn-ribbon small{font-size:6.5px}.turn-ribbon-mark{width:20px;height:20px}.camera-cluster{right:9px;bottom:9px;grid-template-columns:48px 44px 48px;grid-template-rows:44px 44px 44px;padding:4px}.camera-key,.camera-reset{min-width:44px;min-height:44px}.camera-key kbd:first-of-type{display:none}.gesture-hint{bottom:8px;left:10px;max-width:calc(100% - 170px);transform:none;white-space:normal;font-size:7px}.gesture-hint i,.gesture-hint kbd,.gesture-hint{gap:5px}.entry-screen{padding:28px 14px 22px}.entry-screen:before{inset:8px}.entry-footnote{right:16px;bottom:10px;left:16px;text-align:center}.entry-crest{width:72px}.entry-intro h2{font-size:clamp(52px,15vw,72px)}.entry-lede{margin-top:23px;font-size:16px}.setup-form{max-height:calc(100dvh - 42px);padding:18px 15px 16px}.difficulty-list{grid-template-columns:1fr}.difficulty-list button{min-height:56px}.about-grid,.controls-grid{grid-template-columns:1fr}}@media(max-width:520px){:root{--topbar: 56px}.topbar{padding-right:4px}.brand{gap:6px}.brand svg{width:31px;height:31px}.brand strong{font-size:12px}.brand small{display:none}.icon-button{min-width:42px;min-height:44px}.icon-button svg{width:18px}.board-region{height:52%;min-height:286px;flex-basis:52%}.game-panel{height:48%;flex-basis:48%}.turn-ribbon{max-width:calc(100% - 116px);gap:8px}.turn-ribbon strong,.turn-ribbon small{overflow:hidden;display:block;max-width:180px;text-overflow:ellipsis;white-space:nowrap}.gesture-hint{display:none}.camera-cluster{grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px 44px}.camera-key kbd{min-width:20px}.council-card{grid-template-columns:36px 1fr auto;gap:9px}.court-emblem{width:34px;height:34px}.court-emblem span{width:18px;height:18px}.council-card h1{font-size:16px}.panel-eyebrow{font-size:6.5px}.graveyard{padding-inline:12px}.section-heading h2{font-size:8px}.captured-row{grid-template-columns:63px 1fr}.captured-piece{width:24px;height:24px}.move-ledger{padding-inline:8px}.replay-controls{gap:3px}.replay-controls button{min-height:46px;flex-direction:column;gap:1px}.primary-actions{padding-inline:8px}.action-button{min-height:50px}.entry-overline{font-size:6.5px;letter-spacing:.15em}.entry-intro h2 span{font-size:22px}.entry-lede{max-width:340px;font-size:15px}.ceremonial-button{min-width:min(265px,100%)}.setup-heading{margin-bottom:14px}.setup-heading h2{font-size:21px}.choice-grid{grid-template-columns:1fr}.choice-card{min-height:58px}.segmented{grid-template-columns:1fr}.segmented button{min-height:44px}.surface-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:24px 18px 20px}.surface-dialog>h2{font-size:29px}.about-copy p{font-size:14px}.promotion-choices{grid-template-columns:1fr 1fr}.promotion-choices button{min-height:90px}.dialog-actions{flex-direction:column-reverse}.dialog-actions>*{width:100%}.controls-grid p{grid-template-columns:88px 1fr}.toast{bottom:12px}}@media(max-height:700px)and (min-width:821px){.council-card{min-height:84px;padding-block:11px}.graveyard{padding-block:9px 7px}.captured-row{min-height:27px;margin-top:2px}.move-ledger{min-height:130px;padding-top:8px}.primary-actions{padding-top:6px}.action-button{min-height:42px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}