:root{color-scheme:dark;--cream:#eee2c5;--muted:#b9b199;--gold:#c5a46a;--line:#7d6946;--teal:#74c3b2;--ink:#111f23;font-family:'Leelawadee UI',Tahoma,sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0;background:#100e0b;color:var(--cream)}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible{outline:3px solid #c3f7e8;outline-offset:5px}button{transition:filter .15s,transform .15s}button:hover:not(:disabled){filter:brightness(1.18)}button:active:not(:disabled){transform:translateY(1px)}.table{min-height:100vh;background:linear-gradient(90deg,#0003,#0000 45%,#0006),url('/art/table.png') center/cover fixed;display:grid;grid-template-columns:minmax(0,1fr) 235px;grid-template-rows:118px minmax(395px,1fr) 242px;gap:0 24px;padding:20px 30px 12px;position:relative}.table:before{content:'';position:absolute;inset:10px;pointer-events:none;border:1px solid #bc95522e}.masthead{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding-right:20px}.chapter{padding:7px 16px;border-left:2px solid var(--gold);background:linear-gradient(90deg,#13130fc9,transparent);max-width:340px}.eyebrow{font-size:10px;letter-spacing:2.8px;text-transform:uppercase;color:var(--gold)}h1{font:normal 27px Georgia,'Leelawadee UI',serif;margin:3px 0 2px;letter-spacing:.2px}.chapter p{font-size:12px;color:var(--muted);margin:3px 0}.phase-box{text-align:center;min-width:270px;padding:8px 26px;background:linear-gradient(#14272bef,#071317ed);border:1px solid var(--gold);box-shadow:inset 0 0 0 4px #0e1a20,inset 0 0 0 5px #6e603655,0 5px 20px #0008;clip-path:polygon(5% 0,95% 0,100% 18%,100% 82%,95% 100%,5% 100%,0 82%,0 18%)}.phase-box strong{display:block;font-size:20px;font-weight:500}.phase-box small{font-size:11px;color:var(--muted)}.pips{display:flex;justify-content:center;gap:12px;margin:7px 0}.pip{width:22px;height:22px;border-radius:50%;border:1px solid #857653;background:#10191c;box-shadow:0 0 0 3px #030c0c}.pip.on{background:radial-gradient(circle at 35% 30%,#fff1b2,#c39a56 45%,#453523 80%);border-color:#f2d793;box-shadow:0 0 12px #e4b75670,0 0 0 3px #142124}.sidebar{grid-column:2;grid-row:1/4;display:flex;flex-direction:column;gap:14px;z-index:2}.panel{background:linear-gradient(135deg,#1c282bfa,#0b151aef);border:1px solid var(--line);box-shadow:inset 0 0 0 4px #111b1c,0 5px 16px #0008;padding:13px}.portrait{height:157px;background:#121a19 url('/art/champagne.png') center 36%/cover;border:1px solid #8a754d;position:relative}.portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#10191c)}.identity{text-align:center;padding:8px 0 12px;border-bottom:1px solid #b49b5840}.identity strong{font-family:Georgia,serif;font-size:21px;display:block;color:#efdab1}.identity small{font-size:11px;color:var(--muted)}.vitals{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:10px 0 2px}.vital{display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px}.vital svg{width:22px;height:22px}.vital.health{color:#eaad9c}.vital.sanity{color:#94c6d0}.counters{display:flex;justify-content:space-around;border-top:1px solid #5d59463b;margin-top:8px;padding-top:10px}.counter{text-align:center;font-size:12px;color:var(--muted)}.counter b{display:block;font:23px Georgia,serif;color:#f1dbad}.act-panel{text-align:center}.act-panel h2{font-size:17px;font-weight:500;margin:5px 0}.act-panel p{font-size:12px;line-height:1.65;color:#c5c0af;margin:8px 0}.rule-link{border:0;background:transparent;color:#ccbc92;font-size:11px;text-decoration:underline;text-underline-offset:4px;padding:4px}.doom-track{display:flex;align-items:center;gap:10px;justify-content:center;margin:10px}.doom-dot{width:14px;height:14px;border:1px solid #a58965;border-radius:50%;background:#11191f}.doom-dot.filled{background:#976151}.sidebar-bottom{margin-top:auto;display:grid;gap:7px}.primary,.secondary{padding:12px 20px;border:1px solid #b99c65;background:linear-gradient(120deg,#173b42,#102931 60%,#081c23);box-shadow:inset 0 0 0 3px #112128,inset 0 0 0 4px #6c705251,0 5px 14px #0008;font-size:17px;border-radius:2px;text-shadow:0 1px #000}.primary{color:#fff0cd}.primary small{font-size:11px;display:block;color:#c7c9b7;margin-top:3px}.secondary{background:linear-gradient(#253331,#152021);font-size:13px;padding:9px 14px}.text-button{background:transparent;border:0;color:#b4af9b;font-size:11px;padding:7px}.board{grid-column:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:395px;isolation:isolate}.board-header{position:absolute;top:0;left:50%;transform:translateX(-50%);text-align:center;width:min(440px,95%);background:linear-gradient(90deg,#081b1f88,#10252beb,#081b1f88);padding:10px 15px;border-top:1px solid #ad95684d;border-bottom:1px solid #ad95684d;z-index:3}.board-header .goal{font-size:17px}.board-header .progress{color:var(--gold);font-size:13px;display:block;margin-top:3px}.board-caption{position:absolute;left:8px;bottom:20px;color:#b3ae967a;font-size:11px;letter-spacing:1px;writing-mode:vertical-rl}.map{position:relative;width:100%;height:100%;min-height:390px}.map-lines{position:absolute;width:100%;height:100%;inset:0;overflow:visible;pointer-events:none}.map-lines line{stroke:#b89a60;stroke-width:2;opacity:.7;stroke-dasharray:5 4}.location-wrap{position:absolute;top:53%;left:50%;width:450px;transform:translate(-50%,-50%);transition:top .6s,left .6s}.location{width:100%;height:244px;background:#1a2120;border:2px solid #9f8557;padding:7px;position:relative;box-shadow:0 10px 24px #0009,inset 0 0 0 3px #322e21;display:block;text-align:left}.location.selected{border-color:#9dceb7;box-shadow:0 0 0 3px #366e6677,0 0 24px #6ad7c43d,0 10px 20px #000a}.location img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.location .location-name{position:absolute;bottom:-17px;left:50%;transform:translateX(-50%);white-space:nowrap;min-width:180px;text-align:center;background:linear-gradient(#353327,#162224);border:1px solid #b3945c;padding:6px 25px;font-size:19px;box-shadow:0 4px 8px #0007}.location-facts{position:absolute;left:13px;top:12px;display:flex;gap:7px}.medallion{border:1px solid #bca770;background:#101f21e8;box-shadow:0 2px 6px #0009;border-radius:30px;padding:5px 9px;font-size:12px}.location-hint{position:absolute;top:12px;right:13px;background:#172426d9;border:1px solid #8b9d7060;padding:4px 8px;font-size:10px}.location .locked{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#07161b99}.actor-slot{position:absolute;pointer-events:none;bottom:24px;right:35px;width:114px;height:172px;filter:drop-shadow(0 4px 3px #0009)}.actor-slot canvas{width:114px;height:172px}.location-action{position:absolute;left:50%;top:calc(100% + 31px);transform:translateX(-50%);text-align:center;min-width:270px;z-index:4}.location-action .primary{min-width:245px}.location-action .instruction{font-size:11px;color:#d3c9ad;margin:8px 0;max-width:370px;line-height:1.6}.map.multi .location-wrap{width:230px}.map.multi .location{height:130px}.map.multi .location-name{font-size:14px;min-width:130px;padding:3px 12px}.map.multi .actor-slot{transform:scale(.58);transform-origin:bottom right;bottom:15px;right:15px}.map.multi .location-action{top:calc(100% + 25px)}.hand-area{grid-column:1;position:relative;z-index:5;padding-top:15px;align-self:end}.hand-header{display:flex;align-items:center;justify-content:space-between;margin:0 12px 9px;color:#c7bea4;font-size:11px}.hand-header strong{font-size:12px;font-weight:400;color:#e4d6b3}.hand{display:flex;justify-content:center;gap:12px;min-height:164px;align-items:flex-end}.hand-card{position:relative;width:128px;height:166px;border:1px solid #9b804e;border-radius:7px 7px 3px 3px;padding:5px;background:linear-gradient(125deg,#51482e,#171d1c 50%,#70603c);box-shadow:0 6px 15px #000b;transform-origin:bottom center;flex-shrink:0}.hand-card:nth-child(1){rotate:-5deg}.hand-card:nth-child(2){rotate:-2deg}.hand-card:nth-last-child(1){rotate:5deg}.hand-card:nth-last-child(2){rotate:2deg}.hand-card:hover{transform:translateY(-12px) rotate(0)!important;z-index:10}.hand-card.marked{border:2px solid #9cf0cd;box-shadow:0 0 20px #6eecc36b;transform:translateY(-12px)}.card-art{height:115px;overflow:hidden;background:#122226}.card-art img{width:100%;height:215px;object-fit:cover;object-position:top;transform:translateY(-17px);opacity:.95}.card-name{display:flex;align-items:center;justify-content:center;height:34px;font-size:11px;text-align:center;line-height:1.3;padding:0 3px}.cost{position:absolute;right:-7px;top:-9px;background:radial-gradient(circle at 30% 25%,#4a6d74,#11252d 65%);border:1px solid #b9a979;border-radius:50%;height:29px;width:29px;display:grid;place-items:center;font:19px Georgia,serif}.selection-label{position:absolute;inset:auto 0 30px;background:#122e27ed;color:#b7efd5;font-size:11px;padding:4px}.footer{display:flex;justify-content:space-between;margin-top:18px;color:#a7a18b;font-size:10px;padding:0 8px}.step-flow{display:flex;gap:9px;align-items:center}.step-flow .current{color:#eddaad}.step-flow span+span:before{content:'›';color:#70674e;margin-right:9px}.result-bar{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,90%);background:#132a25ed;border:1px solid #a19d71;padding:10px 16px;text-align:center;z-index:5;font-size:13px;box-shadow:0 5px 18px #0006}.result-bar.failure{background:#322323ed;border-color:#98725a}.result-bar small{display:block;color:#c1b9a6;font-size:11px;margin-top:4px}.test-panel{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);width:min(460px,95%);background:linear-gradient(140deg,#182e32fa,#07151afc);border:1px solid #c4a775;box-shadow:0 15px 50px #000c,inset 0 0 0 5px #0e1e24,inset 0 0 0 6px #76684280;padding:24px;text-align:center;z-index:8}.test-panel h2{font-size:22px;font-weight:400;margin:5px 0 14px}.test-panel p{font-size:12px;line-height:1.7;color:#ccc3ad}.test-panel .primary{min-width:210px;margin-top:10px}.test-values{display:flex;gap:18px;justify-content:center;align-items:center;margin:10px 0 18px}.test-values b{font:36px Georgia,serif;display:block;color:#f5dfa9}.test-values small{font-size:11px;color:#b8bcad}.token{width:74px;height:74px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#b6a778,#4c4a32 55%,#171e1e 75%);border:3px solid #cfbb89;box-shadow:0 0 0 4px #141e1d,0 5px 20px #0009;font:27px Georgia,serif;margin:auto;color:#fff0d2;animation:reveal .38s ease-out}.result-title.good{color:#9cdbba}.result-title.bad{color:#e6ad99}.pending-options{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.committed{font-size:12px;color:#d6bd80}.status-note{font-size:11px;color:#b9b3a0}.loading{display:grid;place-items:center;height:100vh;color:#d9c59b}.end-summary{padding:18px}.log{margin:12px 0 0;line-height:1.7;font-size:11px;color:#bdb8a3;max-height:110px;overflow:auto;text-align:left}.log div{padding:3px 0;border-bottom:1px solid #76715a24}dialog{max-width:620px;width:calc(100vw - 40px);background:#142428;color:var(--cream);border:1px solid var(--gold);box-shadow:0 30px 80px #000c;padding:25px}dialog::backdrop{background:#050b0fcc;backdrop-filter:blur(3px)}dialog .detail-layout{display:flex;gap:22px}dialog img{width:210px;max-height:320px;object-fit:contain}dialog h2{font-size:22px;font-weight:400}dialog p{font-size:14px;line-height:1.8}dialog .close{float:right;margin-bottom:10px;background:transparent;border:1px solid #817758;padding:5px 10px}#notice{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);max-width:90vw;background:#291f1b;border:1px solid #c39c69;color:#ffe0bd;padding:12px 20px;z-index:50;box-shadow:0 8px 22px #000a;display:none}#notice.visible{display:block}.busy .primary,.busy .hand-card{pointer-events:none;opacity:.6}.board-note{position:absolute;left:50%;top:72px;transform:translateX(-50%);font-size:10px;color:#b5b299;white-space:nowrap}.map.multi .board-note{display:none}@keyframes reveal{from{transform:scale(.7) rotate(-25deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@media(min-height:900px){.table{grid-template-rows:125px minmax(465px,1fr) 250px}.location-wrap{width:510px}.location{height:290px}.hand-card{height:181px;width:138px}.card-art{height:130px}.card-art img{height:235px}.hand{min-height:180px}}@media(max-width:1100px){.table{padding:14px;gap:0 14px;grid-template-columns:minmax(0,1fr) 205px}.chapter h1{font-size:22px}.phase-box{min-width:205px;padding:8px 18px}.phase-box strong{font-size:17px}.hand{gap:8px}.hand-card{width:110px;height:152px}.card-art{height:103px}.location-wrap{width:390px}.location{height:220px}.map.multi .location-wrap{width:190px}.map.multi .location{height:115px}}@media(max-width:760px){.table{grid-template-columns:1fr;grid-template-rows:auto 480px auto auto;background-attachment:scroll;min-height:100vh;padding:14px 10px}.masthead{padding:0;gap:8px}.chapter{padding:5px 8px}.chapter h1{font-size:18px}.chapter p{font-size:10px}.eyebrow{letter-spacing:1px;font-size:8px}.phase-box{min-width:160px;padding:6px 10px}.phase-box strong{font-size:15px}.phase-box small{font-size:9px}.pips{margin:5px;gap:7px}.pip{height:15px;width:15px}.board{margin-top:16px;min-height:464px}.location-wrap{width:min(370px,85%);top:50%}.location{height:215px}.board-header{width:95%;padding:7px}.board-header .goal{font-size:15px}.board-note{top:65px;font-size:9px}.location-action{min-width:240px}.hand-area{grid-row:3;padding-top:0}.hand{justify-content:flex-start;overflow-x:auto;padding:17px 10px 13px;gap:9px}.hand-card{rotate:0!important;flex:0 0 103px;height:144px}.card-art{height:95px}.hand-header{font-size:9px;gap:10px}.footer{margin-top:3px;display:block;text-align:center}.step-flow{justify-content:center;margin-bottom:7px;font-size:9px}.sidebar{grid-column:1;grid-row:4;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.investigator-panel{grid-row:1/3}.portrait{height:115px}.act-panel{padding:9px}.act-panel p{font-size:11px}.doom-panel{display:none}.sidebar-bottom{grid-column:2}.identity strong{font-size:18px}.identity small{font-size:10px}.panel{padding:10px}.test-panel{padding:20px 15px}.map.multi .location-wrap{width:155px}.map.multi .location{height:95px}.map.multi .location-name{font-size:12px;min-width:120px}.map.multi .location-facts{display:none}.map.multi .location-hint{font-size:8px;right:6px;top:6px}.result-bar{font-size:12px;bottom:7px}.actor-slot{right:16px}.board-caption{display:none}dialog .detail-layout{display:block}dialog img{width:140px;float:left;margin-right:15px}dialog{padding:18px}.card-name{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the action and its result in separate visible areas. */
.result-bar{left:16px;right:auto;bottom:14px;transform:none;width:225px;text-align:left;font-size:12px}
@media(min-width:761px) and (max-height:850px){.table{height:100vh;min-height:720px;grid-template-rows:96px minmax(0,1fr) 198px;padding-top:14px;padding-bottom:10px}.board,.map{min-height:0}.portrait{height:116px}.identity{padding:6px 0 8px}.vitals{padding-top:8px}.counters{margin-top:6px;padding-top:6px}.panel{padding:11px}.sidebar{gap:10px}.act-panel p{margin:6px 0;font-size:11px}.act-panel h2{font-size:16px}.doom-track{margin:7px}.sidebar-bottom{gap:2px}.sidebar-bottom .primary{padding:9px 14px;font-size:15px}.text-button{padding:5px}.hand{min-height:148px}.hand-card{height:148px;width:116px}.card-art{height:98px}.card-art img{height:197px}.hand-area{padding-top:7px}.footer{margin-top:12px}.location-wrap{width:420px}.location{height:215px}.actor-slot{transform:scale(.85);transform-origin:bottom right}.location-action .instruction{margin:6px 0}.result-bar{width:195px;font-size:11px}.phase-box{padding-top:5px;padding-bottom:5px}.phase-box strong{font-size:19px}}
@media(max-width:760px){.result-bar{top:76px;bottom:auto;left:50%;transform:translateX(-50%);width:90%;padding:6px 12px;text-align:center;font-size:11px}.result-bar small{display:none}.location{height:200px}.location-wrap{top:51%!important}.map.multi .location-wrap{top:var(--room-y,45%)!important}.location-action .instruction{font-size:10px}.map.multi .location{height:95px}}