/* A shared room surrounds the game; the table keeps its own legible playing light. */
:root{background:#201f1b}body{background:radial-gradient(ellipse at 55% 10%,#4c4836,#242821 55%,#1c211d);isolation:isolate}
#hall-world{position:absolute;top:0;left:0;width:100%;height:760px;overflow:hidden;z-index:-2;background:radial-gradient(ellipse at 15% 25%,#657773,#303e36 38%,#25291f 75%);pointer-events:none}
#hall-world canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity 1s}body[data-hall="ready"] #hall-world canvas{opacity:1}
.hall-vignette{position:absolute;inset:0 0 auto;height:780px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#101c1b55,transparent 15%,transparent 39%,#20271ff2 86%,#20271f),linear-gradient(90deg,#171d194d,transparent 20%,transparent 80%,#171d194d)}
header{background:linear-gradient(#17251cdc,#17251c75);border-bottom:1px solid #d6c49429;max-width:none;padding-left:max(32px,calc((100vw - 1306px)/2));padding-right:max(32px,calc((100vw - 1306px)/2))}
.hall-arrival{max-width:1306px;margin:auto;min-height:184px;padding:36px 0 25px;display:flex;align-items:end;justify-content:space-between;color:#f2e9d5;text-shadow:0 2px 15px #091511}
.hall-arrival .eyebrow{font-size:9px;letter-spacing:2.5px;color:#e1c797}.hall-arrival h1{font:400 30px/1.25 'Fraunces',Georgia,serif;letter-spacing:-.6px;margin:9px 0}.hall-arrival p{font-size:11px;color:#d0d4c2;margin:0}
.room-link{background:#20362bba;border:1px solid #cfbe8b65;color:#f2e6c7;border-radius:30px;padding:12px 19px;font-size:11px;backdrop-filter:blur(8px)}.room-link span{margin-left:20px}.room-link:hover{background:#46604be6;border-color:#ebd39c}
body[data-screen="title"] .hall-arrival{display:none}
body[data-screen="title"] #hall-world{height:100svh;position:fixed}body[data-screen="title"] .hall-vignette{height:100svh;position:fixed;background:linear-gradient(90deg,#10281ffa 0%,#142d24ef 22%,#172d239c 42%,#1a2b2110 70%),linear-gradient(0deg,#13271ffa,transparent 25%,transparent 85%,#13271f80)}
#title-screen{max-width:1600px}.title-layout{grid-template-columns:1fr 1fr}.hero-scene{visibility:hidden}.title-description{color:#ccd1bb;text-shadow:0 1px 6px #14251b}.title-kicker{color:#d4bd8a}.title-top{color:#d5d3ba}.title-tagline{color:#f0e4c9}.title-buttons .room-link{font-size:12px;padding:8px 4px;border:0;backdrop-filter:none;background:none}.title-copy{padding:40px 0}.title-bottom{color:#c7cbb3}.title-meta{color:#c4cbb2}
main{padding-bottom:12px}.table-summary{margin:4px 0 10px;color:#c6c7af;font-size:9px;letter-spacing:.2px}.players{margin-bottom:17px}.player{background:#f0e7d1ed;border-color:#e0caa06b;backdrop-filter:blur(8px)}.player.active{background:#fff0d1;border-color:#e2bc76}
.play-layout{gap:18px;grid-template-columns:minmax(0,1fr) 250px}
.play-layout .game{border:9px solid #685039;border-top-color:#98744e;border-bottom-color:#493c2b;border-radius:13px;background:#654f37;box-shadow:0 2px 0 #c3a16b60,0 0 0 1px #30281d,0 18px 38px #0a100b85}
.play-layout .table-heading{background:#493b2d8c;border-color:#e9d39a25;color:#f6e9c8;padding:14px 18px}.play-layout #remaining,.play-layout #phase-label{color:#d2c9ae}
.table-cue{font-size:20px;color:#f6e5bb;background:radial-gradient(ellipse at 40% 100%,#c0964d22,transparent);padding:17px 16px 5px;min-height:49px}
.play-layout .board{background-color:#69533a;background-image:radial-gradient(ellipse at var(--light-x) var(--light-y),#ecc58238,transparent 68%),repeating-linear-gradient(0deg,#35291914 0,transparent 1px,transparent 4px),repeating-linear-gradient(0deg,transparent 0,transparent 98px,#271f1625 99px,#e9bb721c 101px,transparent 102px);background-size:100% 100%,100% 6px,100% 102px;box-shadow:inset 0 0 70px #302a2250}
.play-layout .string-label,.play-layout .row-count{color:#d7c5a1}.play-layout .necklace-shadow{stroke:#2a231ab0}.play-layout .necklace-cord{stroke:#ddc891}.play-layout .sweet{filter:drop-shadow(2px 7px 3px #211b18b0)}
.play-layout .board-footer{background:#493d2a50;color:#d3c4a3;border-color:#d9c89e30}.play-layout .board-footer>#preview-label{color:#e8d6b0}
.play-layout .turn-panel{border:1px solid #d5bd8666;background:linear-gradient(115deg,#ece1c7f7,#d8ceb3f2);border-radius:12px;padding:20px;box-shadow:0 12px 30px #0b130c60;gap:18px}.play-layout .dice{border-color:#9f875c;box-shadow:inset 0 5px 13px #00170eb0,0 1px 0 #fff8}.play-layout .wish-area h2{font-size:22px}.play-layout .sweet::before{backdrop-filter:none}
#hall-look{position:fixed;inset:0;width:100vw;max-width:none;height:100svh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#202d25;color:#f0e6cb;overflow:hidden;box-shadow:none}
#hall-look::backdrop{background:#1c2820}#hall-look #hall-world{position:absolute;height:100%;z-index:0;pointer-events:auto;cursor:grab;touch-action:none}#hall-look #hall-world:active{cursor:grabbing}
.room-topline{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:25px 35px;background:linear-gradient(#142219de,transparent);pointer-events:none}.room-topline>span{font-size:11px;letter-spacing:3px}.room-topline button{pointer-events:auto;color:#f4e5be;border:1px solid #d8c28b88;background:#26382cdb;backdrop-filter:blur(8px);border-radius:30px;padding:13px 22px;font-size:12px}.room-topline button span{margin-left:25px}
.room-caption{position:absolute;bottom:0;left:0;right:0;padding:90px 40px 28px;background:linear-gradient(transparent,#13291de8 55%,#13291df7);pointer-events:none;text-align:center}.room-caption .eyebrow{color:#d2b77d;font-size:9px;letter-spacing:2.4px}.room-caption h2{font:400 38px 'Fraunces',Georgia,serif;margin:13px 0}.room-caption p{color:#cbd0b9;font-size:12px;line-height:1.8}.room-controls{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:20px}.room-controls button{border:1px solid #b7ac7680;background:#45604777;color:#f2e2b4;width:43px;height:43px;border-radius:50%;pointer-events:auto;font-size:22px}.room-controls span{font-size:10px;letter-spacing:.5px;color:#b8c6ac}.room-fallback{display:none}
body[data-hall="unavailable"] .room-link{display:none}body[data-hall="unavailable"] .room-fallback{display:block}body[data-hall="unavailable"] .room-controls{display:none}body[data-hall="loading"] [data-look-around]{visibility:hidden}
@media(min-width:1500px){main{max-width:1330px}.hall-arrival{max-width:1266px}}
@media(max-width:1400px){.hall-arrival{margin:0 32px}}
@media(max-width:1100px){.play-layout{grid-template-columns:minmax(0,1fr) 235px}.play-layout .turn-panel{padding:16px}.hall-arrival{min-height:168px}.hall-arrival h1{font-size:27px}}
@media(max-width:900px){.play-layout{grid-template-columns:1fr}.play-layout .turn-panel{display:grid;grid-template-columns:1fr 1fr}.hall-arrival{min-height:175px}.hall-arrival p{max-width:380px;line-height:1.7}.hall-arrival h1{font-size:25px}.play-layout .game{border-width:6px}}
@media(max-width:700px){header{padding:0 18px}.hall-arrival{margin:0 18px;min-height:190px;padding:22px 0;align-items:end;gap:12px}.hall-arrival h1{font-size:24px;max-width:230px}.hall-arrival p{font-size:10px;max-width:220px}.hall-arrival .room-link{font-size:10px;padding:11px 13px;white-space:nowrap}.hall-arrival .room-link span{margin-left:5px}.hall-arrival .eyebrow{font-size:8px}#hall-world{height:630px}.hall-vignette{height:650px}.play-layout .game{border-width:5px}.play-layout .turn-panel{padding:16px}.table-cue{font-size:18px}.scroll-cue{color:#d4c49f}.room-topline{padding:20px 16px;gap:15px}.room-topline>span{font-size:8px;letter-spacing:1.5px}.room-topline button{padding:12px 15px;font-size:10px}.room-topline button span{margin-left:9px}.room-caption{padding:70px 20px 25px}.room-caption h2{font-size:28px}.room-caption p{font-size:11px}.room-caption .eyebrow{font-size:7px;letter-spacing:1.5px}.room-controls{gap:16px}.room-controls span{font-size:9px}.title-layout{grid-template-columns:1fr}.title-copy{padding:45px 0 20px}.title-description{max-width:290px;font-size:12px}body[data-screen="title"] .hall-vignette{background:linear-gradient(90deg,#132c20ed,#172d23ba 65%,#172d2360),linear-gradient(0deg,#13271f,transparent 40%)}.title-copy h1{font-size:102px}.title-tagline{font-size:30px}.title-kicker{font-size:8px}.title-top{font-size:7px}.title-bottom{margin-top:25px}}
@media(prefers-reduced-motion:reduce){#hall-world canvas{transition:none}}

/* Basement gathering: warm playing light with restrained teal and rose at the edges. */
body{background:radial-gradient(ellipse at 85% 4%,#473344,#252925 48%,#1d2323)}
.hall-arrival .eyebrow,.title-kicker{color:#e4b387}.hall-arrival h1{font-style:italic}
body[data-screen="title"] .hall-vignette{background:linear-gradient(90deg,#152823f5 0%,#192c28e8 22%,#192b2890 43%,#25233310 72%),linear-gradient(0deg,#162625f7,transparent 25%,transparent 85%,#19272970)}
.title-buttons .primary{background:#e5b882;box-shadow:inset 0 1px #ffe1af,0 4px 0 #8a633e}.title-buttons .primary:hover{background:#f0c58e}
.room-link{border-color:#baae9270;background:#20362bba}.room-caption{background:linear-gradient(transparent,#1c2a29e8 55%,#1c2a29f7)}.room-caption .eyebrow{color:#e2b38b}
@media(max-width:700px){body[data-screen="title"] .hall-vignette{background:linear-gradient(90deg,#162922ed,#192b28ba 65%,#25233360),linear-gradient(0deg,#172725,transparent 40%)}}


/* On the playing table, sweets fill consecutive slots along the cord. */
.play-layout .sweet::before,.play-layout .sweet::after,.play-layout .sweet>.candy-facets{inset:0}
.play-layout .sweet>span{font-size:clamp(12px,1.25vw,17px)}
.play-layout .sweet{filter:drop-shadow(1px 4px 2px #211b1890)}
.play-layout .sweet.match{outline-offset:0;border-radius:8px}
.play-layout .sweet.owned{border-bottom:0}
.play-layout .sweet.owned .owner-badge{width:18px;height:18px;font-size:10px;right:0;bottom:-2px}
.play-layout .value-badge{right:0;bottom:-2px;min-width:16px;height:16px;font-size:10px}
.flying-sweet{scale:1}
@media(max-width:700px){.play-layout .sweet>span{font-size:12px}.play-layout .sweet.owned .owner-badge{width:16px;height:16px;font-size:9px}.play-layout .value-badge{min-width:15px;height:15px;font-size:9px}}

/* Kohakutou: broken jelly slabs, coloured centres, and a fine crystallised crust. */
.play-layout .sweet::before,.play-layout .sweet::after,.play-layout .sweet>.candy-facets{clip-path:var(--candy-cut);rotate:var(--candy-angle);border-radius:0}
.play-layout .sweet::before{background:radial-gradient(ellipse at 63% 60%,color-mix(in srgb,var(--sweet) 94%,transparent) 5%,transparent 66%),radial-gradient(ellipse at 16% 18%,#fffdf1b0,transparent 51%),linear-gradient(132deg,#ffffff78,#ffffff16 40%,#182b3240),color-mix(in srgb,var(--sweet) 69%,transparent);box-shadow:inset 2px 2px 2px #fffc,inset -2px -3px 2px #18343a35}
.play-layout .sweet::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='white' filter='url(%23s)' d='M0 0h64v64H0z'/%3E%3C/svg%3E");background-size:64px 64px;opacity:calc(var(--sugar-opacity) * .65);mix-blend-mode:screen}
.play-layout .candy-facets>i:nth-child(1){clip-path:var(--candy-face);background:radial-gradient(ellipse at 70% 65%,var(--sweet),transparent 63%),linear-gradient(155deg,#ffffff90,#ffffff15 57%,#ffffff65);opacity:.66}
.play-layout .candy-facets>i:nth-child(2){clip-path:none;background:linear-gradient(92deg,#fff8 0,transparent 12%,transparent 82%,#ffffff6b 91%,#fff4);opacity:.65}
.play-layout .candy-facets>i:nth-child(3){clip-path:none;background:linear-gradient(0deg,#17343c45,transparent 24%,transparent 80%,#fff8);opacity:.7}
.play-layout .candy-facets>i:nth-child(4){clip-path:none;background:linear-gradient(72deg,transparent 31%,#fff7 32%,transparent 33%),linear-gradient(151deg,transparent 64%,#fff6 65%,transparent 67%);box-shadow:none;opacity:.4}
.play-layout .candy-facets .candy-glint{opacity:.22;animation-duration:13s}
.play-layout .sweet>span{text-shadow:0 1px 2px #27404bcc;color:#fffef0}
.flying-sweet{clip-path:var(--candy-cut);background-image:radial-gradient(circle,#fff9 .5px,transparent 1px),linear-gradient(135deg,#fff9,transparent 45%,#ffffff50 72%,#23343a44)!important;background-size:3px 4px,100% 100%}

.board .candy-volume{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0}
.board.sweets-3d .candy-volume{opacity:1}
.board.sweets-3d>.sweet{z-index:2;filter:none}
.board.sweets-3d>.sweet::before,.board.sweets-3d>.sweet::after,.board.sweets-3d>.sweet>.candy-facets{visibility:hidden}
.board.sweets-3d>.sweet>span{font-size:clamp(13px,1.3vw,18px);text-shadow:0 1px 3px #183537;opacity:.9}
.board.sweets-3d>.string-label,.board.sweets-3d>.row-count,.board.sweets-3d>.arrow{z-index:3}
.board.sweets-3d>.end-banner{z-index:4}
@media(max-width:700px){.board.sweets-3d>.sweet>span{font-size:13px}}

.board[data-renderer]{background:#40312a;overflow:hidden;border-radius:12px}
.board .game-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:pan-y;outline-offset:-4px}
.board .game-canvas:focus-visible{outline:2px solid #e8d4a0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sweet-inspector{min-height:16px;color:#e0cdb3;font-size:11px;margin:12px 0}
.value-legend{display:flex;gap:22px;flex-wrap:wrap;margin:10px 0 16px;color:#f4dfb8;font-size:11px}
.value-legend[hidden]{display:none}.value-legend>span{display:flex;align-items:center;gap:7px}.value-legend small{color:#c2b09b;font-size:10px}
.tier{display:inline-grid;place-items:center;width:22px;height:22px;font-style:normal;color:#dfc8b9}.tier.glowing{color:#fff1c5;text-shadow:0 0 5px #ffda93}.tier.radiant{color:#fff9d2;text-shadow:0 0 5px #ffedac,0 0 12px #ffc65b;filter:drop-shadow(0 0 4px #ffb42d)}

/* The social club: painted concrete and dark practical furniture. */
body{background:#282e2e}.hall-arrival{min-height:115px;padding-top:24px}.hall-arrival h1{font-family:Arial,sans-serif;font-weight:800;font-style:normal;letter-spacing:-1px}
.title-copy h1{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-10px}.title-tagline{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-1.5px}.title-kicker{color:#ef9570}
body[data-screen="title"] .hall-vignette{background:linear-gradient(90deg,#20282cf5,#253032bb 36%,#23313410 72%),linear-gradient(0deg,#222b2f,transparent 35%)}
.play-layout .game{border:1px solid #80878050;background:#242c2e;border-radius:5px;box-shadow:0 14px 30px #10161960;overflow:hidden}
.play-layout .table-heading{background:#20292d;color:#e8e5d9}.table-cue{font-family:Arial,sans-serif;font-size:17px;font-weight:700;background:none;padding:12px 16px;min-height:43px}
.play-layout .board[data-renderer]{border-radius:0;background:#555c57;box-shadow:none}.play-layout .board-scroll{padding:0;margin:0}.play-layout .board-footer{background:#20292d}
.player,.player.active{background:#303b3c;border-color:#8d9d9250;color:#f0e7d5}.player.active{border-color:#e59b6a;box-shadow:inset 0 3px #e59b6a}.player-name small,.score small{color:#b7c1b8}.player .score{color:#f2d3a4}
.play-layout .turn-panel{background:#303b3b;border-color:#879b8c55;color:#eee4d4;border-radius:5px}.turn-panel p,.turn-panel .eyebrow{color:#c1c9ba}.turn-panel h2{color:#f2d3a4}.sweet-inspector{padding:0 14px}.value-legend{padding:0 14px}
@media(min-width:1100px){.play-layout{grid-template-columns:minmax(0,1fr) 230px;gap:14px}main{max-width:1440px}}

.room-caption h2,.play-layout .turn-panel h2{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-1px}

.controller-bar{max-width:1376px;margin:10px auto;padding:10px 16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#202b2d;border:1px solid #84999140;color:#ddd9c8;font-size:12px}.controller-bar .quiet{color:#f2c78b}.controller-bar #controller-hint{color:#b8c9be}.controller-buttons{display:none;flex-basis:100%;line-height:2}.controller-buttons b{display:inline-block;padding:0 5px;margin-left:9px;border:1px solid #718279;border-radius:5px;color:#f5d3a3}.controller-mode .controller-buttons{display:block}.controller-mode .hall-arrival{display:none}.controller-mode .table-summary{display:none}.controller-mode .players{margin-top:8px}.controller-mode :focus-visible{outline:3px solid #f5c171;outline-offset:3px}body[data-screen="title"] .controller-bar{position:relative;z-index:2;max-width:1300px;margin:0 auto 20px}#controllers-help{max-width:650px}#controllers-help p{line-height:1.65}
@media(max-width:700px){.controller-bar{margin:8px 15px;font-size:11px}.controller-buttons{font-size:10px}}

/* Put the consequence beside the commitment, and selection beside the table. */
.table-brief{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:16px;background:#20292d}
.table-brief .table-cue{font-size:14px;min-height:46px;flex:1}
.selection-cue{margin:8px 0;font-size:12px;white-space:nowrap;color:#a6b6af;padding:7px 10px;border:1px solid #6b827c50;border-radius:5px}
.selection-cue.selected{color:#fff0bb;border-color:#dfbd79;background:#dfbd7915;font-weight:700}
.decision-preview{padding:14px 0 16px;border-bottom:1px solid #a4b2a440;margin-bottom:16px;text-align:left}
.decision-preview #decision-total{display:block;font-size:22px;letter-spacing:-.5px;color:#fff0cf;margin:8px 0 12px}
.decision-payouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.payout-chip{display:flex;gap:6px;align-items:center;padding:9px 8px;background:#172628;border:1px solid #788e8140;border-left:3px solid var(--player-color);border-radius:5px;font-size:11px;color:#c3d0c7}
.payout-chip .avatar{width:21px;height:21px;font:700 11px Arial,sans-serif;flex-shrink:0}
.payout-chip>span:not(.avatar){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.payout-chip strong{margin-left:auto;font-size:22px;color:#97a89e}
.payout-chip.earning strong{color:#ffe2a5}.payout-chip.earning{background:#263934}
.commit-area #decision-note{font-size:11px;text-align:left;line-height:1.55;margin-top:10px;color:#c3cdbf}
.decision-preview.is-preview{border-bottom-color:#d1a5ed}.decision-preview.is-preview .eyebrow{color:#e5c3ff}
@media(max-width:1099px){.commit-area .decision-preview{grid-column:1/-1;width:100%}.decision-payouts{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.table-brief{flex-wrap:wrap;gap:0;padding:0 12px 9px}.table-brief .table-cue{padding-left:0;flex-basis:100%;min-height:36px}.selection-cue{margin:0}.decision-payouts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.player.active.ownership-card{background:color-mix(in srgb,var(--player-color) 18%,#293b3c);color:#fff0d7}
.ownership-key{color:color-mix(in srgb,var(--player-color) 35%,#ffffff)}
@media(min-width:901px){.play-layout .turn-panel{align-self:start;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto}.play-layout .commit-area{margin-top:0}}

.turn-flow{display:flex;gap:7px;justify-content:space-between;list-style:none;padding:0 0 14px;margin:0;border-bottom:1px solid #acbead35;grid-column:1/-1}
.turn-flow li{display:flex;align-items:center;gap:5px;font-size:11px;color:#a2b4ac}
.turn-flow li>span{display:grid;place-items:center;width:19px;height:19px;border:1px solid #829a8850;border-radius:50%;font-size:10px}
.turn-flow .current{color:#ffe0a0;font-weight:700}.turn-flow .current>span{background:#f1ce92;color:#253331;border-color:#f1ce92}.turn-flow .complete{color:#c3ddc9}
.turn-recap{padding:0 0 14px;margin-bottom:12px;border-bottom:1px solid #acbead35;grid-column:1/-1;width:100%}
.turn-recap>strong{display:block;margin:9px 0 12px;color:#f7e4bd;font-size:16px;line-height:1.45}
.recap-gains{display:flex;gap:8px;flex-wrap:wrap}.recap-gains>span{display:flex;align-items:center;gap:5px;font-size:11px;color:#d7e1d7;padding:7px;background:#1d2d2b;border-radius:5px}.recap-gains b{font-size:18px;color:#ffe4ab}.recap-gains .avatar{width:20px;height:20px;font:normal 700 10px Arial,sans-serif}
.commit-area #recap-detail{text-align:left;font-size:11px;line-height:1.5;margin-top:10px}.commit-area #recap-detail:empty{display:none}
.collecting #primary:disabled{opacity:.85;color:#ffdf9f;background:#394735}

body.table-focus[data-screen="play"] .hall-arrival,body.table-focus[data-screen="play"] .table-summary{display:none}
.table-focus .players{margin-top:12px}.table-focus #table-focus{color:#ffe2a3}
@media(min-width:901px){
  .table-focus>header{height:58px}.table-focus>main{max-width:1600px;padding:0 12px}
  .table-focus .controller-bar{margin:5px auto;padding:6px 14px}.table-focus .controller-buttons{font-size:12px;line-height:1.8}
  .table-focus .play-layout{grid-template-columns:minmax(0,1fr) 260px}
  .table-focus .score{font-size:34px}.table-focus .player-name{font-size:15px}.table-focus .ownership-key{font-size:12px}
  .table-focus .table-heading strong,.table-focus .selection-cue{font-size:14px}.table-focus .table-brief .table-cue{font-size:16px}
  .table-focus .turn-panel p{font-size:13px}.table-focus .turn-panel .primary{font-size:15px;min-height:52px}
  .table-focus .turn-flow li{font-size:13px}.table-focus .sweet-inspector{font-size:13px}
}
@media(max-width:700px){header #table-focus{display:none}}

.match-guide{display:flex;align-items:center;gap:12px;width:100%;padding:9px 16px;background:#172526;border:0;border-top:1px solid #728a7030;color:#e7dac0;text-align:left}
.match-guide strong{display:block;font-size:12px;line-height:1.4}.match-guide small{display:block;font-size:11px;color:#abbdb0;margin-top:1px}
#match-guide-example{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 8px;border:1px solid #e4c48755;border-radius:5px;background:linear-gradient(90deg,transparent 48%,#ddb77680 49%,#ddb77680 52%,transparent 53%)}
#match-guide-example i{line-height:8px;font-style:normal;color:#f1c67e;font-size:13px;text-shadow:0 0 4px #f3b75633}
.guide-help{margin-left:auto;border:1px solid #9bb1a480;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:12px}
.table-focus .match-guide strong{font-size:14px}.table-focus .match-guide small{font-size:12px}

#results{width:570px;background:radial-gradient(ellipse at 50% 0,#56604280,transparent 48%),#202f30;border-color:#d1b06e80;color:#f5e8c8;box-shadow:0 25px 100px #061718aa}
#results .result-emblem{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 18px;border:1px solid #e0bd6f80;border-radius:50%;font-size:49px;color:#f9dc9a;background:radial-gradient(#eed5a02b,transparent 70%);box-shadow:0 0 38px #f1c06d1c}
#results h2{font:800 32px Arial,sans-serif;letter-spacing:-1px;color:#ffedc6}
#results #result-margin{color:#f0c780;font-size:16px;font-weight:700;margin:8px 0 22px}
.result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 0;border-block:1px solid #b6c0a433}
.result-stats strong{display:block;font-size:27px;color:#fff0c9}.result-stats small{display:block;font-size:9px;letter-spacing:.7px;color:#bfcdbd;margin-top:5px}
#results #result-detail{color:#b9c8be;font-size:12px}#result-scores{margin:20px 0}
#result-scores li{position:relative;padding:14px 8px 18px;gap:9px;border:0;margin-bottom:5px;color:#dde6d9}
#result-scores li.winner{background:#dfbd7620;border-radius:5px}.result-rank{font-size:11px;color:#abbcaf;width:12px}
.result-player small{display:block;font-size:9px;color:#b4c6b6;margin-top:5px}.winner .result-player small{color:#f4d495}
#result-scores strong{color:#ffe7b0;white-space:nowrap}#result-scores strong small{color:#c0cab8}
.result-bar{position:absolute;bottom:4px;left:8px;width:calc((100% - 16px) * var(--score-share));height:3px;border-radius:3px;background:var(--player-color)}
#results #rematch{background:#eac184;color:#213330;font-weight:700;font-size:15px}#results #rematch:hover{background:#f5d298}
#results #results-setup{background:#40514a;color:#ebecd7}#results #results-board{color:#c5d4c8}
@media(max-width:700px){#results{padding:26px 20px}.result-stats small{font-size:8px}#result-scores li{gap:6px}.result-player small{font-size:8px}}

#move-trail{list-style:none;padding:0;margin:12px 0;color:#e9dbba;font-size:12px;line-height:1.6}#move-trail li{padding:4px 7px;border-left:2px solid #d8b87e;background:#192d2b;margin-top:4px}#undo{line-height:1.5;white-space:normal}#preview-actions{display:grid;gap:6px}#preview-actions[hidden]{display:none}

.turn-panel #wish-choice{padding:10px;border-left:3px solid #e8c57d;background:#1a2c29;color:#ffdf9e;line-height:1.6}

.collection-stage{position:relative;z-index:2;pointer-events:none}#collection-wave{position:absolute;top:14px;left:50%;transform:translateX(-50%);padding:10px 18px;white-space:nowrap;border:1px solid #edd193;border-radius:24px;background:#203331f2;color:#ffe3a7;font-size:15px;font-weight:700;box-shadow:0 5px 25px #1118}

#fullscreen-status:empty{display:none}#fullscreen-status{font-size:12px;line-height:1.5}