:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px}html,body,#root{color:#ddd;background:#0b0b0b;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.app{color:#ddd;background:#0b0b0b;width:100vw;height:100vh;font-family:system-ui,-apple-system,Segoe UI,sans-serif;position:relative;overflow:hidden}.dungeon-view{width:100%;height:100%;position:absolute;inset:0}.dungeon-view canvas{display:block}.hud{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0ac7;border:1px solid #2a2a2a;border-radius:6px;min-width:200px;padding:12px 14px;font-size:13px;line-height:1.5;position:absolute;top:16px;right:16px}.hud-row{justify-content:space-between;gap:12px;display:flex}.hud-label{color:#888;text-transform:uppercase;letter-spacing:.08em;align-self:center;font-size:10px}.hud-status-badges{gap:6px;display:inline-flex}.hud-status-badge{border-radius:8px;align-items:center;gap:3px;padding:1px 6px;font-size:12px;font-weight:600;display:inline-flex}.hud-status-badge.bleed{color:#f5b3b3;background:#b41e1e40}.hud-status-badge.poison{color:#c5e8b8;background:#3c8c3c40}.floor-title-card{pointer-events:none;z-index:800;color:#fff;letter-spacing:.04em;text-align:center;text-shadow:0 2px 16px #000000d9;justify-content:center;align-items:flex-start;padding-top:12vh;padding-left:24px;padding-right:24px;font-size:clamp(28px,6vw,64px);font-weight:600;transition:opacity 2s ease-out;display:flex;position:fixed;inset:0}.floor-title-card.visible{opacity:1}.floor-title-card.fading{opacity:0}.hud-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hud-mode-combat{color:#e14b4b;letter-spacing:.04em;font-weight:600}.hud-mode-dead{color:#888;letter-spacing:.04em;font-weight:600}.combat-banner{z-index:10;color:#ffd9d9;letter-spacing:.02em;background:#3c0c0ceb;border:1px solid #e14b4b;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 0 18px #e14b4b59}.combat-banner kbd{background:#0006;border:1px solid #e14b4b;border-radius:3px;margin:0 2px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:inline-block}.combat-banner-dead{color:#ccc;background:#0f0f0ff2;border-color:#555;align-items:center;gap:14px;display:flex;box-shadow:0 0 18px #0009}.hint-banner{z-index:10;color:#c9def0;letter-spacing:.02em;background:#141e32eb;border:1px solid #48c;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:500;position:absolute;top:16px;left:50%;transform:translate(-50%)}.hint-banner kbd{background:#0006;border:1px solid #48c;border-radius:3px;margin:0 2px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:inline-block}.restart-button{appearance:none;color:#f2f2f2;letter-spacing:.02em;cursor:pointer;background:#323232cc;border:1px solid #777;border-radius:4px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .12s,border-color .12s}.restart-button:hover{background:#464646e6;border-color:#aaa}.hp-bar{vertical-align:middle;background:#282828d9;border:1px solid #2a2a2a;border-radius:3px;width:130px;height:14px;display:inline-block;position:relative;overflow:hidden}.hp-bar-fill{background:linear-gradient(#5db569 0%,#3a8a47 100%);transition:width .18s ease-out;position:absolute;inset:0 auto 0 0}.hp-bar-fill.hp-low{background:linear-gradient(#d36a5e 0%,#a13b30 100%)}.hp-bar-text{color:#fff;text-shadow:0 1px 2px #000000b3;justify-content:center;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:flex;position:absolute;inset:0}.combat-log{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0ad9;border:1px solid #2a2a2a;border-radius:6px;flex-direction:column;width:360px;max-height:280px;font-size:13px;display:flex;position:absolute;bottom:16px;left:16px}.combat-log-header{text-transform:uppercase;letter-spacing:.1em;color:#888;border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;padding:8px 12px;font-size:10px;display:flex}.combat-outcome{text-transform:none;letter-spacing:normal;border-radius:3px;padding:2px 8px;font-size:12px;font-weight:600}.combat-outcome.outcome-win{color:#8de29a;background:#3a8a4740}.combat-outcome.outcome-flee{color:#f1c87a;background:#b4963240}.combat-outcome.outcome-death{color:#ff9b9b;background:#8c1e1e66}.combat-log-scroller{flex:1;min-height:0;padding:8px 12px;overflow-y:auto}.combat-round{margin-bottom:8px}.combat-round-label{color:#6a6a6a;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:10px}.combat-event{color:#d4d4d4;margin-bottom:1px;line-height:1.45}.inventory{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0ad9;border:1px solid #2a2a2a;border-radius:6px;width:240px;font-size:12px;position:absolute;bottom:16px;right:16px}.inventory-header{text-transform:uppercase;letter-spacing:.1em;color:#888;border-bottom:1px solid #2a2a2a;padding:8px 12px;font-size:10px}.inventory-list{max-height:220px;margin:0;padding:6px 0;list-style:none;overflow-y:auto}.inventory-item{align-items:flex-start;gap:10px;padding:6px 12px;display:flex}.inventory-item.passive{opacity:.78}.inventory-key{color:#777;background:#282828cc;border:1px solid #2a2a2a;border-radius:3px;flex:0 0 22px;justify-content:center;align-items:center;height:20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600;display:inline-flex}.inventory-key.active{color:#ffe9a8;background:#f2c14e38;border-color:#f2c14e}.inventory-body{flex-direction:column;gap:2px;min-width:0;display:flex}.inventory-name{color:#d4d4d4;font-weight:500}.inventory-desc{color:#888;font-size:11px;line-height:1.35}.spectator-overlay{pointer-events:none;z-index:30;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spectator-card{pointer-events:auto;color:#ddd;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;background:#0f0f0ff0;border:1px solid #555;border-radius:8px;flex-direction:column;gap:12px;min-width:280px;max-width:360px;padding:22px 24px;font-size:13px;line-height:1.5;display:flex;box-shadow:0 12px 40px #0000008c}.spectator-title{letter-spacing:.06em;color:#f2c14e;font-size:16px;font-weight:600}.spectator-subtitle{color:#888;letter-spacing:.04em;text-transform:uppercase;font-size:12px}.spectator-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.spectator-target{appearance:none;color:#e8e8e8;cursor:pointer;background:#323232b3;border:1px solid #555;border-radius:5px;justify-content:space-between;align-items:center;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;transition:background .12s,border-color .12s;display:flex}.spectator-target:hover{background:#464646e6;border-color:#888}.spectator-target.current{color:#ffe9a8;background:#f2c14e2e;border-color:#f2c14e}.spectator-target-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.spectator-target-meta{color:#999;font-size:11px}.spectator-empty{color:#888;font-size:12px;font-style:italic}.world-stats-card{background:#0a0a0ae0;border:1px solid #2a2a2a;border-radius:8px;flex-direction:column;gap:16px;width:min(640px,92vw);max-height:92vh;padding:28px 32px;display:flex;overflow-y:auto;box-shadow:0 12px 36px #0009}.world-stats-subtitle{color:#8a7a5a;letter-spacing:.04em;text-align:center;margin-top:-6px;font-size:13px;font-style:italic}.world-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.world-stats-stat{background:#14100a99;border:1px solid #2a2218;border-radius:5px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.world-stats-stat-label{color:#777;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.world-stats-stat-value{color:#f2d49a;word-break:break-word;font-size:20px;font-weight:600;line-height:1.15}.world-stats-stat-sub{color:#6a5a48;font-size:11px;font-style:italic}@media (width<=520px){.world-stats-grid{grid-template-columns:1fr}}.floor-announcer{z-index:18;color:#d6c9b0;letter-spacing:.02em;text-align:center;pointer-events:none;opacity:0;background:#0a0806c7;border-top:1px solid #5a4830;border-bottom:1px solid #5a4830;max-width:min(560px,90vw);padding:10px 18px;font-size:13px;font-style:italic;transition:opacity .6s ease-in-out;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.floor-announcer.visible{opacity:1}.corpse-tooltip{z-index:25;pointer-events:none;color:#d6c9b0;letter-spacing:.01em;background:#0f0c08f0;border:1px solid #5a4830;border-radius:4px;max-width:220px;padding:8px 12px;font-size:12px;line-height:1.45;position:fixed;transform:translate(12px,12px);box-shadow:0 4px 14px #0000008c}.corpse-tooltip-name{color:#f2d49a;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-weight:600;overflow:hidden}.corpse-tooltip-fell{color:#b09680}.corpse-tooltip-when{color:#6a5a48;margin-top:2px;font-size:11px;font-style:italic}.spectator-banner{z-index:20;color:#c9d6f0;letter-spacing:.02em;background:#14141eeb;border:1px solid #67a;border-radius:6px;align-items:center;gap:12px;padding:8px 14px;font-size:13px;font-weight:500;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 0 16px #465a8c66}.spectator-switch{appearance:none;color:#c9d6f0;letter-spacing:.04em;cursor:pointer;background:#32323ccc;border:1px solid #67a;border-radius:4px;padding:4px 10px;font-family:inherit;font-size:12px;font-weight:500}.spectator-switch:hover{background:#46465af2}.lobby-screen{background:radial-gradient(circle at 50% 30%,#3c32282e,#0000 60%),#0b0b0b;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.lobby-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e0e0eeb;border:1px solid #2a2a2a;border-radius:8px;flex-direction:column;gap:14px;width:100%;max-width:380px;padding:28px 26px 24px;display:flex;box-shadow:0 20px 60px #00000080}.lobby-card-spinner,.lobby-card-fatal{text-align:center;align-items:center}.lobby-title{letter-spacing:.18em;color:#f2c14e;text-align:center;margin-bottom:4px;font-size:22px;font-weight:600}.lobby-spinner-text{color:#888;letter-spacing:.04em;font-size:13px}.lobby-primary,.lobby-secondary{appearance:none;letter-spacing:.04em;cursor:pointer;border-radius:5px;padding:11px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:background .12s,border-color .12s,color .12s}.lobby-primary{color:#ffe9a8;background:#f2c14e2e;border:1px solid #f2c14e}.lobby-primary:hover:not(:disabled){background:#f2c14e47}.lobby-primary:disabled,.lobby-secondary:disabled{opacity:.5;cursor:not-allowed}.lobby-secondary{color:#e8e8e8;background:#323232b3;border:1px solid #555}.lobby-secondary:hover:not(:disabled){background:#464646e6;border-color:#888}.lobby-divider{color:#555;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:10px;margin:4px 0;font-size:11px;display:flex}.lobby-divider:before,.lobby-divider:after{content:"";background:#2a2a2a;flex:1;height:1px}.lobby-join-form{gap:8px;display:flex}.lobby-code-input{appearance:none;color:#f2f2f2;letter-spacing:.18em;text-transform:uppercase;text-align:center;background:#0006;border:1px solid #2a2a2a;border-radius:5px;flex:1;min-width:0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px}.lobby-code-input:focus{background:#0009;border-color:#f2c14e;outline:none}.lobby-code-input::placeholder{color:#444;letter-spacing:.18em}.lobby-error{color:#ff9b9b;background:#8c1e1e2e;border:1px solid #e14b4b73;border-radius:4px;padding:8px 12px;font-size:12px;line-height:1.45}.alt-mode-badge{z-index:100;color:#1a1300;letter-spacing:.16em;pointer-events:none;background:#f2c14eeb;border-radius:3px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700;position:fixed;top:8px;left:8px}.lobby-identity-row{background:#ffffff0a;border:1px solid #232323;border-radius:5px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.lobby-identity-label{color:#777;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.lobby-identity-name{color:#f2f2f2;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.lobby-link{color:#f2c14e;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:12px}.lobby-link:disabled{color:#555;cursor:not-allowed}.lobby-link:hover:not(:disabled){color:#ffd56a}.lobby-alt-link{text-align:center;letter-spacing:.04em;color:#777;margin-top:4px;font-size:11px}.lobby-alt-link:hover:not(:disabled){color:#aaa}.lobby-identity-blurb{color:#999;margin:0;font-size:13px;line-height:1.5}.lobby-identity-form{flex-direction:column;gap:10px;display:flex}.lobby-identity-input{appearance:none;color:#f2f2f2;background:#0006;border:1px solid #2a2a2a;border-radius:5px;min-width:0;padding:10px 12px;font-size:16px}.lobby-identity-input:focus{background:#0009;border-color:#f2c14e;outline:none}.lobby-identity-input::placeholder{color:#444}.lobby-section-label{color:#777;text-transform:uppercase;letter-spacing:.12em;margin-top:6px;font-size:10px}.lobby-code-row{align-items:stretch;gap:8px;display:flex}.lobby-code-display{letter-spacing:.22em;text-align:center;color:#f2c14e;-webkit-user-select:all;user-select:all;background:#0006;border:1px solid #2a2a2a;border-radius:5px;flex:1;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px}.lobby-copy{appearance:none;color:#e8e8e8;letter-spacing:.04em;cursor:pointer;background:#323232b3;border:1px solid #555;border-radius:5px;min-width:72px;padding:0 14px;font-family:inherit;font-size:12px;font-weight:500}.lobby-copy:hover{background:#464646e6;border-color:#888}.lobby-members{background:#0000004d;border:1px solid #2a2a2a;border-radius:5px;flex-direction:column;gap:2px;margin:0;padding:6px 0;list-style:none;display:flex}.lobby-member{color:#d4d4d4;align-items:center;gap:10px;padding:6px 12px;font-size:13px;display:flex}.lobby-member-dot{background:#5db569;border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px #5db56980}.lobby-member-name{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.lobby-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:600}.lobby-badge.host{color:#ffe9a8;background:#f2c14e38;border:1px solid #f2c14e73}.lobby-badge.you{color:#c9def0;background:#4488cc38;border:1px solid #4488cc73}.lobby-actions{align-items:center;gap:8px;margin-top:4px;display:flex}.lobby-actions .lobby-secondary{flex:none}.lobby-actions .lobby-primary{flex:1}.lobby-waiting-text{text-align:right;color:#888;flex:1;font-size:12px;font-style:italic}@media (pointer:coarse){.lobby-card{max-width:100%}.lobby-code-input,.lobby-code-display{font-size:20px}}.mobile-controls{display:none}.inventory-item.tappable{cursor:pointer}@media (pointer:coarse){.mobile-controls{pointer-events:none;z-index:20;display:block;position:absolute;inset:0}.hud{min-width:0;padding:8px 10px;font-size:12px;top:8px;right:8px}.inventory{width:200px;font-size:11px;inset:8px auto auto 8px}.combat-log{display:none}.dpad{pointer-events:auto;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:4px;width:168px;height:168px;display:grid;position:absolute;bottom:24px;left:24px}.dpad-btn{appearance:none;color:#ddd;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#141414b3;border:1px solid #444;border-radius:8px;font-size:22px;line-height:1}.dpad-btn:active{background:#464646e6;border-color:#888}.dpad-up{grid-area:1/2}.dpad-left{grid-area:2/1}.dpad-right{grid-area:2/3}.dpad-down{grid-area:3/2}.mobile-actions{pointer-events:auto;flex-direction:column;align-items:stretch;gap:10px;display:flex;position:absolute;bottom:24px;right:24px}.mobile-action{appearance:none;color:#f2f2f2;letter-spacing:.04em;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#141414d9;border:1px solid #555;border-radius:6px;min-width:110px;padding:12px 18px;font-family:inherit;font-size:14px;font-weight:500}.mobile-action:active{background:#464646f2}.mobile-action-flee{color:#ffe2b8;border-color:#e1a04b}.mobile-action-descend{color:#c9def0;border-color:#48c}.inventory-item.tappable:active{background:#46464680}}.run-summary-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.run-summary-card{color:#e0e0e0;text-align:center;background:#0f0f12f5;border:1px solid #555;border-radius:10px;flex-direction:column;gap:14px;width:min(440px,100%);max-height:100%;padding:26px 28px 24px;font-size:13px;line-height:1.55;display:flex;overflow-y:auto;box-shadow:0 18px 60px #000000b3}.run-summary-title{letter-spacing:.06em;color:#f2c14e;font-size:20px;font-weight:700}.run-summary-subtitle{color:#999;letter-spacing:.04em;text-transform:uppercase;font-size:12px}.run-summary-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 0;display:grid}.run-summary-stat{background:#2828328c;border:1px solid #3d3d48;border-radius:6px;flex-direction:column;gap:4px;padding:10px 8px;display:flex}.run-summary-stat dt{color:#888;letter-spacing:.06em;text-transform:uppercase;font-size:10px}.run-summary-stat dd{color:#ddd;font-variant-numeric:tabular-nums;margin:0;font-size:18px;font-weight:600}.run-summary-section-title{color:#888;letter-spacing:.08em;text-transform:uppercase;margin-top:8px;font-size:11px}.run-summary-roster{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.run-summary-row{text-align:left;background:#28283099;border:1px solid #3a3a44;border-radius:6px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.run-summary-row-local{background:#f2c14e1a;border-color:#f2c14e}.run-summary-row-name{color:#ffe9a8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:600}.run-summary-row-fate{color:#d8d8d8;font-size:12px}.run-summary-row-meta{color:#888;font-variant-numeric:tabular-nums;font-size:11px}.run-summary-restart{appearance:none;color:#1b1b1b;letter-spacing:.04em;cursor:pointer;background:#f2c14e;border:none;border-radius:6px;margin-top:10px;padding:11px 22px;font-family:inherit;font-size:14px;font-weight:700;transition:background .12s,transform .12s}.run-summary-restart:hover{background:#ffd470;transform:translateY(-1px)}.run-summary-stats-link{color:#b09680;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;align-self:center;margin-top:10px;font-size:12px}.run-summary-stats-link:hover{color:#f2d49a}