@font-face{font-family:'Mykonos Pixel';src:url('mykonos-pixel.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
/* Classic adventure conversations: artwork above, unboxed choices on black below. */
#dialog.classic-dialogue{position:fixed;inset:0;width:100%;max-width:none;height:var(--viewport-height,100dvh);max-height:var(--viewport-height,100dvh);margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border:0;border-radius:0;box-shadow:none;background:transparent;overflow:hidden;box-sizing:border-box;font-family:'Mykonos Pixel',monospace;font-synthesis:none;font-kerning:none}
#dialog.classic-dialogue[open]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--dialog-art-height,minmax(0,1fr)) var(--dialog-menu-height,clamp(164px,27dvh,238px))}
#dialog.classic-dialogue::backdrop{background:transparent}
.classic-dialogue-open .game-hud{visibility:hidden}
.classic-dialogue-open .scene-meta,.classic-dialogue-open .game-subtitle,.classic-dialogue-open #tavern-camera-controls{visibility:hidden}
#dialog.classic-dialogue #dialog-closeup,#dialog.classic-dialogue #dialog-closeup:empty{display:block;grid-column:1;grid-row:1;position:relative;min-height:0;min-width:0;overflow:hidden;background:transparent}
#dialog.classic-dialogue .dialog-reading{grid-column:1;grid-row:2;width:min(100%,640px);justify-self:center;padding:10px max(16px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));min-width:0;min-height:0;height:100%;max-height:none;overflow:auto;box-sizing:border-box;background:#000;scrollbar-color:#95719f #000;border-top:3px solid #000}
#dialog.classic-dialogue #dialog-eyebrow,#dialog.classic-dialogue #dialog-title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#dialog.classic-dialogue #dialog-body{position:absolute;z-index:7;top:calc(var(--dialog-art-top,0px) + max(48px,var(--dialog-art-height,400px)*.13));left:5%;right:5%;max-height:calc(var(--dialog-art-height,400px)*.59);overflow:auto;text-align:center;pointer-events:auto;scrollbar-width:thin;color:#e6d5bc;font:400 30px/1.2 'Mykonos Pixel',monospace;text-shadow:-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000,0 3px #000}
#dialog.classic-dialogue #dialog-body p{margin:0;line-height:inherit;font-size:inherit}
#dialog.classic-dialogue #dialog-body [data-speaker=resident]{color:#91a6ff}
#dialog.classic-dialogue #dialog-body [data-speaker=alexios]{color:#f4d474}
#dialog.classic-dialogue #dialog-options{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;counter-reset:dialogue-option}
#dialog.classic-dialogue #dialog-options button{position:relative;display:block;width:100%;min-height:30px;padding:3px 8px 3px 28px;border:0;border-radius:0;box-shadow:none;background:none;color:#c789e2;text-align:left;font:400 20px/1.2 'Mykonos Pixel',monospace;letter-spacing:0;text-transform:none;counter-increment:dialogue-option}
#dialog.classic-dialogue #dialog-options button::before{content:counter(dialogue-option) '.';position:absolute;left:0;top:3px;color:inherit}
#dialog.classic-dialogue #dialog-options button:hover,#dialog.classic-dialogue #dialog-options button:focus-visible{background:#170e1e;color:#fff;outline:1px solid #9c6cad;outline-offset:-1px}
#dialog.classic-dialogue #dialog-options button:active{color:#ffe2ff;background:#38203e}
#dialog.classic-dialogue .close{position:absolute;float:none;right:max(8px,env(safe-area-inset-right));top:max(5px,env(safe-area-inset-top));z-index:10;min-width:44px;min-height:44px;width:44px;height:44px;border:0;background:#0008;color:#dbc0ec;font-size:30px;line-height:1}
#dialog-line-controls{display:none}
#dialog.classic-dialogue #dialog-line-controls:not([hidden]){position:absolute;z-index:8;top:calc(var(--dialog-art-top,0px) + var(--dialog-art-height,400px) - 40px);right:14px;display:flex;align-items:center;gap:8px;background:#000b;padding:0 6px;color:#eee0ee;font:400 20px 'Mykonos Pixel',monospace}
#dialog.classic-dialogue #dialog-line-controls button{border:0;border-radius:0;background:transparent;color:#f6dda0;font:400 20px 'Mykonos Pixel',monospace;min-height:36px;padding:5px 8px}
@media(pointer:coarse){#dialog.classic-dialogue #dialog-options button{min-height:44px;padding-top:9px;padding-bottom:9px}#dialog.classic-dialogue #dialog-options button::before{top:9px}}
@media(max-width:700px){#dialog.classic-dialogue #dialog-body{font-size:20px}#dialog.classic-dialogue .dialog-reading{padding-left:10px;padding-right:10px}}
@media(max-height:440px){#dialog.classic-dialogue .dialog-reading{padding-top:4px;padding-bottom:3px}#dialog.classic-dialogue #dialog-body{top:calc(var(--dialog-art-top,0px) + 42px);left:5%;right:5%;font-size:20px;max-height:calc(var(--dialog-art-height,200px) - 82px)}#dialog.classic-dialogue #dialog-line-controls:not([hidden]){top:calc(var(--dialog-art-top,0px) + var(--dialog-art-height,200px) - 34px)}#dialog.classic-dialogue #dialog-line-controls button{min-height:30px}#dialog.classic-dialogue #dialog-options button{font-size:20px}}