:root{color-scheme:dark;--bg: #14151a;--panel-bg: #1d1f27;--panel-border: #2e313d;--text: #e8e9ee;--text-dim: #8b8fa3;--accent: #5b8cff;--danger: #ff5c5c;--gold: #e0b84b;--evasion: #9b6bff}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#game-root{display:flex;align-items:flex-start;justify-content:center;gap:16px;padding:16px;min-height:100vh}#canvas-column{display:flex;flex-direction:column;gap:8px}#floor-header{align-self:center;font-size:18px;font-weight:700;letter-spacing:.03em;color:var(--text);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;padding:6px 20px}#game-canvas{width:min(650px,calc(100vw - 32px));height:auto;aspect-ratio:1;display:block;background:#0a0b0e;border:1px solid var(--panel-border);border-radius:6px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#swipe-arrow{--turn: 0deg;position:absolute;left:0;top:0;width:40px;height:40px;margin:-20px 0 0 -20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#5b8cff38;color:var(--text);font-size:16px;pointer-events:none;opacity:0}#swipe-arrow[data-dir=right]{--turn: 90deg}#swipe-arrow[data-dir=down]{--turn: 180deg}#swipe-arrow[data-dir=left]{--turn: 270deg}#swipe-arrow.show{animation:swipe-flash .25s ease-out}@keyframes swipe-flash{0%{opacity:1;transform:rotate(var(--turn)) translateY(0)}to{opacity:0;transform:rotate(var(--turn)) translateY(-14px)}}#touch-hint{display:none;margin:0;text-align:center;font-size:12px;color:var(--text-dim)}@media (pointer: coarse){#touch-hint{display:block}}@media (max-width: 920px){#game-root{flex-direction:column;align-items:center}#side-panel{width:min(650px,100%)}}#side-panel{width:240px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.panel-box{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;padding:12px}.panel-box h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}#player-name-badge{font-size:15px;font-weight:600;padding:2px 2px 6px}#hearts{display:flex;gap:4px;margin-bottom:4px}.heart{width:16px;height:16px;border-radius:50%;flex-shrink:0}.heart.full{background:var(--danger);box-shadow:0 0 0 1px #0000004d inset}.heart.empty{background:transparent;border:2px solid var(--panel-border)}#hearts-count{font-size:12px;color:var(--text-dim)}#level-xp{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;margin-bottom:6px}#power-value{font-size:13px;color:var(--gold);cursor:help}#odds-legend{display:flex;gap:10px;margin-top:6px;font-size:11px;cursor:help}.odds:before{content:"";display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:50%;background:currentColor}.odds.sure{color:#4cd07d}.odds.even{color:#e0b84b}.odds.risky{color:#ff5c5c}#buff-indicator{display:none;align-items:center;gap:6px;color:var(--gold);font-size:13px}#buff-indicator.active{display:flex}#evasion-indicator{display:none;align-items:center;gap:6px;color:var(--evasion);font-size:13px;cursor:help}#evasion-indicator.active{display:flex}#combat-log{list-style:none;margin:0;padding:0;font-size:13px;color:var(--text-dim);max-height:160px;overflow-y:auto}#combat-log li{padding:3px 0;border-bottom:1px solid var(--panel-border)}#equipment-slots{cursor:help}.slot-row{display:flex;justify-content:space-between;font-size:13px;padding:3px 0;border-bottom:1px solid var(--panel-border)}.slot-label{color:var(--text-dim)}#combat-log li.win{color:var(--accent)}#combat-log li.loss{color:var(--danger)}#combat-log li.flee{color:var(--text-dim)}#roster-count{margin-left:4px;color:var(--text)}#floor-roster{list-style:none;margin:0;padding:0;font-size:13px;max-height:160px;overflow-y:auto;cursor:help}.roster-row{display:grid;grid-template-columns:minmax(0,1fr) auto 3.2em;gap:8px;align-items:baseline;padding:3px 0;border-bottom:1px solid var(--panel-border);color:var(--text-dim);transition:color .2s ease}.roster-row:last-child{border-bottom:none}.roster-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-name:before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--panel-border);transition:background .2s ease}.roster-row.nearby,.roster-row.self{color:var(--text)}.roster-row.nearby .roster-name:before{background:var(--accent)}.roster-row.self .roster-name:before{background:#fff}.roster-you{margin-left:4px;font-size:11px;color:var(--text-dim)}.roster-power{text-align:right;color:var(--gold)}.roster-power.unknown{color:var(--panel-border)}#chat-panel-placeholder{opacity:.35;font-size:12px;text-align:center;padding:8px}#name-overlay{position:fixed;inset:0;background:#0a0b0ee6;display:flex;align-items:center;justify-content:center;z-index:10}#name-overlay.hidden{display:none}#name-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;padding:28px 32px;width:280px;text-align:center}#name-card h2{margin-top:0;font-size:18px}#name-input{width:100%;padding:8px 10px;border-radius:6px;border:1px solid var(--panel-border);background:#0a0b0e;color:var(--text);font-size:16px;margin:12px 0}#name-submit{width:100%;padding:8px 10px;border-radius:6px;border:none;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}#name-submit:hover{filter:brightness(1.1)}#map-wrap{position:relative}#door-prompt{position:absolute;left:50%;bottom:12px;transform:translate(-50%);max-width:calc(100% - 24px);min-height:44px;padding:10px 18px;border:1px solid var(--gold);border-radius:999px;background:#1d1f27f0;box-shadow:0 4px 16px #00000080;font:inherit;font-size:14px;color:var(--text);cursor:pointer;touch-action:manipulation;display:none}#door-prompt:hover{background:#2e313df5}#door-prompt.visible{display:block;animation:door-in .18s ease-out}@keyframes door-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}