:root{--bg: #0b0814;--bg2: #12101c;--bg3: #1a1628;--surface: #1e1a2e;--surface2: #272240;--border: #3d3560;--gold: #e8c44a;--gold-dim: #9b7e26;--purple: #7c3aed;--purple-lo: #4c1d95;--red: #dc2626;--green: #16a34a;--text: #e2d9f3;--text-dim: #8b7fa8;--torch: #f97316;--radius: 10px;--shadow: 0 4px 24px rgba(0,0,0,.6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:Crimson Text,Georgia,serif;font-size:16px;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.items-center{align-items:center}.justify-center{justify-content:center}.text-gold{color:var(--gold)}.text-dim{color:var(--text-dim)}.text-red{color:var(--red)}.text-green{color:var(--green)}.font-title{font-family:Cinzel,serif}.bold{font-weight:700}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2);color:var(--text);font-family:Cinzel,serif;font-size:13px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:all .18s;white-space:nowrap}.btn:hover:not(:disabled){background:var(--purple-lo);border-color:var(--purple);color:#fff;box-shadow:0 0 10px #7c3aed66}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-gold{background:var(--gold-dim);border-color:var(--gold);color:#000}.btn-gold:hover:not(:disabled){background:var(--gold);box-shadow:0 0 12px #e8c44a80}.btn-red{background:#7f1d1d;border-color:var(--red)}.btn-red:hover:not(:disabled){background:var(--red);box-shadow:0 0 10px #dc262666}.btn-sm{padding:5px 12px;font-size:12px}input[type=text],input[type=number],select{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:Crimson Text,serif;font-size:16px;padding:8px 14px;outline:none;width:100%;transition:border-color .18s}input:focus,select:focus{border-color:var(--purple);box-shadow:0 0 0 2px #7c3aed40}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.panel-title{font-family:Cinzel,serif;font-size:13px;font-weight:700;color:var(--gold);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.statbar{height:7px;background:var(--bg2);border-radius:4px;overflow:hidden;margin:3px 0}.statbar-fill{height:100%;border-radius:4px;transition:width .3s}.statbar-hp{background:linear-gradient(90deg,#b91c1c,#ef4444)}.statbar-en{background:linear-gradient(90deg,#1e3a8a,#3b82f6)}.statbar-torch{background:linear-gradient(90deg,#92400e,var(--torch))}.board-wrap{display:flex;align-items:center;justify-content:center;flex:1;overflow:auto;padding:12px}.board-grid{display:grid;grid-template-columns:repeat(7,68px);grid-template-rows:repeat(7,68px);gap:3px}.board-cell{width:68px;height:68px;border-radius:7px;position:relative;cursor:default;display:flex;align-items:flex-end;justify-content:flex-start;flex-direction:column;padding:3px;overflow:hidden;transition:transform .1s,box-shadow .1s}.board-cell.empty{background:transparent}.board-cell.hidden{background:var(--bg2);border:1px solid #222}.board-cell.revealed{border:1px solid rgba(255,255,255,.12)}.board-cell.cleared{filter:brightness(.7)}.board-cell.valid-move{cursor:pointer;box-shadow:0 0 0 2px var(--gold),0 0 12px #e8c44a66}.board-cell.valid-move:hover{transform:scale(1.06);box-shadow:0 0 0 2px var(--gold),0 0 20px #e8c44ab3;z-index:2}.board-cell.is-start{box-shadow:0 0 0 2px var(--gold)}.cell-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);font-size:26px;pointer-events:none;opacity:.85}.cell-name{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:8px;color:#ffffffb3;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.04em;pointer-events:none}.cell-heroes{position:absolute;top:3px;left:3px;display:flex;gap:2px;flex-wrap:wrap;max-width:42px}.hero-dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8)}.hero-dot.active{border-color:var(--gold);box-shadow:0 0 6px var(--gold)}.hero-dot.unconscious{opacity:.4;filter:grayscale(1)}.cell-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#00000073,#0003);pointer-events:none;z-index:0}.board-cell>*{position:relative;z-index:1}.cell-enemies{position:absolute;top:3px;right:3px;display:flex;gap:2px;flex-direction:column;align-items:flex-end;z-index:1}.enemy-pip{width:18px;height:18px;border-radius:4px;overflow:hidden;border:1px solid rgba(239,68,68,.6);font-size:12px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 3px rgba(0,0,0,.8))}.enemy-pip.boss{width:22px;height:22px;border-color:#ef4444;animation:pulse-red 1s infinite alternate}@keyframes pulse-red{0%{box-shadow:0 0 4px #dc2626}to{box-shadow:0 0 10px #dc2626}}.hero-card{padding:10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);transition:border-color .2s,background .15s;-webkit-user-select:none;user-select:none}.hero-card:hover{border-color:#e8c44a59;background:#ffffff05}.hero-card.active-hero{border-color:var(--gold);box-shadow:0 0 12px #e8c44a40}.hero-card.unconscious-hero{opacity:.5;filter:grayscale(.7)}.enemy-card{padding:8px 10px;border-radius:var(--radius);border:1px solid #4b1c1c;background:#7f1d1d1f;margin-bottom:4px;transition:border-color .15s,background .15s}.enemy-card:hover{border-color:#ef444480;background:#7f1d1d33}.enemy-card.active-hero{border-color:#ef4444;box-shadow:0 0 10px #ef44444d;background:#7f1d1d40}.enemy-card.boss-card{border-color:#7f1d1d;background:#7f1d1d33;box-shadow:0 0 16px #ef444433}.enemy-card.boss-card.active-hero{box-shadow:0 0 20px #ef444480}.enemy-badge{font-size:9px;border-radius:4px;padding:1px 5px;border:1px solid}.enemy-badge.magic{background:#8b5cf633;color:#a78bfa;border-color:#7c3aed}.enemy-badge.aoe{background:#ef444433;color:#fca5a5;border-color:#b91c1c}.enemy-badge.life{background:#22c55e33;color:#86efac;border-color:#15803d}.enemy-badge.poison{background:#86efac33;color:#6ee7b7;border-color:#065f46}.log-area{flex:1;overflow-y:auto;display:flex;flex-direction:column-reverse;gap:2px;padding:6px 2px}.log-line{font-size:13px;color:var(--text-dim);padding:1px 4px;line-height:1.4}.log-line.important{color:var(--gold);font-weight:600}.log-line.danger{color:#f87171}.log-line.success{color:#4ade80}.torch-bar{display:flex;align-items:center;gap:8px}.torch-track{flex:1;height:10px;background:var(--bg2);border-radius:5px;overflow:hidden;border:1px solid var(--border)}.torch-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,#92400e,var(--torch));transition:width .5s}.lobby-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 20% 50%,rgba(76,29,149,.3) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(124,58,237,.15) 0%,transparent 50%),var(--bg)}.lobby-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#05030fb8;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.lobby-card{position:relative;z-index:1;background:#141026eb;border:1px solid var(--border);border-radius:16px;padding:36px;width:min(500px,94vw);box-shadow:var(--shadow),0 0 80px #4c1d9533;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lobby-title{font-family:Cinzel,serif;font-size:32px;font-weight:700;color:var(--gold);text-align:center;text-shadow:0 0 30px rgba(232,196,74,.5);margin-bottom:6px}.lobby-sub{text-align:center;color:var(--text-dim);font-size:14px;margin-bottom:28px}.divider{border:none;border-top:1px solid var(--border);margin:20px 0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-pick{border:2px solid var(--border);border-radius:var(--radius);background:var(--bg2);cursor:pointer;transition:all .2s;text-align:center;overflow:hidden;padding-bottom:10px}.hero-pick:hover:not(.disabled){border-color:var(--purple);background:var(--surface2);transform:translateY(-2px);box-shadow:0 4px 16px #7c3aed4d}.hero-pick.selected{border-color:var(--gold);background:#e8c44a14;box-shadow:0 0 16px #e8c44a40}.hero-pick.disabled{opacity:.35;cursor:not-allowed}.hero-pick-img-wrap{position:relative;height:120px;overflow:hidden;background:linear-gradient(180deg,rgba(0,0,0,0) 60%,var(--bg2) 100%)}.hero-pick-img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .3s}.hero-pick:hover:not(.disabled) .hero-pick-img{transform:scale(1.06)}.hero-pick-badge{position:absolute;bottom:4px;right:4px;background:var(--gold);color:#000;font-family:Cinzel,serif;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.hero-pick-name{font-family:Cinzel,serif;font-size:13px;color:var(--gold);margin:6px 8px 2px}.hero-pick-desc{font-size:11px;color:var(--text-dim);margin:2px 8px 0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay-card{background:var(--surface);border:1px solid var(--gold);border-radius:16px;padding:32px;width:min(520px,94vw);box-shadow:0 0 60px #e8c44a33}.loot-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.loot-card{border:1px solid var(--border);border-radius:var(--radius);padding:12px;background:var(--bg2);cursor:pointer;transition:all .18s}.loot-card:hover{border-color:var(--gold);background:#e8c44a0f}.loot-tag{display:inline-block;font-size:10px;font-family:Cinzel,serif;padding:1px 6px;border-radius:4px;margin-bottom:5px}.loot-spell{background:#1e1a5c;color:#a5b4fc;border:1px solid #3730a3}.loot-equip{background:#1c2a1c;color:#86efac;border:1px solid #166534}.dice-row{display:flex;gap:10px;justify-content:center;margin:16px 0}.die{width:48px;height:48px;border:2px solid var(--border);border-radius:10px;background:var(--bg2);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;font-family:Cinzel,serif;color:var(--text)}.die.chosen{border-color:var(--gold);color:var(--gold);box-shadow:0 0 16px #e8c44a80}.game-layout{display:grid;grid-template-columns:190px 1fr 230px;grid-template-rows:48px 1fr;height:100vh;gap:0;overflow:hidden}.topbar{grid-column:1/-1;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 14px;position:relative;z-index:10}.left-panel{background:var(--bg2);border-right:1px solid var(--border);overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.right-panel{background:var(--bg2);border-left:1px solid var(--border);overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px}.center-area{display:flex;align-items:center;justify-content:center;overflow:auto;background:var(--bg)}.mobile-tabbar{display:none}.mobile-visible{display:flex}@media (max-width: 1000px){.game-layout{grid-template-columns:160px 1fr 200px}.board-grid{grid-template-columns:repeat(7,60px);grid-template-rows:repeat(7,60px)}.board-cell{width:60px;height:60px}}@media (max-width: 700px){html,body,#root{overflow:auto}.game-layout{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.topbar{gap:8px;padding:0 10px;font-size:11px;flex-shrink:0;height:44px;overflow-x:auto;overflow-y:hidden}.topbar>*{flex-shrink:0}.left-panel,.right-panel,.center-area{flex:1;overflow-y:auto;border:none;border-top:1px solid var(--border)}.left-panel,.right-panel,.center-area{display:none}.left-panel.mobile-visible,.right-panel.mobile-visible{display:flex;flex-direction:column}.center-area.mobile-visible{display:flex;align-items:flex-start;justify-content:center;padding:8px}.board-grid{grid-template-columns:repeat(7,calc((100vw - 20px) / 7));grid-template-rows:repeat(7,calc((100vw - 20px) / 7))}.board-cell{width:calc((100vw - 20px) / 7);height:calc((100vw - 20px) / 7);border-radius:5px}.cell-icon{font-size:18px}.cell-name{font-size:7px}.hero-dot{width:14px;height:14px;font-size:8px}.enemy-pip{width:15px;height:15px}.mobile-tabbar{display:flex;flex-shrink:0;background:var(--bg2);border-top:1px solid var(--border);height:52px}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;color:var(--text-dim);font-size:9px;font-family:Cinzel,serif;cursor:pointer;transition:color .15s,background .15s;padding:4px 0}.mobile-tab span:first-child{font-size:18px}.mobile-tab.active{color:var(--gold);background:#e8c44a14;border-top:2px solid var(--gold)}.overlay-card{padding:20px}.loot-grid{grid-template-columns:1fr 1fr;gap:6px}.hero-card{padding:8px}.hero-pick-img-wrap{height:90px}.torch-bar{display:none}}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .15s ease}.settings-panel{background:var(--bg2);border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 40px #000c;width:min(480px,100%);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.settings-hdr{display:flex;align-items:center;gap:10px;padding:14px 16px 10px;border-bottom:1px solid var(--border);background:var(--bg3)}.settings-hdr span:last-of-type{margin-left:auto}.settings-close{background:none;border:none;color:var(--text-dim);font-size:16px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .15s;flex-shrink:0}.settings-close:hover{color:var(--gold)}.settings-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);background:var(--bg3)}.settings-tab{flex:1;padding:10px 6px;border:none;cursor:pointer;background:transparent;color:var(--text-dim);font-family:Cinzel,serif;font-size:11px;font-weight:600;border-bottom:3px solid transparent;transition:color .15s,border-color .15s}.settings-tab:hover{color:var(--text)}.settings-tab.active{color:var(--gold);border-bottom-color:var(--gold);background:#e8c44a0f}.settings-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:14px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.audio-row{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px}.gallery-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .15s,transform .12s}.gallery-card:hover{border-color:var(--gold);transform:translateY(-2px)}.gallery-img-wrap{position:relative;aspect-ratio:1 / 1;background:var(--bg3);overflow:hidden}.gallery-img{width:100%;height:100%;object-fit:cover;display:block}.gallery-play-badge{position:absolute;bottom:4px;right:4px;background:#000000bf;color:var(--gold);font-size:9px;padding:2px 5px;border-radius:4px;pointer-events:none}.gallery-label{padding:6px 6px 5px;font-size:10px;font-family:Cinzel,serif;color:var(--text);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#000000e0;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .1s ease}.lb-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:16px;max-width:680px;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 12px 48px #000000e6}.lb-title{font-family:Cinzel,serif;color:var(--gold);font-size:15px;font-weight:700;text-align:center}.lb-nav{background:var(--surface2);border:1px solid var(--border);color:var(--gold);font-size:18px;cursor:pointer;width:38px;height:38px;border-radius:8px;flex-shrink:0;transition:background .15s,border-color .15s;display:flex;align-items:center;justify-content:center}.lb-nav:hover:not(.lb-nav-disabled){background:var(--surface);border-color:var(--gold)}.lb-nav-disabled{opacity:.2;cursor:default}.lb-counter{font-size:11px;color:var(--text-dim);font-family:Cinzel,serif;display:flex;align-items:center;gap:4px}.lb-close{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);padding:7px 20px;border-radius:8px;cursor:pointer;font-size:12px;font-family:Cinzel,serif;transition:border-color .15s,color .15s}.lb-close:hover{border-color:var(--gold);color:var(--gold)}.gallery-card-locked{cursor:default;opacity:.5}.gallery-card-locked:hover{border-color:var(--border)!important;transform:none!important}.gallery-secret-badge{position:absolute;bottom:4px;left:4px;background:#501e8cd9;color:#d8b4fe;font-size:10px;padding:2px 5px;border-radius:4px;pointer-events:none}.manual-content{display:flex;flex-direction:column;gap:12px}.manual-section{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px}.manual-title{font-family:Cinzel,serif;color:var(--gold);font-size:12px;font-weight:700;margin-bottom:6px}.manual-section p{font-size:13px;line-height:1.5;color:var(--text)}.manual-section strong{color:var(--gold)}@media (max-width: 480px){.settings-panel{max-height:95vh;width:100%;border-radius:10px}.settings-tab{font-size:9px;padding:8px 3px}.gallery-label{font-size:8px}}