.d20Overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;background:#080a12b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.d20Card{width:min(440px,calc(100vw - 32px));padding:22px 24px 26px;border:1px solid rgba(255,185,126,.45);border-radius:22px;color:#fff2e8;text-align:center;background:radial-gradient(circle at 50% 20%,#4c1b23,#160c18 72%);box-shadow:0 22px 70px #000b}.d20Title{margin:0 0 4px;color:#ffc99a;font-weight:700;letter-spacing:.12em}.d20Stage{position:relative;height:300px;display:grid;place-items:center;overflow:hidden}.d20Sprite{position:relative;z-index:1;width:280px;filter:drop-shadow(0 12px 12px rgba(0,0,0,.2));-webkit-user-select:none;user-select:none}.d20Shadow{position:absolute;bottom:33px;width:158px;height:34px;border-radius:50%;background:#000;filter:blur(12px);opacity:.48}.d20-rolling .d20Sprite{animation:d20Jump 1.25s cubic-bezier(.2,.8,.15,1) both}.d20-rolling .d20Shadow{animation:d20Shadow 1.25s ease-out both}.d20-landed .d20Sprite{animation:d20Land .42s ease-out both}.d20-critical .d20Sprite{filter:drop-shadow(0 0 14px #ffd13f) drop-shadow(0 0 30px #ff7900)}.d20-fumble .d20Sprite{filter:drop-shadow(0 0 16px #e22525)}.d20-fumble .d20Card{border-color:#e22525cc}.d20RollButton{min-width:210px;padding:13px 24px;border:0;border-radius:999px;color:#2b080b;font:800 17px/1 system-ui,sans-serif;cursor:pointer;background:linear-gradient(#ffd2a6,#f15a43);box-shadow:0 6px #7c1b22}.d20Hint{min-height:20px;margin:13px 0 0;color:#eeb5aa}@keyframes d20Jump{0%{transform:translateY(0) scale(1)}20%{transform:translateY(-86px) scale(.94)}62%{transform:translateY(-18px) scale(1.07)}82%{transform:translateY(0) scale(.96)}to{transform:translateY(0) scale(1)}}@keyframes d20Shadow{0%,to{transform:scaleX(1);opacity:.48}22%{transform:scaleX(.5);opacity:.16}82%{transform:scaleX(1.3);opacity:.62}}@keyframes d20Land{0%{transform:translateY(-10px) scale(1.06)}to{transform:translateY(0) scale(1)}}.d20Overlay.d20Corner{position:absolute;inset:auto 8px 74px auto;display:block;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:4;pointer-events:none}.d20Corner .d20Card{width:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.d20Corner .d20Title{display:none}.d20Corner .d20Stage{height:134px}.d20Corner .d20Sprite{width:126px}.d20Corner .d20Shadow{bottom:12px;width:70px;height:16px;filter:blur(7px)}.d20Corner .d20Hint{margin:0;font-size:11px;letter-spacing:.04em;color:#eeb5aa;text-shadow:0 1px 4px rgba(0,0,0,.9);font-variant-numeric:tabular-nums}.d20Corner.d20Overlay .d20-rolling .d20Sprite{animation-name:d20JumpSmall}@keyframes d20JumpSmall{0%{transform:translateY(0) scale(1)}20%{transform:translateY(-34px) scale(.94)}62%{transform:translateY(-7px) scale(1.07)}82%{transform:translateY(0) scale(.96)}to{transform:translateY(0) scale(1)}}.rogue-map-shell{flex:1;width:100%;height:100%;display:flex;flex-direction:column;min-height:0;background:#0b0f14;border:1px solid #3c4354;color:#c9c3b7;box-sizing:border-box}.rogue-map-rail{flex:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;border-bottom:1px solid rgba(201,195,183,.12);letter-spacing:.06em}.rogue-map-rail span{color:#6e7580;font-size:12px}.rogue-map-rail-right{display:flex;align-items:center;gap:10px}.rogue-heading-toggle{background:transparent;border:1px solid #4a5366;color:#c9c3b7;border-radius:6px;padding:4px 8px;font-size:11px;letter-spacing:.04em;cursor:pointer}.rogue-map{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none}.rogue-map:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,#0000 55%,#00000057)}.rogue-map svg{display:block;width:100%;height:100%}.rogue-compass-slot{position:absolute;top:8px;right:8px;background:none;border:0;padding:0;cursor:pointer}.rogue-zoom-label{margin-top:2px;color:#c3ccdd;font-size:12px;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,.85)}.rogue-floor{fill:#39434f;stroke:#39434f;stroke-width:.14}.rogue-memory{opacity:.34}.rogue-light{fill:#e4b064;stroke:#e4b064;opacity:.18;mix-blend-mode:screen}.rogue-mask-shape{fill:#fff;stroke:#fff;stroke-width:.14}.rogue-texture{pointer-events:none}.rogue-inner-shadow{fill:none;stroke:#05080c;stroke-width:.18;opacity:.4}.rogue-outline{fill:none;stroke:#93a3ba80;stroke-width:.045}.rogue-lamp-glow{mix-blend-mode:screen;pointer-events:none}.rogue-partition{fill:#0b0f14;stroke:#c9c3b738;stroke-width:.06}.rogue-prop-rock{fill:#5a6474;stroke:#b8c2d08c;stroke-width:.05;stroke-linejoin:round}.rogue-prop-landmark circle{fill:#0b0f14;stroke:currentColor;stroke-width:.11;opacity:.95}.rogue-prop-landmark .rogue-prop-core{fill:currentColor;stroke:none;opacity:.85}.rogue-prop-beacon path{fill:currentColor;stroke:#0b0f14;stroke-width:.05}.rogue-prop-beacon .rogue-prop-halo{fill:currentColor;opacity:.18;mix-blend-mode:screen}.rogue-prop-beacon .rogue-prop-rays{fill:none;stroke:currentColor;stroke-width:.07;stroke-linecap:round;opacity:.8}.rogue-frontier path{fill:none;stroke:#9aa7bb;stroke-width:.085;stroke-linecap:round;stroke-linejoin:round;opacity:.8}.rogue-frontier .rogue-frontier-far{opacity:.38}.rogue-threat path{fill:none;stroke:#c2603c;stroke-width:.11;stroke-linecap:round;paint-order:stroke}.rogue-threat .rogue-threat-hilt{stroke-width:.08;opacity:.8}.rogue-threat-ring{fill:none;stroke:#c2603c;stroke-width:.07;opacity:.75}.rogue-threat-boss path{stroke-width:.13}.rogue-stairs path{fill:none;stroke:#e4b064;stroke-width:.1;stroke-linecap:round;stroke-linejoin:round}.rogue-stairs-down path{stroke:currentColor}.rogue-player-cone{fill:#e4b064;opacity:.17;mix-blend-mode:screen;pointer-events:none}.rogue-player-halo{fill:#0b0f14;opacity:.78}.rogue-player-ring{fill:none;stroke:#e4b064;stroke-width:.09}.rogue-player{fill:#fff4e0}.rogue-dim{opacity:.42}.rogue-marker text{text-anchor:middle;fill:#e4b064;font:.62px "M PLUS 1p",sans-serif;paint-order:stroke;stroke:#0b0f14;stroke-width:.08px}.rogue-marker .rogue-room-name{fill:#b8c2d0;font-size:.34px;letter-spacing:.04px;stroke-width:.1px}.rogue-controls{flex:none;min-height:58px;display:flex;border-top:1px solid rgba(201,195,183,.12)}.rogue-controls button{flex:1;border:0;border-left:1px solid rgba(201,195,183,.1);background:transparent;color:#e4b064;font-size:23px;cursor:pointer}.rogue-controls button:last-child{border-right:1px solid rgba(201,195,183,.1)}.rogue-controls button span{display:block;color:#6e7580;font-size:9px;letter-spacing:.08em}.marquee{overflow:hidden;white-space:nowrap;background:#0f1418;border:1px solid #3c4354;border-radius:8px}.marquee-text{display:inline-block;padding-left:100%;color:#e4b064;font-size:14px;letter-spacing:.04em;line-height:1.6;animation:marquee-scroll 16s linear infinite}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}*{box-sizing:border-box;margin:0;padding:0}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--frame-bg: #24283a;--panel-bg: rgba(65, 72, 103, .72);--panel-border: #c0caf3;--text: #c0caf3;--input-bg: #1d202f;--accent: #f90;--danger: #f87171;--success: #7dd3fc;--scene-bg: linear-gradient(135deg, #151720 0%, #1e2230 100%)}html,body{height:100%;height:100svh;height:100dvh;overflow:hidden;background:#000}body{color:var(--text);font-family:"M PLUS 1p",Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;display:flex;align-items:center;justify-content:center}