.interior-view{background:#06080a;border:1px solid #28221873;border-radius:5px;height:clamp(380px,68vh,720px);position:relative;overflow:hidden}.interior-view.is-full{border:0;border-radius:0;height:100vh}.interior-canvas{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.interior-canvas:active{cursor:grabbing}.interior-canvas:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.interior-canvas canvas{display:block}.interior-note{place-content:center;justify-items:center;gap:var(--space-3);padding:var(--space-6);color:#d9cdb7;font:var(--text-small) var(--sans);text-align:center;pointer-events:none;display:grid;position:absolute;inset:0}.interior-note progress{appearance:none;background:#d9cdb72e;border:0;border-radius:2px;width:min(260px,70vw);height:4px}.interior-note progress::-webkit-progress-bar{background:#d9cdb72e;border-radius:2px}.interior-note progress::-webkit-progress-value{background:var(--color-gold-500);border-radius:2px}.interior-note progress::-moz-progress-bar{background:var(--color-gold-500);border-radius:2px}.interior-fade{pointer-events:none;animation:interior-fade var(--motion-slow) var(--ease-out) forwards;background:#000;position:absolute;inset:0}@keyframes interior-fade{0%{opacity:1}to{opacity:0}}.interior-place{top:var(--space-3);left:var(--space-4);pointer-events:none;max-width:55%;position:absolute}.interior-area{color:#f3ebdc;font:600 clamp(18px, 2.2vw, 24px)/1.1 var(--serif);letter-spacing:-.01em;text-shadow:0 1px 8px #000000f2,0 0 2px #000c;margin:0}.interior-toolbar{top:var(--space-2);right:var(--space-2);justify-content:flex-end;gap:var(--space-1);flex-wrap:wrap;max-width:60%;display:flex;position:absolute}.interior-modes{background:#080c10b3;border:1px solid #e0b56c47;border-radius:5px;gap:2px;padding:2px;display:flex}.interior-toolbar button{color:#e8dfcd;min-width:30px;height:30px;font:600 12px var(--sans);cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080c10c7;border:1px solid #e0b56c61;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.interior-modes button{background:0 0;border-color:#0000;height:26px}.interior-toolbar button:hover,.interior-toolbar button:focus-visible{color:#fff6df;border-color:var(--color-gold-500)}.interior-toolbar button[aria-pressed=true]{color:var(--color-navy-975);background:var(--color-gold-500);border-color:var(--color-gold-500)}.interior-inset{left:var(--space-2);bottom:var(--space-2);background:#06080aeb;border:1px solid #e0b56c73;border-radius:5px;width:clamp(200px,24vw,290px);height:clamp(150px,18vw,210px);position:absolute;overflow:hidden;box-shadow:0 6px 18px #0000008c}.interior-inset .imap{height:100%;margin:0}.interior-inset .imap-viewport{cursor:crosshair;border:0;border-radius:0;height:100%}.interior-inset .imap-marker-portrait{transform:scale(.72)}.interior-inset .imap-marker .imap-tip{display:none}.imap-you{z-index:4;pointer-events:none;width:0;height:0;position:absolute}.imap-you svg{position:absolute;top:-24px;left:-24px;overflow:visible}.imap-you-sight{fill:#fff3cf47;stroke:#fff3cfbf;stroke-width:1px}.imap-you-dot{fill:#fff3cf;stroke:#2a1208;stroke-width:2px}.interior-hint{right:var(--space-3);bottom:var(--space-2);color:#d9cdb7bf;max-width:46%;font:11.5px/1.4 var(--sans);text-align:right;text-shadow:0 1px 4px #000000e6;pointer-events:none;margin:0;position:absolute}.interior-jumps{gap:var(--space-4) var(--space-8);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.interior-jumps h3{margin:0 0 var(--space-2);color:var(--color-text-muted);font:600 var(--text-label) var(--sans);letter-spacing:var(--tracking-label);text-transform:uppercase}.interior-jumps ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.interior-jumps button{min-height:30px;color:var(--color-text);font:600 13px var(--sans);background:var(--color-surface-raised);border:1px solid var(--color-border);cursor:pointer;border-radius:16px;align-items:center;gap:7px;padding:3px 11px 3px 5px;display:inline-flex}.interior-jumps nav[aria-label="Go to a place"] button{padding-left:11px}.interior-jumps button:hover,.interior-jumps button:focus-visible{border-color:var(--color-ornament)}.interior-jumps .boss-order{color:#f3ebdc;width:22px;height:22px;font:700 11px var(--sans);background:radial-gradient(circle at 50% 35%,#5a2a14,#2a1208);border:1.5px solid #e0b56c;border-radius:50%;place-items:center;display:grid}.interior-notes{margin-top:var(--space-6)}@media (max-width:40rem){.interior-view{height:min(74vh,540px)}.interior-hint,.interior-modes button span{display:none}.interior-toolbar{max-width:70%}.interior-place{max-width:100%;top:auto;bottom:var(--space-3)}.interior-inset{width:46vw;height:34vw;top:calc(var(--space-2) + 40px);bottom:auto;left:auto;right:var(--space-2)}}.interior-plates{pointer-events:none;position:absolute;inset:0;overflow:hidden}.interior-plate{cursor:pointer;pointer-events:auto;transform-origin:50% 100%;visibility:hidden;will-change:transform;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:absolute;top:0;left:0}.interior-plate .unit-frame{zoom:.62}.interior-plate-name{color:#ffd76a;font:700 15px/1.2 var(--serif);white-space:nowrap;text-shadow:0 0 3px #000,0 1px 5px #000;margin-top:-2px;padding:1px 7px}.interior-plate:hover .interior-plate-name,.interior-plate.selected .interior-plate-name{color:#fff6df}.interior-plate:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:4px}.interior-card{z-index:5;top:48px;right:var(--space-2);bottom:var(--space-2);overscroll-behavior:contain;width:min(370px,46%);box-shadow:var(--shadow-float);padding:14px 16px 16px;position:absolute;overflow-y:auto}.interior-card .journal-boss-head{margin:0 34px 0 0}.interior-card .journal-boss-name{color:var(--color-text);font:24px/1.1 var(--serif);margin:0}.interior-card-close{width:30px;height:30px;color:var(--color-text-muted);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.interior-card-close:hover,.interior-card-close:focus-visible{color:var(--color-text);border-color:var(--color-ornament)}.interior-card-go{min-height:32px;color:var(--color-on-accent);font:600 13px var(--sans);background:var(--color-accent);cursor:pointer;border:0;border-radius:16px;margin-top:14px;padding:0 14px}.interior-card-go:hover,.interior-card-go:focus-visible{background:var(--color-accent-hover)}@media (max-width:40rem){.interior-card{top:auto;left:var(--space-2);width:auto;max-height:64%}.interior-plate-name{font-size:13px}}.interior-plates{z-index:1}.interior-place,.interior-toolbar,.interior-inset,.interior-hint{z-index:2}.journal-map .interior{margin-top:12px}.journal-map .interior-jumps{margin-top:10px}.guess-intro{max-width:720px;padding:22px 24px}.guess-intro h2,.guess-answer h2,.guess-board h2{color:var(--color-text);font:28px/1.15 var(--serif);margin:0 0 10px}.guess-intro p{color:var(--color-text-muted);font:16px/1.55 var(--serif);margin:0 0 16px}.guess-score{color:var(--color-text)!important;font:600 22px var(--sans)!important}.guess-go{min-height:38px;color:var(--color-on-accent);font:600 14px var(--sans);background:var(--color-accent);cursor:pointer;border:0;border-radius:19px;padding:0 20px}.guess-go:hover:not(:disabled),.guess-go:focus-visible{background:var(--color-accent-hover)}.guess-go:disabled{cursor:default;opacity:.55}.guess-round{color:var(--color-text-muted);font:600 13px var(--sans);font-variant-numeric:tabular-nums;margin:0 0 10px}.guess-board{margin-top:18px}.guess-group h3{color:var(--color-text-muted);font:600 var(--text-label) var(--sans);letter-spacing:var(--tracking-label);text-transform:uppercase;margin:12px 0 8px}.guess-group ul{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.guess-group button{width:100%;color:var(--color-text);text-align:left;background:var(--color-surface-raised);border:1px solid var(--color-border);cursor:pointer;border-radius:6px;flex-direction:column;padding:0;display:flex;overflow:hidden}.guess-group button img{aspect-ratio:16/9;object-fit:cover;transform-origin:50%;width:100%;display:block;transform:scale(1.4)}.guess-group button span{font:600 13px/1.25 var(--sans);background:var(--color-surface-raised);padding:6px 9px;position:relative}.guess-group button:hover,.guess-group button:focus-visible{border-color:var(--color-ornament)}.guess-group button[aria-pressed=true]{border-color:var(--color-ornament);box-shadow:0 0 0 2px var(--color-ornament)}.guess-board>.guess-go{margin-top:16px}.guess-answer{margin-top:18px;padding:18px 20px}.guess-answer p{color:var(--color-text-muted);font:15px/1.5 var(--sans);margin:0 0 12px}.guess-answer .imap{margin-bottom:14px}
