:root{color-scheme:dark;--ink:#ede0ca;--muted:#baafba;--gold:#efbd75;--red:#f2818d;--green:#9ed8bd;--paper:#2a2331;--line:#665268;font-family:ui-monospace,"SFMono-Regular",Consolas,"Hiragino Kaku Gothic ProN",Meiryo,monospace;font-size:16px;background:#18141e;color:var(--ink)}:root[data-font="150"]{font-size:24px}:root[data-font="200"]{font-size:32px}*{box-sizing:border-box}body{margin:0;line-height:1.65;background:linear-gradient(130deg,#251b2a,#17151f 55%);min-height:100vh}button,select,textarea{font:inherit;color:inherit}button,select,a{touch-action:manipulation}button,select{min-height:44px;border:1px solid var(--line);background:#362d40;border-radius:3px;padding:.45rem .75rem}button{cursor:pointer;line-height:1.5;overflow-wrap:anywhere}button:hover,button[aria-pressed="true"]{border-color:var(--gold);background:#504054}button:disabled{cursor:default;opacity:.5}a{color:var(--gold);display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e0acff;outline-offset:3px}h1,h2,h3,p{margin:0 0 .65rem}h1{font-size:clamp(1.2rem,3vw,1.8rem);line-height:1.35}h2{font-size:1.25rem;line-height:1.45}h3{font-size:1rem;color:var(--gold)}small,.muted{color:var(--muted)}.eyebrow{font-size:.75rem;letter-spacing:.12em;color:var(--gold)}.masthead{max-width:1440px;margin:auto;padding:1.3rem 1.4rem;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.brand{display:flex;gap:1rem;align-items:center;min-width:0}.brand-seal{font-size:1.6rem;border:3px double var(--gold);padding:.1rem .35rem;align-self:flex-start;transform:rotate(-6deg)}.brand p:last-child{font-size:.875rem;margin:0}.header-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;font-size:.875rem}.header-actions label{display:flex;align-items:center;gap:.3rem}.portal{font-size:.875rem}nav{display:flex;flex-wrap:wrap;gap:.4rem;max-width:1440px;margin:1rem auto;padding:0 1.4rem}nav button{flex:1 1 100px;font-size:1rem}.notice{max-width:1395px;margin:0 auto .8rem;padding:.65rem 1rem;background:#352c39;border-left:3px solid var(--gold);font-size:1rem;min-height:3rem}#lock{max-width:1395px;margin:auto}.lock{padding:1rem;border:2px solid var(--red);margin:.5rem 0}.layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1rem;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--gold);padding:1rem;border-radius:3px;min-width:0}.panel+.panel{margin-top:1rem}.layout>.panel+.panel{margin-top:0}main{max-width:1440px;padding:0 1.4rem 1.4rem;margin:auto}.intro{margin-bottom:1rem;display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.number{font-size:.75rem;color:var(--gold);letter-spacing:.12em}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:.8rem 0}.stat{background:#18161e;border:1px solid #534157;padding:.5rem}.stat span{display:block;font-size:.75rem;color:var(--muted)}.stat strong{font-size:1rem;display:block;overflow-wrap:anywhere}.board{display:grid;grid-template-columns:repeat(var(--cols),minmax(44px,1fr));gap:5px;max-width:580px;margin:.8rem auto}.cell{position:relative;padding:.25rem .08rem;min-width:0;min-height:76px;border:1px solid #5f526b;background:#413446;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05rem;font-size:.75rem;line-height:1.25}.cell.wall{background:repeating-linear-gradient(0deg,#292630 0 9px,#3b3544 9px 11px);color:#8d8198}.cell.next-sight{border:2px dashed var(--red);background:#653846}.cell.now-sight{box-shadow:inset 0 0 0 2px #b48745}.cell.chosen{outline:2px solid var(--gold);outline-offset:0}.cell.player{background:#3e655e}.cell-symbol{font-size:.9rem;font-weight:bold}.cell-coord{font-size:.75rem;opacity:.85}.legend{display:flex;flex-wrap:wrap;gap:.35rem .8rem;font-size:.75rem}.legend span{border-bottom:2px solid #83748a}.legend .future{border-bottom:2px dashed var(--red)}.move-pad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:1rem 0}.move-pad button{padding:.4rem .15rem;font-size:1rem}.move-pad [data-move="north"]{grid-column:2}.move-pad [data-move="west"]{grid-column:1;grid-row:2}.move-pad [data-move="wait"]{grid-column:2;grid-row:2}.move-pad [data-move="east"]{grid-column:3;grid-row:2}.move-pad [data-move="south"]{grid-column:2;grid-row:3}.preview{border:1px solid #5e5567;padding:.75rem;background:#211c29}.preview.safe{border-left:4px solid var(--green)}.preview.danger{border-left:4px solid var(--red)}.preview.reject{border-left:4px solid #b0a8b5}.preview strong{display:block}.guard-preview{margin:.6rem 0;padding:.55rem;border:1px solid #544657;font-size:.875rem}.guard-preview p{margin:.2rem 0}.actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.actions button{flex:1 1 160px}.primary{background:#7d4551;border-color:#c48883}.primary:hover{background:#925665}.result{border:2px solid var(--gold);padding:1rem;margin:1rem 0;background:#3d3038}.result.lost{border-color:var(--red)}.stamp{display:inline-block;border:3px double var(--red);color:var(--red);padding:.2rem .6rem;transform:rotate(-4deg);margin:.4rem 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:1rem}.cards .panel{margin:0}ol,ul{padding-left:1.3rem}li{margin:.35rem 0}details{border-top:1px solid var(--line);margin:.8rem 0;padding-top:.5rem}summary{min-height:44px;cursor:pointer;display:list-item}.route{display:flex;gap:.3rem;flex-wrap:wrap;margin:.6rem 0}.route span{border:1px solid #605468;padding:.2rem .4rem;font-size:.75rem}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:1rem}th,td{border:1px solid var(--line);padding:.55rem;text-align:left;overflow-wrap:anywhere}textarea{width:100%;min-height:160px;border:1px solid var(--line);background:#19161f;padding:.7rem;font-size:.75rem;resize:vertical;overflow-wrap:anywhere}footer{max-width:1440px;margin:auto;padding:1rem 1.4rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.75rem}.warn{color:var(--red)}.good{color:var(--green)}.readout{font-size:1rem}.rule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem}.rule-grid .panel{margin:0}@media(max-width:820px){.layout{grid-template-columns:1fr}.masthead,nav,main,footer{padding-left:.7rem;padding-right:.7rem}.notice{margin-left:.7rem;margin-right:.7rem}.brand-seal{display:none}.cell{min-height:70px}}@media(max-width:430px){.panel{padding:.6rem}.stats{gap:.25rem}.stat{padding:.35rem}.stat span{font-size:.75rem}.board{gap:3px}.cell{min-height:68px}.cell-symbol{font-size:.75rem}.masthead{padding-top:.8rem}nav button{flex-basis:80px}}:root[data-font="200"] .layout{grid-template-columns:1fr}:root[data-font="200"] .stats{grid-template-columns:1fr}:root[data-font="200"] .cell{min-height:100px}:root[data-font="200"] .cell-coord{font-size:12px}:root[data-font="200"] .cell-symbol{font-size:.55rem}:root[data-font="200"] .cell{font-size:.5rem}:root[data-font="200"] .header-actions{align-items:stretch}:root[data-font="200"] .board{gap:3px}:root[data-font="200"] .brand{display:block}

.cell-symbol{font-size:1rem}.readout,.guard-preview,.notice{font-size:1rem}.cell-coord{font-size:.75rem}
.cell{background-image:url('assets/street-tiles.png');background-size:200% 100%;background-position:left center}.cell.wall{background-image:url('assets/street-tiles.png');background-size:200% 100%;background-position:right center}.cell.next-sight{box-shadow:inset 0 0 0 100px #ba40504d}.cell.now-sight{box-shadow:inset 0 0 0 2px #d3a55a}.cell.next-sight.now-sight{box-shadow:inset 0 0 0 2px #d3a55a,inset 0 0 0 100px #ba40504d}.cell.player{outline:2px solid var(--green);outline-offset:-4px}.cell-coord,.cell-symbol{background:#18141edd;padding:0 .12rem}.actor{display:block;width:30px;height:48px;background-image:url('assets/actors-atlas.png');background-size:400% 100%;image-rendering:pixelated;flex-shrink:0}.actor-0{background-position:0%}.actor-1{background-position:33.333333%}.actor-2{background-position:66.666667%}.actor-3{background-position:100%}.story-art{display:block;width:100%;max-width:580px;height:auto;margin:.8rem 0;border:1px solid var(--line);image-rendering:pixelated}.cell{min-height:94px}.cell.wall{min-height:94px}:root[data-font="200"] .cell{min-height:124px}@media(max-width:430px){.actor{width:26px;height:42px}.cell{min-height:88px}.cell.wall{min-height:88px}}:root[data-font="200"] .cell-coord{font-size:.4rem}
.masthead{padding-top:.65rem;padding-bottom:.65rem}.brand p:last-child{margin-top:.2rem}.brand h1{margin-bottom:.2rem}.eyebrow{margin-bottom:.15rem}nav{margin-top:.5rem;margin-bottom:.5rem}.intro{margin-bottom:.6rem}.intro p{margin-bottom:.25rem}.intro h2{margin-bottom:.25rem}.move-pad{margin:.6rem 0}.guard-preview{margin:.4rem 0;padding:.4rem}.preview p{margin-bottom:.3rem}.stats{margin:.6rem 0}.actor{width:26px;height:42px}.cell,.cell.wall{min-height:84px}.readout{margin-bottom:.5rem}@media(max-width:430px){.cell,.cell.wall{min-height:84px}}
:root[data-font="200"] .cell-coord{font-size:.75rem}:root[data-font="200"] .cell-symbol{font-size:.55rem}@media(max-width:430px){main{padding-left:8px;padding-right:8px}.panel{padding-left:5px;padding-right:5px}:root[data-font="200"] .masthead,:root[data-font="200"] nav,:root[data-font="200"] footer{padding-left:8px;padding-right:8px}.cell{padding-left:0;padding-right:0}.cell-coord{padding-left:0;padding-right:0}}
.next-guard{display:block;border:1px dashed var(--red);background:#21121ddd;color:#ffc7cd;font-size:.875rem;padding:0 .1rem;line-height:1.25}.cell:has(.next-guard){border-color:var(--red)}:root[data-font="200"] .next-guard{font-size:.55rem}[hidden]{display:none!important}

.guard-tag{display:block;background:#211c29ed;color:#ffd994;font-size:.875rem;line-height:1.25;padding:0 .05rem}.next-label{font-size:.7rem;line-height:1.25;color:#ffc7cd}:root[data-font="200"] .guard-tag,:root[data-font="200"] .next-guard{font-size:.55rem}:root[data-font="200"] .next-label{font-size:.5rem}

.noise-info{border:1px solid #719caf;padding:.6rem;margin:.7rem 0;background:#182c35}.noise-info p{overflow-wrap:anywhere}.noise-stone{border-color:#92d4e5}.noise-marker{display:block;background:#142f38;color:#b5eeff;border:1px dotted #92d4e5;line-height:1.2;font-size:.75rem;padding:0 .08rem}:root[data-font="200"] .noise-marker{font-size:.55rem}

.objective-info{border:1px solid #ae996d;background:#302a24;padding:.6rem;margin:.7rem 0}.objective-info p{overflow-wrap:anywhere}.loot-token{display:block;color:#ffe3a0;background:#31231ce8;border:1px solid #ae996d;font-size:.75rem;line-height:1.3;padding:0 .08rem}.loot-token.collected{color:#c0e6d1;border-style:dotted}:root[data-font="200"] .loot-token{font-size:.55rem}

.curtain-info{border:1px solid #c6bbf2;background:#26213c;padding:.6rem;margin:.7rem 0}.curtain-info p{overflow-wrap:anywhere}.curtain-pad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin:.7rem 0}.curtain-pad p{grid-column:1/-1}.curtain-edge{border-color:#e1dcff}.curtain-tag{display:block;color:#eee6ff;background:#25203bee;border:1px dashed #ddd4ff;font-size:.75rem;line-height:1.3}:root[data-font="200"] .curtain-tag{font-size:.55rem}@media(max-width:430px){:root[data-font="200"] nav button{flex-basis:40%}:root[data-font="200"] .curtain-pad{grid-template-columns:1fr}}