:root{--turf-deep: #3f5c2c;--turf-mid: #5d7d38;--turf-sun: #93ac54;--parchment: #f3ead6;--parchment-dim: #cfc4ab;--gold: #d8b169;--stone: #8e8a80;--shade: #26372f;--panel: rgba(20, 31, 26, .62);--panel-strong: rgba(16, 25, 21, .82);--edge: rgba(216, 177, 105, .34);--display: Georgia, "Iowan Old Style", "Times New Roman", serif;--body: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#17231c;color:var(--parchment);font-family:var(--body);-webkit-text-size-adjust:100%}#app{position:relative;width:100%;height:100%;min-height:100%;overflow:hidden}.stage{position:absolute;inset:0}.stage canvas{display:block;width:100%;height:100%;touch-action:none}.ui{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(16px,2.4vw,34px);z-index:2}.ui:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#0c1410c7,#0c14106b,#0c141000 52%);pointer-events:none;transition:opacity .7s ease}.ui:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(to top,#0a110ed1,#0a110e57 45%,#0a110e00);pointer-events:none}.ui>*{position:relative;z-index:1}.identity{margin:0;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);opacity:.9}.title-block{max-width:min(30rem,42vw);margin-top:auto;margin-bottom:auto;transition:opacity .6s ease,transform .6s ease}.title{margin:.2em 0 0;font-family:var(--display);font-weight:600;font-size:clamp(2.6rem,5.6vw,4.6rem);line-height:.96;letter-spacing:.03em;text-shadow:0 2px 24px rgba(6,12,9,.72)}.subtitle{margin:.7em 0 0;font-family:var(--display);font-style:italic;font-size:clamp(.95rem,1.4vw,1.2rem);color:var(--turf-sun)}.copy{margin:1.1em 0 0;font-size:.88rem;line-height:1.62;color:var(--parchment-dim);max-width:30rem}.location{margin:1.4em 0 0;padding-left:.85rem;border-left:2px solid var(--edge);display:grid;gap:.22em;max-width:28rem}.location__name{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.location__text{font-size:.82rem;line-height:1.5;color:var(--parchment);opacity:.92}.readout{position:absolute;top:clamp(16px,2.4vw,34px);right:clamp(16px,2.4vw,34px);display:grid;justify-items:end;gap:.28em;text-align:right;font-variant-numeric:tabular-nums}.readout__value{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--parchment);background:var(--panel);border:1px solid var(--edge);border-radius:2px;padding:.4em .75em;backdrop-filter:blur(6px)}.readout__region{font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}.footer{display:grid;justify-items:center;gap:.65rem}.hints{margin:0;max-width:min(100%,52rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--parchment-dim);background:var(--panel);border:1px solid rgba(216,177,105,.18);border-radius:2px;padding:.45em .9em;backdrop-filter:blur(6px);text-align:center}.hints.is-notice{color:#f7e2b0;border-color:#d8b16999;background:#382614b8}.enter{pointer-events:auto;font-family:var(--body);font-size:.76rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#1a2419;background:linear-gradient(180deg,#f0ddb2 0%,var(--gold) 100%);border:1px solid rgba(255,244,214,.6);border-radius:2px;padding:.85em 1.9em;cursor:pointer;box-shadow:0 10px 30px #080e0a73;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.enter:hover{transform:translateY(-1px);box-shadow:0 14px 34px #080e0a8c}.enter:active{transform:translateY(1px)}.enter:focus-visible,.nav__item:focus-visible{outline:2px solid #fff3d2;outline-offset:3px}.characters{pointer-events:auto;display:flex;align-items:center;gap:.35rem;padding:.3rem .55rem;background:var(--panel);border:1px solid var(--edge);border-radius:3px;backdrop-filter:blur(8px);max-width:min(100%,64rem)}.characters__label{font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);padding-right:.3rem;white-space:nowrap}.characters__item{pointer-events:auto;font-family:var(--body);font-size:.6rem;letter-spacing:.1em;color:var(--parchment-dim);background:transparent;border:1px solid rgba(216,177,105,.28);border-radius:2px;padding:.4em .7em;cursor:pointer;white-space:nowrap;transition:color .16s ease,background .16s ease,border-color .16s ease}.characters__item.is-unavailable{color:var(--parchment-dim);border-style:dashed;opacity:.7}.characters__item.is-unavailable:hover{color:var(--parchment);border-color:#d8b16980}.characters__item:hover{color:var(--parchment);background:#d8b1691f}.characters__item[aria-current=true]{color:#17231c;background:linear-gradient(180deg,#eedcb0,#d3ab63);border-color:#fff6dc80;font-weight:600}.characters__item:focus-visible{outline:2px solid #fff3d2;outline-offset:3px}.nav{pointer-events:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;padding:.5rem;background:var(--panel);border:1px solid var(--edge);border-radius:3px;backdrop-filter:blur(8px);max-width:min(100%,64rem)}.nav__item{pointer-events:auto;font-family:var(--body);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--parchment-dim);background:transparent;border:1px solid transparent;border-radius:2px;padding:.5em .8em;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease;white-space:nowrap}.nav__item:hover{color:var(--parchment);background:#d8b1691f}.nav__item[aria-current=true]{color:#17231c;background:linear-gradient(180deg,#eedcb0,#d3ab63);border-color:#fff6dc80;font-weight:600}.ui.is-running .title-block{opacity:0;transform:translateY(-14px);pointer-events:none}.ui.is-running:before{opacity:.25}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 40% 40%,#25382cf0,#0c130ffa);z-index:5;transition:opacity .5s ease}.overlay.is-hidden{opacity:0;pointer-events:none}.overlay__inner{text-align:center;max-width:30rem;padding:0 1.5rem}.overlay__title{margin:0;font-family:var(--display);font-size:1.5rem;letter-spacing:.04em}.overlay__text{margin:.8em 0 0;font-size:.82rem;line-height:1.6;color:var(--parchment-dim)}.overlay.is-error{background:radial-gradient(circle at 40% 40%,#4a2822f5,#120c0afa)}@media(max-width:860px){.ui{padding:14px}.title-block{max-width:100%;margin-bottom:auto;margin-top:2.4rem}.title{font-size:clamp(2.1rem,10vw,3rem)}.copy{font-size:.8rem;max-width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.location{margin-top:.9em}.readout{bottom:auto;right:14px;top:14px}.readout__value:last-of-type{display:none}.readout #grid{display:none}.footer{gap:.5rem}.nav{flex-wrap:wrap;justify-content:center;gap:.22rem;width:100%;padding:.4rem}.nav__item{font-size:.58rem;letter-spacing:.1em;padding:.45em .6em}.enter{width:100%;padding:.9em 1rem}.characters{width:100%;justify-content:center;flex-wrap:wrap;gap:.25rem}.characters__item{font-size:.55rem;padding:.4em .5em}.hints{font-size:.54rem;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}@media(prefers-reduced-motion:reduce){.ui:before,.title-block,.overlay,.enter,.nav__item{transition:none}}