@layer base{:root{--color-bg-deep-moss:#203a32;--color-bg-moss:#2b5143;--color-bg-sage:#6f9364;--color-panel-deep:#18382f;--color-panel-mid:#274d3f;--color-panel-border:#6f8f55;--color-panel-highlight:#9fb76d;--color-cream:#fff0c9;--color-warm-shadow:#6f5d3e;--color-pine-shadow:#314d43;--color-bark-brown:#74412f;--color-oat-cream:#f3e6c8;--color-warm-sand:#d9b77e;--color-pale-wheat:#fbcb84;--color-clay-orange:#e27d3e;--color-cloudberry:#f29f45;--color-lingonberry:#b84a62;--color-stone-lip:#a68355;--glass-sage:var(--color-bg-sage);--glass-highlight:var(--color-panel-highlight);--glass-moss:var(--color-bg-moss);--glass-pine:var(--color-pine-shadow);--glass-cream-06:#fff0c90f;--glass-cream-12:#fff0c91f;--glass-shadow-55:#0a1a148c;--glass-shadow-70:#0a1a14b3}[hidden]{display:none!important}@font-face{font-family:Pixelify Sans;src:url(/assets/fonts/pixelify-sans/PixelifySans%5Bwght%5D.ttf)format("truetype-variations");font-weight:400 700;font-style:normal;font-display:swap}html,body{overscroll-behavior:none;touch-action:pan-y;width:100%;min-height:100%;color:var(--color-cream);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden auto}html{background:radial-gradient(130% 100% at 50% 12%, var(--color-bg-moss) 0%, var(--color-bg-deep-moss) 58%, #16291f 100%);background-attachment:fixed;background-color:var(--color-bg-deep-moss)}.blops-backdrop{z-index:-1;pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}.blops-backdrop__defs{width:0;height:0;position:absolute;overflow:hidden}.blops-backdrop__goo,.blops-backdrop__caustic,.blops-backdrop__sheen,.blops-backdrop__grain,.blops-backdrop__vignette{pointer-events:none;position:absolute}.blops-backdrop__drift{will-change:transform;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;inset:-6%}.blops-backdrop__drift--far{animation-name:blops-drift-far;animation-duration:120s;animation-delay:-40s}.blops-backdrop__drift--near{animation-name:blops-drift-near;animation-duration:94s;animation-delay:-15s}.blops-backdrop__goo{transform-origin:0 0;opacity:.3;filter:url(#blops-goo);width:25%;height:25%;top:0;left:0;transform:scale(4)}.blops-blob{aspect-ratio:1;background:radial-gradient(circle at 38% 28%, var(--glass-highlight) 0%, var(--glass-sage) 22%, var(--glass-pine) 62%, var(--glass-moss) 100%);border-radius:50% 50% 46% 46%/58% 58% 42% 42%;display:block;position:absolute}.blops-blob--a{width:34%;top:6%;left:-6%}.blops-blob--g{width:18%;top:36%;left:21%}.blops-blob--c{width:38%;top:28%;right:-8%}.blops-blob--b{width:24%;top:52%;left:8%}.blops-blob--e{width:26%;bottom:-12%;left:38%}.blops-blob--d{width:20%;bottom:-4%;right:17%}.blops-blob--f{width:14%;top:18%;right:24%}.blops-backdrop__caustic{opacity:.045;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512'><filter id='c' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='0.006' numOctaves='2' seed='3' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 1  0 0 0 0 0.94  0 0 0 0 0.79  0 0 2.4 0 -0.9'/></filter><rect width='512' height='512' filter='url(%23c)'/></svg>");background-size:512px 512px;inset:0}.blops-backdrop__sheen{background:radial-gradient(55% 60% at 40% 45%, var(--glass-cream-12) 0%, var(--glass-cream-06) 30%, transparent 70%);will-change:transform;width:120%;height:90%;animation:110s ease-in-out -30s infinite alternate blops-sheen;top:-20%;left:-10%}.blops-backdrop__grain{opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");inset:0}.blops-backdrop__vignette{background:radial-gradient(80% 45% at 8% -10%, var(--glass-shadow-55), transparent 65%), radial-gradient(80% 45% at 92% -10%, var(--glass-shadow-55), transparent 65%), radial-gradient(120% 90% at 50% 40%, transparent 45%, var(--glass-shadow-70) 100%);inset:0}@keyframes blops-drift-far{0%{transform:translate(0,0)}50%{transform:translate(1.5%,2%)}to{transform:translate(-1.5%,1%)}}@keyframes blops-drift-near{0%{transform:translate(0,0)}50%{transform:translate(-2%,-1.5%)}to{transform:translate(1%,2%)}}@keyframes blops-sheen{0%{transform:translate(0,0)scale(1)}to{transform:translate(8%,6%)scale(1.08)}}@media (prefers-reduced-motion:reduce){.blops-backdrop__drift,.blops-backdrop__sheen{will-change:auto;animation:none}}.blops-shell{box-sizing:border-box;margin:0 auto}}@layer components{.blops-header{place-items:center;padding-top:4px;display:grid}.blops-plaque{border:2px solid var(--color-panel-border);background:linear-gradient(var(--color-panel-mid) 0%, var(--color-panel-deep) 72%);min-width:200px;color:var(--color-cream);letter-spacing:.02em;text-align:center;text-shadow:0 3px 0 var(--color-warm-shadow), 0 5px 0 #0a181273;border-radius:16px;margin:0;padding:10px 36px 14px;font-family:Pixelify Sans,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:48px;font-weight:700;line-height:1;position:relative;box-shadow:inset 0 2px #9fb76d66,inset 0 -4px #0a181273,0 4px #0c1a148c,0 12px 26px #0a181280}.blops-plaque:before,.blops-plaque:after{content:"";background:var(--color-panel-highlight);width:5px;height:5px;position:absolute}.blops-plaque:before{box-shadow:5px 5px 0 var(--color-bg-sage), 0 10px 0 var(--color-bg-sage), 10px 0 0 #9fb76d8c, -2px 20px 0 #6f936499;top:12px;left:12px}.blops-plaque:after{box-shadow:-5px -5px 0 var(--color-bg-sage), 0 -10px 0 var(--color-bg-sage), -10px 0 0 #9fb76d8c, 2px -20px 0 #6f936499;bottom:12px;right:12px}.blops-corner-mark{display:none}.blops-frame{background:var(--color-panel-mid)}#app{background:var(--color-pine-shadow);min-height:144px;image-rendering:pixelated;place-items:center;display:grid;overflow:hidden}canvas{image-rendering:pixelated;touch-action:none;margin:0;display:block}.blops-book,.blops-settings-button,.blops-map-button{z-index:2;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 3px 2px #0a18128c);background:0 0;border:none;place-items:center;width:44px;height:44px;margin:0;padding:0;transition:transform .12s ease-out;display:grid;position:absolute;top:-22px}.blops-book{right:8px}.blops-book img{width:32px;height:32px;image-rendering:pixelated;display:block}.blops-book:hover,.blops-book:focus-visible{transform:translateY(-2px)rotate(-3deg)}.blops-settings-button{right:56px}.blops-settings-button__plate{box-sizing:border-box;border:2px solid var(--color-panel-deep);background:var(--color-panel-mid);width:30px;height:30px;box-shadow:inset 0 1px 0 var(--color-panel-border);border-radius:6px;align-content:center;justify-items:stretch;gap:4px;padding:6px 5px;display:grid}.blops-settings-button__plate>span{background:var(--color-cream);border-radius:1px;height:3px;display:block}.blops-settings-button__plate>span:first-child{width:100%}.blops-settings-button__plate>span:nth-child(2){justify-self:start;width:70%}.blops-settings-button__plate>span:nth-child(3){justify-self:end;width:85%}.blops-settings-button:hover,.blops-settings-button:focus-visible{transform:translateY(-2px)}.blops-map-button{right:104px}.blops-map-button__plate{box-sizing:border-box;border:2px solid var(--color-panel-deep);background:var(--color-panel-mid);width:30px;height:30px;box-shadow:inset 0 1px 0 var(--color-panel-border);border-radius:6px;place-items:center;display:grid;position:relative}.blops-map-button__paper{background:var(--color-warm-shadow);height:16px;box-shadow:0 0 0 1px var(--color-warm-shadow);border-radius:1px;grid-template-columns:repeat(3,6px);gap:1px;display:grid}.blops-map-button__paper>span{background:var(--color-oat-cream);display:block}.blops-map-button__paper>span:nth-child(2){background:var(--color-warm-sand)}.blops-map-button__pin{box-sizing:border-box;border:1px solid var(--color-pine-shadow);background:var(--color-lingonberry);border-radius:50%;width:6px;height:6px;position:absolute;top:9px;left:14px}.blops-map-button:hover,.blops-map-button:focus-visible{transform:translateY(-2px)rotate(2deg)}.blops-book:focus-visible,.blops-settings-button:focus-visible,.blops-map-button:focus-visible{outline:2px solid var(--color-panel-highlight);outline-offset:3px;border-radius:10px}.blops-book:active,.blops-settings-button:active,.blops-map-button:active{transform:translateY(1px)}.blops-book[disabled],.blops-settings-button[disabled],.blops-map-button[disabled]{opacity:.4;cursor:default;transform:none}@media (prefers-reduced-motion:reduce){.blops-book,.blops-settings-button,.blops-map-button{transition:none}.blops-book:hover,.blops-book:focus-visible,.blops-book:active,.blops-settings-button:hover,.blops-settings-button:focus-visible,.blops-settings-button:active,.blops-map-button:hover,.blops-map-button:focus-visible,.blops-map-button:active{transform:none}}.field-guide__backdrop,.settings-panel__backdrop,.map-overlay__backdrop{z-index:9;background:#0d1b1599;position:fixed;inset:0}.field-guide__panel,.settings-panel__panel,.map-overlay__panel{z-index:10;box-sizing:border-box;width:min(330px,100vw - 32px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border:3px solid var(--color-bark-brown);background:var(--color-oat-cream);color:var(--color-pine-shadow);box-shadow:inset 0 0 0 2px var(--color-warm-sand), 0 0 0 1px var(--color-pine-shadow), 0 14px 30px #08120e8c;border-radius:12px;flex-direction:column;padding:18px 18px 16px;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.field-guide__reader,.settings-panel__reader{flex-direction:column;flex:auto;min-height:0;margin-bottom:12px;display:flex;position:relative}.field-guide__body,.settings-panel__body{overscroll-behavior:contain;min-height:0;overflow-y:auto}.settings-panel__body{margin-inline:-4px;padding-inline:4px;scroll-padding-block:22px}.field-guide__body:focus-visible,.settings-panel__body:focus-visible{outline:2px solid var(--color-lingonberry);outline-offset:2px}.field-guide__plaque,.field-guide__title,.field-guide__close,.settings-panel__title,.settings-panel__close{flex-shrink:0}@media (height<=600px){.field-guide__panel .field-guide__plaque{display:none}.field-guide__panel,.settings-panel__panel,.map-overlay__panel{padding:14px}}.field-guide__plaque{min-width:0;margin:0 0 14px;padding:9px 30px 12px;font-size:36px;display:block}.field-guide__title,.settings-panel__title{color:var(--color-pine-shadow);text-shadow:0 2px #d9b77ee6;margin:0 0 10px;font-family:Pixelify Sans,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:26px;font-weight:700;line-height:1}.field-guide__copy,.settings-panel__note{margin:0 0 14px;font-size:15px;line-height:1.5}.field-guide__close,.field-guide__recover,.settings-panel__close,.settings-panel__reset,.map-overlay__close{box-sizing:border-box;border:2px solid var(--color-bark-brown);background:var(--color-warm-sand);width:100%;min-height:44px;color:var(--color-pine-shadow);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:6px;padding:8px 10px;font-weight:700;display:block}@media (hover:hover) and (pointer:fine){.field-guide__close:hover,.field-guide__recover:hover,.settings-panel__close:hover,.settings-panel__reset:not(:disabled):hover,.map-overlay__close:hover{background:var(--color-pale-wheat);border-color:var(--color-clay-orange)}}.field-guide__close:focus-visible,.settings-panel__close:focus-visible,.settings-panel__reset:focus-visible,.map-overlay__close:focus-visible{background:var(--color-pale-wheat);border-color:var(--color-clay-orange);outline:2px solid var(--color-lingonberry);outline-offset:2px}@media (hover:none),(pointer:coarse){.field-guide__close:focus,.settings-panel__close:focus,.settings-panel__reset:focus,.map-overlay__close:focus{background:var(--color-pale-wheat);border-color:var(--color-clay-orange);outline:2px solid var(--color-lingonberry);outline-offset:2px}}.field-guide__close:active,.field-guide__recover:active,.settings-panel__close:active,.settings-panel__reset:not(:disabled):active,.map-overlay__close:active{background:var(--color-cloudberry)}.field-guide__recover{margin:0 0 14px}.field-guide__recover:focus-visible{outline:2px solid var(--color-lingonberry);outline-offset:2px}.field-guide__quests{margin:0 0 14px}.field-guide__heading{color:var(--color-pine-shadow);margin:0 0 8px;font-family:Pixelify Sans,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:19px;font-weight:700;line-height:1.1}.field-guide__quest-list{margin:0;padding:0;list-style:none}.field-guide__quest{border-top:2px dashed var(--color-warm-sand);padding:8px 0}.field-guide__quest:last-child{border-bottom:2px dashed var(--color-warm-sand)}.field-guide__quest-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 8px;margin:0 0 2px;display:flex}.field-guide__quest-title{font-size:15px;font-weight:700;line-height:1.3}.field-guide__quest-state{border:2px solid var(--color-clay-orange);color:var(--color-bark-brown);border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:12px;font-weight:700;line-height:1.3}.field-guide__quest[data-state=done] .field-guide__quest-state{border-color:var(--color-pine-shadow);background:var(--color-pine-shadow);color:var(--color-oat-cream)}.field-guide__quest-note{margin:0;font-size:13px;line-height:1.4}.settings-panel__row{cursor:pointer;align-items:center;gap:10px;min-height:44px;margin:0 0 4px;display:flex}.settings-panel__check{appearance:none;border:2px solid var(--color-bark-brown);background:var(--color-oat-cream);cursor:pointer;border-radius:4px;flex:none;width:22px;height:22px;margin:0}.settings-panel__check:checked{background:var(--color-warm-sand);box-shadow:inset 0 0 0 4px var(--color-clay-orange)}.settings-panel__check:focus-visible{outline:2px solid var(--color-lingonberry);outline-offset:2px}.settings-panel__label{font-size:15px;font-weight:700}.settings-panel__note{font-size:13px}.settings-panel__save{margin:0 0 14px;font-size:13px;line-height:1.4}.settings-panel__confirm{margin:0 0 8px;display:block}.settings-panel__status:not(:empty){color:var(--color-lingonberry);margin:0 0 10px;font-size:13px;line-height:1.4}.settings-panel__reset{margin:0 0 8px}.settings-panel__reset:disabled{cursor:default;opacity:.55}.settings-panel__reset.settings-panel__reset--danger,.settings-panel__reset.settings-panel__reset--danger:hover,.settings-panel__reset.settings-panel__reset--danger:focus{background:var(--color-lingonberry);color:var(--color-oat-cream)}.settings-panel__reset.settings-panel__reset--danger:not(:disabled):active{background:var(--color-pine-shadow)}.settings-panel__reset.settings-panel__reset--danger:disabled{opacity:1}.map-overlay__panel{align-items:center;gap:12px;width:fit-content;min-width:min(300px,100vw - 32px);max-width:min(760px,100vw - 32px);animation:.16s ease-out map-overlay-open}@keyframes map-overlay-open{0%{opacity:0}to{opacity:1}}.map-overlay__chart{border:2px solid var(--color-bark-brown);background:var(--color-oat-cream);border-radius:4px;flex:none;position:relative}.map-overlay__picture{image-rendering:pixelated;-webkit-user-select:none;user-select:none;pointer-events:none;display:block}.map-overlay__markers{z-index:1;position:absolute;inset:0}.map-overlay__marker{box-sizing:border-box;border:2px solid var(--color-oat-cream);background:var(--color-bark-brown);min-width:18px;height:18px;color:var(--color-oat-cream);text-align:center;white-space:nowrap;border-radius:9px;padding:0 4px;font-size:11px;font-weight:700;line-height:14px;position:absolute;transform:translate(-50%,-50%)}.map-overlay__chart[data-zoom="1"] .map-overlay__marker{border-width:1px;border-radius:6px;min-width:12px;height:12px;padding:0 2px;font-size:8px;line-height:10px}.map-overlay__marker[data-kind=note][data-form=scrap]{border:1px dashed var(--color-pine-shadow);background:var(--color-pale-wheat);width:8.5em;height:auto;color:var(--color-pine-shadow);white-space:normal;border-radius:2px;padding:1px 3px;font-size:11px;font-style:italic;font-weight:400;line-height:1.2;transform:translate(-50%,-50%)rotate(-4deg)}.map-overlay__marker[data-kind=note][data-form=pin]{border-color:var(--color-pine-shadow);background:var(--color-pale-wheat);color:var(--color-pine-shadow)}.map-overlay__marker[data-kind=note][data-legend]{border-color:var(--color-pale-wheat);background:var(--color-pine-shadow);color:var(--color-pale-wheat)}.map-overlay__legend-key{box-sizing:border-box;border:1px solid var(--color-pine-shadow);background:var(--color-pine-shadow);min-width:14px;height:14px;color:var(--color-pale-wheat);text-align:center;vertical-align:1px;border-radius:7px;margin-right:4px;font-size:10px;font-style:normal;font-weight:700;line-height:12px;display:inline-block}.map-overlay__panel[data-note-form=pin] .map-overlay__notes li:not([data-legend]):before{content:"!" / "";box-sizing:border-box;border:2px solid var(--color-pine-shadow);background:var(--color-pale-wheat);min-width:18px;height:18px;color:var(--color-pine-shadow);text-align:center;vertical-align:1px;border-radius:9px;margin-right:6px;font-size:11px;font-style:normal;font-weight:700;line-height:14px;display:inline-block}.map-overlay__leaders{position:absolute;inset:0}.map-overlay__leader{border-top:1px dashed var(--color-pine-shadow);transform-origin:0 0;height:0;position:absolute}.map-overlay__dot{width:0;height:0;position:absolute}.map-overlay__dot-ring{box-sizing:border-box;border:2px solid var(--color-pine-shadow);background:var(--color-lingonberry);border-radius:50%;width:14px;height:14px;animation:1.4s ease-in-out infinite map-overlay-pulse;position:absolute;top:-7px;left:-7px}@keyframes map-overlay-pulse{0%,to{box-shadow:0 0 #b84a628c}50%{box-shadow:0 0 0 5px #b84a6200}}.map-overlay__dot-arrow{border:5px solid #0000;width:0;height:0;position:absolute}.map-overlay__dot[data-facing=up] .map-overlay__dot-arrow{border-bottom-color:var(--color-pine-shadow);top:-17px;left:-5px}.map-overlay__dot[data-facing=down] .map-overlay__dot-arrow{border-top-color:var(--color-pine-shadow);top:7px;left:-5px}.map-overlay__dot[data-facing=left] .map-overlay__dot-arrow{border-right-color:var(--color-pine-shadow);top:-5px;left:-17px}.map-overlay__dot[data-facing=right] .map-overlay__dot-arrow{border-left-color:var(--color-pine-shadow);top:-5px;left:7px}.map-overlay__chart[data-zoom="1"] .map-overlay__dot-ring{width:10px;height:10px;top:-5px;left:-5px}.map-overlay__chart[data-zoom="1"] .map-overlay__dot[data-facing=up] .map-overlay__dot-arrow{top:-15px}.map-overlay__chart[data-zoom="1"] .map-overlay__dot[data-facing=down] .map-overlay__dot-arrow{top:5px}.map-overlay__chart[data-zoom="1"] .map-overlay__dot[data-facing=left] .map-overlay__dot-arrow{left:-15px}.map-overlay__chart[data-zoom="1"] .map-overlay__dot[data-facing=right] .map-overlay__dot-arrow{left:5px}.map-overlay__dot-label{z-index:2;left:calc(10px + var(--label-nudge-x,0px));bottom:calc(8px + var(--label-nudge-y,0px));background:var(--color-pine-shadow);color:var(--color-oat-cream);white-space:nowrap;border-radius:3px;padding:0 3px;font-size:11px;font-weight:700;line-height:14px;position:absolute}.map-overlay__dot[data-label=nw] .map-overlay__dot-label,.map-overlay__dot[data-label=sw] .map-overlay__dot-label{left:auto;right:calc(10px + var(--label-nudge-x,0px))}.map-overlay__dot[data-label=se] .map-overlay__dot-label,.map-overlay__dot[data-label=sw] .map-overlay__dot-label{bottom:auto;top:calc(8px + var(--label-nudge-y,0px))}.map-overlay__chart[data-loading] .map-overlay__leaders,.map-overlay__chart[data-loading] .map-overlay__markers,.map-overlay__chart[data-loading] .map-overlay__dot{visibility:hidden}.map-overlay__text{flex-direction:column;align-self:stretch;min-width:0;min-height:0;display:flex}.map-overlay__title{color:var(--color-pine-shadow);text-shadow:0 2px #d9b77ee6;flex-shrink:0;margin:0 0 8px;font-family:Pixelify Sans,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:26px;font-weight:700;line-height:1.1}.map-overlay__reader{flex-direction:column;flex:auto;min-height:0;margin-bottom:10px;display:flex;position:relative}.map-overlay__body{overscroll-behavior:contain;min-height:0;overflow-y:auto}.field-guide__panel:focus,.settings-panel__panel:focus,.map-overlay__panel:focus{outline:none}.map-overlay__body:focus-visible{outline:2px solid var(--color-lingonberry);outline-offset:2px}.map-overlay__region{margin:0 0 8px;font-size:14px;font-weight:700;line-height:1.4}.map-overlay__list,.map-overlay__notes{margin:0 0 8px;padding-left:22px;font-size:13px;line-height:1.45}.map-overlay__list:has(>li:nth-child(10)){padding-left:30px}.map-overlay__notes{padding-left:0;font-style:italic;list-style:none}.map-overlay__teach{color:var(--color-bark-brown);margin:0 0 8px;font-size:13px;line-height:1.4}.map-overlay__close{flex-shrink:0}@media (width>=520px){.map-overlay__panel{flex-direction:row;align-items:stretch;gap:16px}.map-overlay__chart{align-self:center}.map-overlay__text{flex:0 0 180px;width:180px}}@media (height<=600px){.map-overlay__title{font-size:20px}}@media (prefers-reduced-motion:reduce){.map-overlay__panel,.map-overlay__dot-ring{animation:none}}.blops-dialogue-panel{box-sizing:border-box;display:grid;position:relative}.blops-dialogue-idle{color:#fff0c9a8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:4px 12px;display:flex}.blops-dialogue-idle p{letter-spacing:.04em;margin:0;font-size:13px}.blops-dialogue-idle__leaf{background:#9fb76d8c;border-radius:1px;width:8px;height:8px;transform:rotate(45deg)}.blops-dialogue-panel:has(.dialogue-overlay:not([hidden])) .blops-dialogue-idle{display:none}.dialogue-overlay{--dialogue-font:16px;--dialogue-px:calc(var(--dialogue-font) / 16);box-sizing:border-box;flex-direction:column;gap:8px;width:100%;display:flex}.dialogue-textbox,.dialogue-choices{border:3px solid var(--color-bark-brown);background:var(--color-oat-cream);color:var(--color-pine-shadow);box-shadow:inset 0 0 0 2px var(--color-warm-sand), 0 0 0 1px var(--color-pine-shadow);border-radius:10px}.dialogue-textbox{box-sizing:border-box;width:100%;padding:calc(14 * var(--dialogue-px));font-size:var(--dialogue-font);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;line-height:1.4;position:relative}.dialogue-textbox:focus-visible{box-shadow:inset 0 0 0 3px var(--color-clay-orange), 0 0 0 1px var(--color-pine-shadow);outline:none}@media (forced-colors:active){.dialogue-textbox:focus-visible{outline-offset:-5px;outline:2px solid canvastext}}.dialogue-nameplate{top:calc(-9 * var(--dialogue-px));left:calc(10 * var(--dialogue-px));z-index:1;box-sizing:border-box;max-width:calc(100% - 20 * var(--dialogue-px));padding:calc(2 * var(--dialogue-px)) calc(6 * var(--dialogue-px));border:2px solid var(--color-bark-brown);border-radius:calc(5 * var(--dialogue-px));background:var(--color-warm-sand);color:var(--color-pine-shadow);box-shadow:0 0 0 1px var(--color-pine-shadow);font-size:calc(11 * var(--dialogue-px));letter-spacing:.02em;white-space:nowrap;pointer-events:none;font-weight:700;line-height:1;position:absolute;overflow:hidden}.dialogue-nameplate[hidden]{display:none}.dialogue-text{height:4.2em;display:block;position:relative;overflow:hidden}.dialogue-line{white-space:nowrap;display:block}.dialogue-unrevealed{visibility:hidden}.dialogue-measure{visibility:hidden;white-space:pre;pointer-events:none;position:absolute}.dialogue-continue{right:calc(10 * var(--dialogue-px));bottom:calc(5 * var(--dialogue-px));font-size:calc(12 * var(--dialogue-px));color:var(--color-bark-brown);pointer-events:none;line-height:1;animation:1s step-end infinite dialogue-continue-blink;position:absolute}@media (prefers-reduced-motion:reduce){.dialogue-continue{animation:none}}.dialogue-continue[data-end]{right:calc(12 * var(--dialogue-px));bottom:calc(9 * var(--dialogue-px));width:calc(7 * var(--dialogue-px));height:calc(7 * var(--dialogue-px));background:var(--color-bark-brown);font-size:0;animation:none}.dialogue-read-on-hint{color:var(--color-bark-brown);pointer-events:none;font-size:11px;line-height:1;display:none;position:absolute;bottom:2px;right:32px}@media not all and (hover:hover) and (pointer:fine){.dialogue-continue{font-size:17px;bottom:1px;right:8px}.dialogue-continue[data-end]{width:10px;height:10px;bottom:6px;right:11px}.dialogue-read-on-hint:not([hidden]){display:block}}@keyframes dialogue-continue-blink{0%,to{opacity:1}50%{opacity:0}}.dialogue-choices{--choice-caret:calc(18 * var(--dialogue-px));box-sizing:border-box;width:100%;min-height:0;font-size:var(--dialogue-font);flex-direction:column;padding:4px;line-height:1.4;display:flex;position:relative}.dialogue-choices__list{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;gap:6px;min-height:0;padding:4px;scroll-padding:4px;display:flex;overflow-y:auto}.dialogue-choices:before,.dialogue-choices:after,.field-guide__reader:before,.field-guide__reader:after,.settings-panel__reader:before,.settings-panel__reader:after,.map-overlay__reader:before,.map-overlay__reader:after{content:"▾";z-index:1;background:linear-gradient(#f3e6c800, var(--color-oat-cream) 75%);height:22px;color:var(--color-bark-brown);opacity:0;pointer-events:none;justify-content:center;align-items:flex-end;font-size:14px;line-height:1;display:flex;position:absolute;bottom:0;left:0;right:0}.dialogue-choices:before,.field-guide__reader:before,.settings-panel__reader:before,.map-overlay__reader:before{content:"▴";background:linear-gradient(var(--color-oat-cream) 25%, #f3e6c800);align-items:flex-start;top:0;bottom:auto}.dialogue-choices:before{border-radius:7px 7px 0 0}.dialogue-choices:after{border-radius:0 0 7px 7px}.dialogue-choices[data-scroll=top]:before,.dialogue-choices[data-scroll=both]:before,.dialogue-choices[data-scroll=bottom]:after,.dialogue-choices[data-scroll=both]:after,.field-guide__reader[data-scroll=top]:before,.field-guide__reader[data-scroll=both]:before,.field-guide__reader[data-scroll=bottom]:after,.field-guide__reader[data-scroll=both]:after,.settings-panel__reader[data-scroll=top]:before,.settings-panel__reader[data-scroll=both]:before,.settings-panel__reader[data-scroll=bottom]:after,.settings-panel__reader[data-scroll=both]:after,.map-overlay__reader[data-scroll=top]:before,.map-overlay__reader[data-scroll=both]:before,.map-overlay__reader[data-scroll=bottom]:after,.map-overlay__reader[data-scroll=both]:after{opacity:1}.dialogue-choices button{box-sizing:border-box;border:2px solid var(--color-bark-brown);background:var(--color-warm-sand);width:100%;min-height:44px;color:var(--color-pine-shadow);padding:calc(8 * var(--dialogue-px)) calc(10 * var(--dialogue-px)) calc(8 * var(--dialogue-px)) calc(10 * var(--dialogue-px) + var(--choice-caret));text-indent:calc(-1 * var(--choice-caret));font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;border-radius:6px;flex-shrink:0;font-weight:700;display:block}.dialogue-choices button:before{content:"▶";width:var(--choice-caret);text-indent:0;font-size:calc(12 * var(--dialogue-px));opacity:0;display:inline-block}.dialogue-choices button:focus:before{opacity:1}.dialogue-choices button:focus{background:var(--color-pale-wheat);border-color:var(--color-clay-orange)}@media (hover:hover) and (pointer:fine){.dialogue-choices__list:not(:has(button:focus)) button:hover:before{opacity:1}.dialogue-choices__list:not(:has(button:focus)) button:hover{background:var(--color-pale-wheat);border-color:var(--color-clay-orange)}}.dialogue-choices button:focus-visible{outline:2px solid var(--color-lingonberry);outline-offset:2px}.dialogue-overlay[data-touch-input] .dialogue-choices button:focus-visible{outline:none}.dialogue-overlay[data-touch-input] .dialogue-textbox:focus-visible{box-shadow:inset 0 0 0 2px var(--color-warm-sand), 0 0 0 1px var(--color-pine-shadow)}.dialogue-choices button:active{background:var(--color-cloudberry)}.dialogue-choices[data-shake]{animation:.12s step-end dialogue-menu-shake}@media (prefers-reduced-motion:reduce){.dialogue-choices[data-shake]{animation:none}}@keyframes dialogue-menu-shake{0%{transform:translate(-2px)}25%{transform:translate(2px)}50%{transform:translate(-2px)}75%{transform:translate(2px)}to{transform:none}}@media (hover:hover) and (pointer:fine){.dialogue-overlay:has(>.dialogue-textbox>.dialogue-nameplate:not([hidden])){gap:12px}}.dialogue-choices[data-confirming] button:not([data-chosen]){opacity:.45}.dialogue-choices button[data-chosen]{background:var(--color-cloudberry);border-color:var(--color-clay-orange);animation:.12s step-end dialogue-chosen-blink}.dialogue-choices button[data-chosen]:before{opacity:1}@media (prefers-reduced-motion:reduce){.dialogue-choices button[data-chosen]{animation:none}}@keyframes dialogue-chosen-blink{0%{background:var(--color-cloudberry)}33%{background:var(--color-pale-wheat)}66%{background:var(--color-cloudberry)}}#app{position:relative}.place-card{--place-card-px:1px;z-index:3;box-sizing:border-box;max-width:calc(var(--place-card-px) * 152);margin:calc(var(--place-card-px) * 3);padding:calc(var(--place-card-px) * 1) calc(var(--place-card-px) * 4);border:max(2px, calc(var(--place-card-px) * 1)) solid var(--color-bark-brown);border-radius:calc(var(--place-card-px) * 2);background:var(--color-oat-cream);box-shadow:inset 0 0 0 max(1px, calc(var(--place-card-px) * .5)) var(--color-warm-sand), 0 0 0 1px var(--color-pine-shadow);color:var(--color-pine-shadow);font-family:Pixelify Sans,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:max(13px, calc(var(--place-card-px) * 7));white-space:nowrap;text-overflow:ellipsis;pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:600;line-height:1.2;animation:.12s steps(2,end) both place-card-drop;position:absolute;overflow:hidden}.place-card[hidden]{display:none}@keyframes place-card-drop{0%{transform:translateY(calc(var(--place-card-px) * -8));clip-path:inset(calc(var(--place-card-px) * 5) 0 0 0)}to{clip-path:inset(0);transform:none}}@media (prefers-reduced-motion:reduce){.place-card{animation:none}}.movement-controls{--direction-size:52px;isolation:isolate;grid-template-columns:repeat(3, var(--direction-size));grid-template-rows:repeat(3, var(--direction-size));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#27483b;border-radius:36px;width:max-content;margin:0 auto;padding:8px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #73533b,inset 0 0 0 5px #91a26a,inset 0 0 0 8px #385741,0 5px #172e25,0 10px 18px #10271b66}.movement-controls__button{z-index:1;width:var(--direction-size);height:var(--direction-size);color:#385741;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;place-items:center;margin:0;padding:0;display:grid;position:relative}.movement-controls__button:before{content:"";border-radius:inherit;background:var(--color-oat-cream);transition:translate .11s ease-out,background-color .11s ease-out,box-shadow .11s ease-out;position:absolute;inset:0;box-shadow:inset 0 3px #fff7df,inset 0 -4px #bda77c}.movement-controls__button--up{border-radius:12px 12px 0 0}.movement-controls__button--left{border-radius:12px 0 0 12px}.movement-controls__button--right{border-radius:0 12px 12px 0}.movement-controls__button--down{border-radius:0 0 12px 12px}.movement-controls__hub{background:var(--color-oat-cream);grid-area:2/2;place-items:center;display:grid}.movement-controls__hub:before{content:"";clip-path:polygon(3px 0,9px 0,9px 3px,12px 3px,12px 9px,9px 9px,9px 12px,3px 12px,3px 9px,0 9px,0 3px,3px 3px);background:#9aa775;width:12px;height:12px;box-shadow:0 3px #bda77c}.movement-controls__chevron{clip-path:polygon(12px 0,16px 0,16px 4px,20px 4px,20px 8px,24px 8px,24px 12px,28px 12px,28px 20px,20px 20px,20px 16px,16px 16px,16px 12px,12px 12px,12px 16px,8px 16px,8px 20px,0 20px,0 12px,4px 12px,4px 8px,8px 8px,8px 4px,12px 4px);pointer-events:none;background:currentColor;width:28px;height:20px;transition:translate .11s ease-out}.movement-controls__button--left .movement-controls__chevron{rotate:-90deg}.movement-controls__button--right .movement-controls__chevron{rotate:90deg}.movement-controls__button--down .movement-controls__chevron{rotate:180deg}.movement-controls__button[data-pressed]:before{background:var(--color-warm-sand);box-shadow:inset 0 4px 0 var(--color-stone-lip), inset 0 -1px 0 var(--color-oat-cream);transition:none;translate:0 3px}.movement-controls__button[data-pressed]{color:var(--color-bark-brown)}.movement-controls__button[data-pressed] .movement-controls__chevron{transition:none;translate:0 3px}.movement-controls__button:focus-visible{z-index:2;outline:3px solid var(--color-lingonberry);outline-offset:-5px}@media (prefers-reduced-motion:reduce){.movement-controls__button:before,.movement-controls__button .movement-controls__chevron{transition:none}.movement-controls__button[data-pressed]:before,.movement-controls__button[data-pressed] .movement-controls__chevron{translate:none}}@media (pointer:coarse){.movement-controls{--direction-size:64px}}.action-button{--action-size:52px;box-sizing:border-box;width:var(--action-size);height:var(--action-size);color:var(--color-bark-brown);font:inherit;letter-spacing:.02em;background:var(--color-oat-cream);box-shadow:inset 0 -5px 0 var(--color-warm-sand), inset 0 2px 0 #fffbef, inset 0 0 0 2px var(--color-stone-lip), 0 5px 0 #172e25, 0 10px 18px #10271b66;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;padding:0;font-size:22px;font-weight:700;position:relative}.action-button:before{content:"";pointer-events:none;background:#f7edd6;border-radius:50%;position:absolute;inset:6px;box-shadow:inset 0 -4px #e2c795,inset 0 2px #fffbef}.action-button__label{z-index:1;pointer-events:none;position:relative}.action-button[data-ready]:before{background:var(--color-pale-wheat);animation:1.2s steps(2,jump-none) infinite action-button-ready;translate:0 -1px}.action-button[data-ready] .action-button__label{translate:0 -1px}@keyframes action-button-ready{0%{filter:brightness()}to{filter:brightness(1.12)}}.action-button[data-pressed]:before{background:var(--color-warm-sand);box-shadow:inset 0 4px 0 var(--color-stone-lip), inset 0 -1px 0 var(--color-oat-cream);transition:none;translate:0 3px}.action-button[data-pressed]{color:var(--color-bark-brown)}.action-button[data-pressed] .action-button__label{transition:none;translate:0 3px}.action-button:focus-visible{z-index:2;outline:3px solid var(--color-lingonberry);outline-offset:-5px}@media (prefers-reduced-motion:reduce){.action-button:before,.action-button__label{transition:none}.action-button[data-pressed]:before,.action-button[data-pressed] .action-button__label{translate:none}.action-button[data-ready]:before,.action-button[data-ready] .action-button__label{animation:none;translate:none}}@media (pointer:coarse){.action-button{--action-size:64px}}#movement-root:has(.action-button[data-available]){justify-content:center;align-items:flex-end;gap:12px;display:flex}#movement-root:has(.action-button[data-available]) .movement-controls{margin:0}.controls-hint{display:none}.debug-panel{z-index:8;box-sizing:border-box;overscroll-behavior:contain;border:2px solid var(--color-panel-border);width:min(320px,100vw - 32px);max-height:calc(100dvh - 80px);color:var(--color-cream);-webkit-user-select:text;user-select:text;background:#18382feb;border-radius:10px;padding:8px 10px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.35;position:fixed;top:64px;left:14px;overflow-y:auto;box-shadow:0 6px 14px #0a181280}.debug-panel--collapsed{width:auto;box-shadow:none;background:0 0;border:none;padding:0;overflow:visible}.debug-panel__button{border:1px solid var(--color-panel-border);background:var(--color-panel-mid);min-height:40px;color:var(--color-cream);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;border-radius:6px;padding:4px 8px}.debug-panel__button:hover,.debug-panel__button:focus-visible{border-color:var(--color-panel-highlight)}.debug-panel__button:focus-visible{outline:2px solid var(--color-panel-highlight);outline-offset:1px}.debug-panel__button[aria-current=true],.debug-panel__button[aria-expanded=true]{border-color:var(--color-cloudberry);background:var(--color-bg-moss)}.debug-panel__pill{text-align:center;background:#18382feb;border-width:2px;border-radius:22px;width:44px;height:44px;min-height:44px;padding:0;font-weight:700;position:relative}.debug-panel__pill:after{content:"";background:var(--color-warm-sand);border-radius:50%;width:9px;height:9px;position:absolute;top:3px;right:3px}.debug-panel__pill[data-mode=preview]:after{background:var(--color-panel-highlight)}.debug-panel__pill[data-mode=live]:after{background:var(--color-cloudberry)}.debug-panel__header{justify-content:space-between;align-items:center;gap:6px;display:flex}.debug-panel__title{margin:0;font-size:15px}.debug-panel__badge{background:var(--color-warm-shadow);border-radius:4px;margin:6px 0 2px;padding:3px 6px;font-weight:700}.debug-panel__badge[data-mode=preview]{background:var(--color-bg-sage);color:var(--color-panel-deep)}.debug-panel__badge[data-mode=live]{background:var(--color-cloudberry);color:var(--color-panel-deep)}.debug-panel__note,.debug-panel__status{color:var(--color-oat-cream);margin:4px 0}.debug-panel__status:empty{display:none}.debug-panel__section{border-top:1px solid #6f8f5580;margin-top:8px;padding-top:6px}.debug-panel__summary{cursor:pointer;align-items:center;min-height:32px;font-weight:700;display:flex}.debug-panel__summary:before{content:"+";width:1.5ch}.debug-panel__section[open]>.debug-panel__summary:before{content:"-"}.debug-panel__summary::-webkit-details-marker{display:none}.debug-panel__group{color:var(--color-warm-sand);margin:8px 0 4px;font-size:12px}.debug-panel__buttons,.debug-panel__targets{flex-wrap:wrap;gap:6px;display:flex}.debug-panel__targets{border-left:2px solid var(--color-cloudberry);margin:6px 0;padding-left:8px}.debug-panel__preset{flex-direction:column;flex:130px;display:flex}.debug-panel__preset-place{color:var(--color-warm-sand);font-size:11px}.debug-panel__diag{grid-template-columns:max-content minmax(0,1fr);gap:1px 8px;margin:4px 0;display:grid}.debug-panel__diag dt{color:var(--color-warm-sand)}.debug-panel__diag dd{overflow-wrap:anywhere;margin:0}.debug-panel__ink{white-space:pre;max-height:220px;margin:4px 0;font-size:12px;overflow:auto}.debug-panel__share{background:var(--color-panel-mid);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:4px;padding:4px;display:block}@media (pointer:fine){.debug-panel{width:min(248px,100vw - 32px);font-size:12px}.debug-panel__button{min-height:26px;padding:2px 6px}.debug-panel__buttons{gap:4px}.debug-panel__preset{flex-direction:row;flex:100%;justify-content:space-between;align-items:baseline;gap:6px}.debug-panel__pill{min-height:44px;padding:0}}@media (pointer:coarse){.debug-panel{max-height:calc(100dvh - 304px)}.debug-panel__button{min-height:44px}}}@property --choice-caret{syntax:"<length>";inherits:true;initial-value:18px}@media (hover:hover) and (pointer:fine){.blops-shell{width:100%;min-height:100dvh;margin:0;padding:0;display:block}.blops-header{display:none}.blops-play{box-sizing:border-box;width:100%;padding-top:var(--trigger-reserve,0px);height:calc(100dvh - var(--hint-reserve,0px));place-items:center;display:grid}.blops-frame{background:0 0}#app{background:0 0;min-height:0}.blops-corner-mark{z-index:6;border:2px solid var(--color-panel-border);background:linear-gradient(var(--color-panel-mid) 0%, var(--color-panel-deep) 72%);color:var(--color-cream);letter-spacing:.02em;text-shadow:0 2px 0 var(--color-warm-shadow);cursor:pointer;border-radius:10px;margin:0;padding:7px 16px 9px;font-family:Pixelify Sans,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px;font-weight:700;line-height:1;transition:transform .12s ease-out;display:block;position:fixed;top:14px;left:14px;box-shadow:inset 0 1px #9fb76d66,inset 0 -2px #0a181273,0 2px #0c1a148c,0 6px 14px #0a181280}.blops-corner-mark:hover,.blops-corner-mark:focus-visible{transform:translateY(-1px)}.blops-corner-mark:focus-visible{outline:2px solid var(--color-panel-highlight);outline-offset:3px}.blops-corner-mark:active{transform:translateY(1px)}.blops-corner-mark[disabled]{opacity:.4;cursor:default;transform:none}.blops-book{z-index:6;position:fixed;top:10px;right:14px}.blops-settings-button{z-index:6;position:fixed;top:10px;right:64px}.blops-map-button{z-index:6;position:fixed;top:60px;right:14px}.blops-dialogue-panel{z-index:5;left:0;right:0;bottom:calc(( 100dvh - var(--hint-reserve,0px) - var(--trigger-reserve,0px) - 144px * var(--game-zoom,2) ) / 2 + var(--hint-reserve,0px) + 10px);box-sizing:border-box;width:calc(160px * var(--game-zoom,2) - 16px);max-width:calc(100vw - 16px);min-height:0;box-shadow:none;pointer-events:none;background:0 0;border:none;border-radius:0;margin-left:auto;margin-right:auto;padding:0;display:block;position:fixed}.blops-dialogue-panel .dialogue-overlay,.blops-dialogue-panel .blops-book,.blops-dialogue-panel .blops-settings-button,.blops-dialogue-panel .blops-map-button{pointer-events:auto}.blops-shell[data-triggers=row] .blops-map-button{top:10px;right:114px}.blops-dialogue-idle{display:none}.dialogue-overlay{--dialogue-font:clamp(16px, calc(var(--game-zoom,2) * 3.5px), 26px);flex-direction:column-reverse;align-items:flex-start;container-type:inline-size}.dialogue-textbox{align-self:stretch}.dialogue-choices{width:auto;min-width:min(230px,100%);max-width:min(100%,max(230px,45%));max-height:calc(100dvh - 150px)}@container (width<=520px){.dialogue-choices{--choice-caret:14px;min-width:min(200px,100%);max-width:min(100%,200px);font-size:14px;line-height:1.25}.dialogue-choices__list{gap:4px}.dialogue-choices button{min-height:36px;padding:5px 6px 5px calc(6px + var(--choice-caret))}.dialogue-choices button:before{font-size:10px}}#movement-root{z-index:4;position:fixed;bottom:18px;left:18px}.movement-controls{justify-content:start}.controls-hint{z-index:4;box-sizing:border-box;border:1px solid var(--color-panel-border);background:var(--color-panel-deep);width:max-content;max-width:calc(100vw - 24px);color:var(--color-cream);border-radius:8px;align-items:center;gap:8px;padding:0 0 0 12px;font-size:12px;line-height:1.5;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.controls-hint[data-place=side]{max-width:calc(var(--controls-hint-side,204px) - 24px);left:auto;right:12px;transform:none}.controls-hint__map{display:none}body:has(#map-button:not([hidden])) .controls-hint__map{display:inline}.controls-hint button{width:44px;height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:20px}body:has(.dialogue-overlay:not([hidden])) .controls-hint{display:none}body:has(.map-overlay:not([hidden])) .controls-hint{display:none}body:has(.movement-controls[data-available]) .controls-hint{display:none}}@media not all and (hover:hover) and (pointer:fine){.blops-shell{width:100%;max-width:720px;height:100dvh;min-height:0;padding:max(8px, env(safe-area-inset-top)) env(safe-area-inset-right) max(12px, env(safe-area-inset-bottom)) env(safe-area-inset-left);--dpad-band:208px;--grid-gap:8px;--action-button:64px;--overlay-chrome:220px;gap:var(--grid-gap);grid-template-rows:36px minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);display:grid}.blops-play #app{min-height:0;position:relative;overflow:visible}.blops-play #app canvas{position:absolute;top:0;left:0}.blops-header{justify-items:start;padding:0 0 0 4px}.blops-header .blops-plaque{min-width:0;box-shadow:none;text-shadow:0 2px #142c22;background:0 0;border:none;border-radius:0;padding:0 28px;font-size:28px}.blops-header .blops-plaque:before{top:3px;left:4px}.blops-header .blops-plaque:after{bottom:3px;right:4px}.blops-play{place-items:center;min-width:0;min-height:0;display:grid}.blops-book{top:max(4px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));z-index:6;position:fixed}.blops-settings-button{top:max(4px, env(safe-area-inset-top));right:calc(max(8px, env(safe-area-inset-right)) + 48px);z-index:6;position:fixed}.blops-map-button{top:max(4px, env(safe-area-inset-top));right:calc(max(8px, env(safe-area-inset-right)) + 96px);z-index:6;position:fixed}.blops-book:focus-visible,.blops-settings-button:focus-visible,.blops-map-button:focus-visible{outline-offset:-2px}.blops-dialogue-panel{min-width:0;min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;grid-template-columns:minmax(0,1fr);padding:0}.blops-dialogue-idle{padding:0 8px}.blops-dialogue-idle__leaf{display:none}.blops-dialogue-idle p{letter-spacing:0;font-size:12px;line-height:18px}#movement-root{min-height:var(--dpad-band)}#movement-root:not(:has(.movement-controls[data-available])){min-height:0}#dialogue-root{min-height:0}.dialogue-overlay{max-height:calc(100dvh - var(--overlay-chrome))}.dialogue-textbox{flex-shrink:0}.blops-shell:has(.dialogue-overlay:not([hidden])) #movement-root{display:none}}@media (not ((hover:hover) and (pointer:fine))) and (not ((pointer:coarse) and (orientation:landscape) and (height<=500px))){.blops-shell{--dialogue-band-extra:calc(var(--dpad-band) + var(--grid-gap));--dialogue-reserve-3:275px;--dialogue-reserve-4:325px;--dialogue-max-height:calc(100dvh - var(--overlay-chrome));--dialogue-floor:0px}.blops-shell:not(:has(#movement-root .movement-controls[data-available])){--dialogue-band-extra:0px;--dialogue-floor:calc(100% - var(--dialogue-reserve-3))}.blops-shell:has(.dialogue-overlay:not([hidden])) #movement-root{display:revert-layer}.blops-dialogue-panel:has(.dialogue-overlay:not([hidden])) .blops-dialogue-idle{visibility:hidden;display:flex}#dialogue-root:has(>.dialogue-overlay:not([hidden])){z-index:2;left:8px;right:8px;top:max(calc(100% + var(--dialogue-band-extra) - var(--dialogue-max-height)), min(0px, var(--dialogue-floor), max(calc(-1 * var(--world-slack,0px)), calc(100% + var(--dialogue-band-extra) - var(--dialogue-reserve-4)))));bottom:calc(-1 * var(--dialogue-band-extra));flex-direction:column;display:flex;position:absolute}#dialogue-root>.dialogue-overlay{height:100%;max-height:none}.field-guide__panel,.settings-panel__panel,.map-overlay__panel{top:calc(50% + 20px + (env(safe-area-inset-top) - env(safe-area-inset-bottom)) / 2);max-height:calc(100dvh - 52px - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media (pointer:coarse) and (orientation:landscape) and (height<=500px){.blops-shell{grid-template-columns:minmax(0, 1fr) var(--dpad-band);max-width:none;padding-top:max(8px, env(safe-area-inset-top));padding-bottom:max(8px, env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr)}.blops-header,.blops-dialogue-idle{display:none}.blops-play{grid-area:1/1}.blops-dialogue-panel,#movement-root{grid-area:1/2;align-self:end}#movement-root:has(.action-button[data-available]){justify-content:flex-start;align-items:center;gap:var(--grid-gap);min-height:calc(var(--dpad-band) + var(--grid-gap) + var(--action-button));flex-direction:column-reverse}.blops-shell{position:relative}.blops-shell:has(.dialogue-overlay:not([hidden])) .blops-dialogue-panel{z-index:2;top:max(8px, env(safe-area-inset-top));bottom:max(8px, env(safe-area-inset-bottom));width:max(calc(280px + max(8px, env(safe-area-inset-right))), min(calc(45% + max(8px, env(safe-area-inset-right))), var(--world-right-space,100%)));box-sizing:border-box;padding-top:44px;padding-right:max(8px, env(safe-area-inset-right));grid-area:auto;grid-template-rows:minmax(0,1fr);align-self:stretch;position:absolute;right:0}.dialogue-overlay{height:100%;max-height:none}.dialogue-textbox{padding:10px 12px;font-size:14px}.dialogue-choices{padding:2px;font-size:14px}.dialogue-choices__list{gap:4px}.dialogue-choices button{padding:6px 8px 6px calc(8px + var(--choice-caret))}.settings-panel__panel{width:min(600px,100vw - 32px)}.settings-panel__body{align-items:flex-start;gap:16px;display:flex}.settings-panel__group{flex:1 1 0;min-width:0}.settings-panel:not([data-reset=idle]) .settings-panel__group--prefs{display:none}.settings-panel__confirm-actions{gap:8px;display:flex}.settings-panel__confirm-actions .settings-panel__reset{flex:1 1 0;min-width:0;margin-bottom:0}}@media (pointer:coarse) and (orientation:landscape) and (height<=340px){.blops-shell{padding-right:max(8px, env(safe-area-inset-right))}#movement-root:has(.action-button[data-available]){min-height:var(--dpad-band);position:relative}#movement-root:has(.action-button[data-available]) .action-button{position:absolute;top:4px;right:4px}.dialogue-choices__list{gap:3px;padding:3px;scroll-padding:3px}.dialogue-choices button{padding-top:4px;padding-bottom:4px;line-height:1.25}}@media (pointer:coarse) and (orientation:portrait) and (width<=343px){.blops-shell{padding:max(4px, env(safe-area-inset-top)) env(safe-area-inset-right) max(4px, env(safe-area-inset-bottom)) env(safe-area-inset-left);grid-template-rows:44px minmax(0,1fr) auto auto}.blops-dialogue-idle{display:none}.blops-dialogue-panel{padding:0 8px}.blops-shell{--grid-gap:4px}.blops-dialogue-panel:has(.dialogue-overlay:not([hidden])) .blops-dialogue-idle{display:none}}