:root{--rb-bg: #121624;--rb-surface-1: #1a2033;--rb-surface-2: #202844;--rb-surface-3: #222b45;--rb-border: #31406a;--rb-border-strong: #4b5888;--rb-text: #f6f7ff;--rb-text-muted: #c9d2f3;--rb-accent: #6f82c4;--rb-danger: #ff7b7b;--rb-radius: 10px;--rb-shadow-card: 0 6px 18px rgba(8, 12, 24, .25);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--rb-text);background:var(--rb-bg)}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}.app{padding:16px;min-height:100vh;overflow-x:hidden}.game-scene{position:relative;border-radius:16px;overflow:hidden;border:1px solid #2d375a;background:#131a2d;--scene-accent: #6f82c4;--scene-accent-strong: #8aa6f2;--scene-accent-soft: rgba(111, 130, 196, .22);--scene-panel-border: #2d375a;--scene-pill-border: #435384;--scene-pill-bg: #223053;--scene-cta-from: #4766bf;--scene-cta-to: #3d56a7}.scene-backdrop{position:absolute;inset:0;background:radial-gradient(140% 90% at 15% -5%,rgba(96,127,212,.24),transparent 56%),radial-gradient(130% 85% at 105% 105%,rgba(36,65,126,.28),transparent 58%),linear-gradient(165deg,#1a243fd1,#121a2fdb 60%,#11182ae6),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1920'%20height='1080'%20viewBox='0%200%201920%201080'%3e%3cdefs%3e%3clinearGradient%20id='bg'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3e%3cstop%20offset='0%25'%20stop-color='%2323315b'/%3e%3cstop%20offset='55%25'%20stop-color='%231b2744'/%3e%3cstop%20offset='100%25'%20stop-color='%23131c31'/%3e%3c/linearGradient%3e%3cradialGradient%20id='lightA'%20cx='0.2'%20cy='0.15'%20r='0.65'%3e%3cstop%20offset='0%25'%20stop-color='%236e8de8'%20stop-opacity='0.36'/%3e%3cstop%20offset='100%25'%20stop-color='%236e8de8'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3cradialGradient%20id='lightB'%20cx='0.86'%20cy='0.88'%20r='0.62'%3e%3cstop%20offset='0%25'%20stop-color='%233f6ac0'%20stop-opacity='0.28'/%3e%3cstop%20offset='100%25'%20stop-color='%233f6ac0'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3crect%20width='1920'%20height='1080'%20fill='url(%23bg)'/%3e%3crect%20width='1920'%20height='1080'%20fill='url(%23lightA)'/%3e%3crect%20width='1920'%20height='1080'%20fill='url(%23lightB)'/%3e%3cg%20opacity='0.18'%20fill='%238aa6f2'%3e%3ccircle%20cx='240'%20cy='840'%20r='42'/%3e%3ccircle%20cx='520'%20cy='720'%20r='28'/%3e%3ccircle%20cx='1460'%20cy='260'%20r='36'/%3e%3ccircle%20cx='1680'%20cy='520'%20r='22'/%3e%3c/g%3e%3c/svg%3e");background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.scene-vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 42%,rgba(8,12,24,.42) 100%);pointer-events:none;z-index:1}.scene-ornament{position:absolute;left:0;right:0;pointer-events:none;z-index:2;opacity:.28;background-repeat:no-repeat;background-position:center;mix-blend-mode:screen}.scene-ornament-top{top:0;height:150px;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1920'%20height='280'%20viewBox='0%200%201920%20280'%3e%3cg%20fill='none'%20stroke='%23c7d6ff'%20stroke-width='2'%20opacity='0.45'%3e%3cpath%20d='M0%2074h420c80%200%20120%2042%20200%2042h680c80%200%20120-42%20200-42h420'/%3e%3cpath%20d='M0%20108h360c96%200%20144%2058%20236%2058h728c92%200%20140-58%20236-58h360'/%3e%3cpath%20d='M840%2024h240'/%3e%3cpath%20d='M930%2024v44'/%3e%3c/g%3e%3cg%20fill='%23d4e0ff'%20opacity='0.25'%3e%3ccircle%20cx='960'%20cy='88'%20r='16'/%3e%3ccircle%20cx='690'%20cy='94'%20r='8'/%3e%3ccircle%20cx='1230'%20cy='94'%20r='8'/%3e%3c/g%3e%3c/svg%3e");background-size:100% 100%}.scene-ornament-bottom{bottom:0;height:160px;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1920'%20height='300'%20viewBox='0%200%201920%20300'%3e%3cg%20fill='none'%20stroke='%23bcd0ff'%20stroke-width='2'%20opacity='0.4'%3e%3cpath%20d='M0%20224h420c90%200%20130-52%20214-52h652c84%200%20124%2052%20214%2052h420'/%3e%3cpath%20d='M0%20196h360c100%200%20148-64%20248-64h704c100%200%20148%2064%20248%2064h360'/%3e%3cpath%20d='M900%20252h120'/%3e%3c/g%3e%3cg%20fill='%23d3ddff'%20opacity='0.24'%3e%3ccircle%20cx='960'%20cy='202'%20r='14'/%3e%3ccircle%20cx='740'%20cy='194'%20r='7'/%3e%3ccircle%20cx='1180'%20cy='194'%20r='7'/%3e%3c/g%3e%3c/svg%3e");background-size:100% 100%}.scene-content{position:relative;z-index:3;padding:14px;max-height:calc(100vh - 110px);overflow:auto;overflow-x:hidden}.tutorial-overlay{position:sticky;top:0;z-index:8;display:flex;justify-content:flex-end;pointer-events:none;margin-bottom:8px}.tutorial-card{pointer-events:auto;width:min(420px,96%);border:1px solid #5f78b8;border-radius:10px;background:#131c30f0;box-shadow:0 10px 24px #080c1859;padding:8px 10px}.tutorial-title{font-size:12px;font-weight:700;opacity:.95}.tutorial-text{margin:6px 0 8px;font-size:13px;line-height:1.35;color:#d8e2ff}.tutorial-dismiss{min-height:32px;font-size:12px}.round-result-overlay{position:absolute;inset:0;z-index:4;display:grid;place-items:center;pointer-events:none;padding:12px}.round-result-card{width:min(520px,96vw);border:1px solid #5e6ea6;border-radius:12px;background:#171e33e0;box-shadow:0 18px 35px #080c1880;padding:12px 14px;text-align:center}.round-result-card h3{margin:2px 0 8px}.round-result-outcome{margin:0 0 6px;font-size:18px;font-weight:700}.round-result-summary{margin:0;font-size:14px}.scene-hero_selection .scene-backdrop{background:radial-gradient(100% 70% at 50% 0%,rgba(126,106,214,.28),transparent 62%),radial-gradient(120% 90% at 50% 100%,rgba(54,67,118,.45),transparent 68%),linear-gradient(180deg,#221f3dd1,#171e35db 56%,#141a2fe6),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1920'%20height='1080'%20viewBox='0%200%201920%201080'%3e%3cdefs%3e%3clinearGradient%20id='bg'%20x1='0'%20y1='0'%20x2='0.9'%20y2='1'%3e%3cstop%20offset='0%25'%20stop-color='%232a2752'/%3e%3cstop%20offset='56%25'%20stop-color='%23222344'/%3e%3cstop%20offset='100%25'%20stop-color='%23181c33'/%3e%3c/linearGradient%3e%3cradialGradient%20id='spot'%20cx='0.5'%20cy='0.1'%20r='0.68'%3e%3cstop%20offset='0%25'%20stop-color='%23a18dff'%20stop-opacity='0.34'/%3e%3cstop%20offset='100%25'%20stop-color='%23a18dff'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3crect%20width='1920'%20height='1080'%20fill='url(%23bg)'/%3e%3crect%20width='1920'%20height='1080'%20fill='url(%23spot)'/%3e%3cg%20opacity='0.2'%20fill='%23c0b4ff'%3e%3ccircle%20cx='560'%20cy='270'%20r='8'/%3e%3ccircle%20cx='720'%20cy='210'%20r='5'/%3e%3ccircle%20cx='960'%20cy='170'%20r='10'/%3e%3ccircle%20cx='1220'%20cy='220'%20r='7'/%3e%3ccircle%20cx='1380'%20cy='290'%20r='9'/%3e%3c/g%3e%3c/svg%3e")}.scene-lobby .scene-backdrop{background:radial-gradient(120% 80% at 10% 0%,rgba(72,105,170,.25),transparent 58%),radial-gradient(90% 100% at 100% 100%,rgba(40,60,112,.3),transparent 60%),linear-gradient(180deg,#1b2742d1,#162138db 58%,#131d31e6),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1920'%20height='1080'%20viewBox='0%200%201920%201080'%3e%3cdefs%3e%3clinearGradient%20id='bg'%20x1='0'%20y1='0'%20x2='0.95'%20y2='1'%3e%3cstop%20offset='0%25'%20stop-color='%2322365f'/%3e%3cstop%20offset='60%25'%20stop-color='%231b2b4a'/%3e%3cstop%20offset='100%25'%20stop-color='%23152139'/%3e%3c/linearGradient%3e%3cradialGradient%20id='lightA'%20cx='0.1'%20cy='0.05'%20r='0.7'%3e%3cstop%20offset='0%25'%20stop-color='%2377a0ff'%20stop-opacity='0.3'/%3e%3cstop%20offset='100%25'%20stop-color='%2377a0ff'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3crect%20width='1920'%20height='1080'%20fill='url(%23bg)'/%3e%3crect%20width='1920'%20height='1080'%20fill='url(%23lightA)'/%3e%3cg%20opacity='0.2'%20stroke='%2396b2ff'%20stroke-width='2'%20fill='none'%3e%3cpath%20d='M160%20210h420'/%3e%3cpath%20d='M160%20260h610'/%3e%3cpath%20d='M160%20310h530'/%3e%3cpath%20d='M1320%20710h420'/%3e%3cpath%20d='M1190%20760h550'/%3e%3cpath%20d='M1260%20810h480'/%3e%3c/g%3e%3c/svg%3e")}.scene-lobby .scene-ornament{opacity:.23;filter:hue-rotate(-6deg) saturate(.92)}.scene-lobby{--scene-accent: #7b9bdf;--scene-accent-strong: #9db8ff;--scene-accent-soft: rgba(123, 155, 223, .24);--scene-panel-border: #3a4d79;--scene-pill-border: #4e669d;--scene-pill-bg: #28395f;--scene-cta-from: #4d6fc7;--scene-cta-to: #3f5eaf}.scene-combat .scene-backdrop,.scene-round_end .scene-backdrop{background:radial-gradient(120% 90% at 50% -10%,rgba(134,64,81,.27),transparent 56%),radial-gradient(110% 90% at 20% 100%,rgba(74,45,84,.2),transparent 58%),linear-gradient(180deg,#2a1d2ed1,#1f1a2fde 54%,#151727e6),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1920'%20height='1080'%20viewBox='0%200%201920%201080'%3e%3cdefs%3e%3clinearGradient%20id='bg'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3e%3cstop%20offset='0%25'%20stop-color='%23341f35'/%3e%3cstop%20offset='58%25'%20stop-color='%23271d33'/%3e%3cstop%20offset='100%25'%20stop-color='%23171b2b'/%3e%3c/linearGradient%3e%3cradialGradient%20id='glowA'%20cx='0.5'%20cy='0.12'%20r='0.62'%3e%3cstop%20offset='0%25'%20stop-color='%23d3788f'%20stop-opacity='0.3'/%3e%3cstop%20offset='100%25'%20stop-color='%23d3788f'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3crect%20width='1920'%20height='1080'%20fill='url(%23bg)'/%3e%3crect%20width='1920'%20height='1080'%20fill='url(%23glowA)'/%3e%3cg%20opacity='0.2'%20stroke='%23d88ca0'%20stroke-width='2'%3e%3cpath%20d='M420%20350l1080%200'/%3e%3cpath%20d='M360%20720l1200%200'/%3e%3c/g%3e%3c/svg%3e")}.scene-combat .scene-ornament,.scene-round_end .scene-ornament{opacity:.2;filter:hue-rotate(125deg) saturate(.88)}.scene-combat,.scene-round_end{--scene-accent: #bf788f;--scene-accent-strong: #d797ac;--scene-accent-soft: rgba(191, 120, 143, .22);--scene-panel-border: #5f4254;--scene-pill-border: #7c556b;--scene-pill-bg: #3a2a3a;--scene-cta-from: #b35a7c;--scene-cta-to: #944a68}.scene-finished .scene-backdrop{background:radial-gradient(110% 80% at 50% 0%,rgba(120,138,227,.22),transparent 58%),radial-gradient(90% 100% at 100% 100%,rgba(53,80,140,.28),transparent 65%),linear-gradient(180deg,#1b243fd1,#152037db 56%,#131c2fe6),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1920'%20height='1080'%20viewBox='0%200%201920%201080'%3e%3cdefs%3e%3clinearGradient%20id='bg'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3e%3cstop%20offset='0%25'%20stop-color='%23223258'/%3e%3cstop%20offset='58%25'%20stop-color='%231b2746'/%3e%3cstop%20offset='100%25'%20stop-color='%23141f35'/%3e%3c/linearGradient%3e%3cradialGradient%20id='shine'%20cx='0.5'%20cy='0.18'%20r='0.68'%3e%3cstop%20offset='0%25'%20stop-color='%239cb8ff'%20stop-opacity='0.32'/%3e%3cstop%20offset='100%25'%20stop-color='%239cb8ff'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3crect%20width='1920'%20height='1080'%20fill='url(%23bg)'/%3e%3crect%20width='1920'%20height='1080'%20fill='url(%23shine)'/%3e%3cg%20opacity='0.2'%20fill='%23b8ccff'%3e%3cpath%20d='M960%20160l26%2058%2062%207-46%2041%2012%2062-54-31-54%2031%2012-62-46-41%2062-7z'/%3e%3c/g%3e%3c/svg%3e")}.scene-finished .scene-ornament{opacity:.26;filter:hue-rotate(8deg) saturate(1.04)}.scene-finished{--scene-accent: #7f9fe5;--scene-accent-strong: #abc2ff;--scene-accent-soft: rgba(127, 159, 229, .24);--scene-panel-border: #48609a;--scene-pill-border: #5e79bd;--scene-pill-bg: #2d406d;--scene-cta-from: #5b7dd2;--scene-cta-to: #4965b0}.phase-shell{width:100%}.phase-screen-enter-active,.phase-screen-leave-active{transition:opacity .22s ease,transform .22s ease}.phase-screen-enter-from{opacity:0;transform:translateY(8px) scale(.996)}.phase-screen-leave-to{opacity:0;transform:translateY(-6px) scale(1.004)}.anim-stagger-in{--stagger-index: 0;animation:stagger-in .32s ease both;animation-delay:calc(var(--stagger-index) * 70ms)}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.top-nav{padding:12px 16px 0}.nav-link{color:#dbe4ff;text-decoration:none;padding:6px 10px;border:1px solid #3a4368;border-radius:8px;background:#2a3354}.join-card{display:flex;gap:8px}.menu-screen{margin-bottom:8px}.menu-stage{border:1px solid var(--scene-panel-border);border-radius:12px;background:linear-gradient(180deg,#1e2842d6,#171f33db);padding:16px}.menu-stage h2{margin:0 0 6px}.menu-title-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.menu-mode-badge{border:1px solid var(--scene-accent-strong);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;background:#1a2642cc;color:#dbe6ff;letter-spacing:.03em}.menu-lead{margin:0;color:#cbd8ff}.menu-identity{margin:10px 0 14px}.menu-identity label{display:flex;flex-direction:column;gap:6px}.menu-profile-row{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.menu-profile-status{font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid #44527d;background:#1d2842e6;color:#d7e3ff}.menu-profile-status.state-saving{border-color:#7e8bc2}.menu-profile-status.state-saved{border-color:#5da37a;color:#d1f5df}.menu-profile-status.state-error{border-color:#b56868;color:#ffd1d1}.menu-primary-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.menu-card{border:1px solid #3a4d79;border-radius:10px;background:#1c2844e6;padding:12px;box-shadow:0 10px 20px #0a0e1c42}.menu-card h3{margin:0 0 6px}.menu-card-solo{border-color:#4f6fb6}.menu-card-multi{border-color:#596995}.menu-action-list{display:grid;grid-template-columns:1fr;gap:8px}.menu-btn-easy{border-color:#6eb58b;background:linear-gradient(180deg,#4a9166,#3f7d59)}.menu-btn-normal{border-color:#6f84cc;background:linear-gradient(180deg,#4f69c3,#4458a6)}.menu-btn-hard{border-color:#c48a8a;background:linear-gradient(180deg,#a96060,#8e4f4f)}.menu-advanced{margin-top:10px}.menu-advanced summary{cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.9}.menu-advanced-grid{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:8px}input,select{padding:8px 10px;border-radius:8px;border:1px solid #334;background:#1f2435;color:#fff}button{padding:8px 10px;border-radius:8px;border:1px solid #3a4368;background:#2a3354;color:#fff;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}button:hover:not(:disabled){border-color:var(--rb-accent);box-shadow:0 0 0 2px #6f82c433;transform:translateY(-1px)}.game-scene button:hover:not(:disabled){border-color:var(--scene-accent);box-shadow:0 0 0 2px var(--scene-accent-soft)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:#89aefc;box-shadow:0 0 0 2px #89aefc59}.layout{display:grid;grid-template-columns:2fr 2fr 1.2fr;gap:16px}.layout>*{min-width:0}.layout-combat{grid-template-columns:minmax(0,2.4fr) minmax(280px,1fr)}.tavern,.board,.sidebar{border:1px solid var(--scene-panel-border);border-radius:12px;padding:12px;background:#1a2033;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.combat-screen{border:1px solid #5f4a60;border-radius:12px;background:#281c2abd;box-shadow:0 14px 30px #080c185c}.stats{display:flex;gap:12px;margin-bottom:12px;min-width:0}.stat-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border:1px solid var(--scene-pill-border);border-radius:999px;background:var(--scene-pill-bg);min-width:0;max-width:100%;overflow-wrap:anywhere}.shop-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.shop-card{background:var(--rb-surface-3);border:1px solid #34406d;border-radius:var(--rb-radius);padding:10px;box-shadow:var(--rb-shadow-card);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.shop-card:hover{transform:translateY(-1px);border-color:#5f77bf;box-shadow:0 10px 22px #080c1859}.hall-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.hall-header h2{margin:0}.hall-status{min-height:20px;margin-bottom:6px}.hall-economy{margin-bottom:14px}.hall-actions{margin-top:8px}.hero-row{grid-template-columns:repeat(3,minmax(170px,1fr))}.hero-select-screen{border:1px solid #4b5688;border-radius:12px;background:#171d32b8;box-shadow:0 16px 30px #080c1859;padding:14px;max-width:1240px;margin:0 auto}.hero-select-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.hero-select-header h2{margin:2px 0 0}.hero-select-timer{border:1px solid #6f86cd;border-radius:999px;background:#2b3c67;color:#dce7ff;padding:4px 10px;font-size:12px;font-weight:700;white-space:nowrap}.hero-select-timer.urgent{border-color:#d47e7e;background:#5b3040;color:#ffe5e5;box-shadow:0 0 0 2px #d47e7e38;animation:hero-timer-urgent 1s ease-in-out infinite}.hero-select-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.hero-select-card{min-height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;transform:translateY(0) rotateX(0) scale(1);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.hero-select-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#99adf6e0,#677fd6d1);opacity:.95}.hero-select-card.hero-variant-passive:before{background:linear-gradient(180deg,#6dc4e2e6,#4a8bc4d1)}.hero-select-card.hero-variant-active:before{background:linear-gradient(180deg,#a682f0e6,#7b60d2d1)}.scene-hero_selection .hero-select-card{border-color:#9681efa6;box-shadow:0 10px 22px #16112857,0 0 0 1px #9681ef2e}.scene-hero_selection .hero-select-card:hover{border-color:#bcaaffd1;box-shadow:0 14px 28px #16112866,0 0 0 2px #ac97fa33;transform:translateY(-3px) rotateX(1deg) scale(1.01)}.hero-select-portrait{height:auto;aspect-ratio:4 / 5;max-height:min(38vh,320px)}.hero-select-portrait .portrait-image{transition:transform .18s ease}.scene-hero_selection .hero-select-card:hover .hero-select-portrait .portrait-image{transform:translateY(-2px) scale(1.02)}.hero-select-name{margin:0 0 6px;font-size:20px;line-height:1.2}.hero-select-meta{margin-bottom:8px}.hero-power-chip{font-size:11px;border-color:#7388c8;background:#2d3e66}.hero-power-passive{border-color:#6ea9c8;background:#2b4c61}.hero-power-active{border-color:#8b82d0;background:#3b3466}.hero-select-desc{margin:0 0 14px;font-size:13px;color:#d8dff8;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.hero-select-footer{margin-top:10px}.hero-selected-pulse{animation:hero-confirm-flash .42s ease}.lobby-screen{border:1px solid #445680;border-radius:12px;background:#161f34bd;box-shadow:0 14px 30px #080c1857;padding:14px}.lobby-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.lobby-header h2{margin:2px 0 0}.lobby-status{margin:0 0 10px}.lobby-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}.lobby-grid>*{min-width:0}.lobby-card{border:1px solid #374a74;border-radius:10px;background:#1b2743db;padding:10px}.lobby-card h3{margin:0 0 8px}.match-end-screen{border:1px solid #4a5f95;border-radius:12px;background:#161f33c7;box-shadow:0 16px 30px #080c1861;padding:14px}.match-end-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.match-end-header h2{margin:0}.match-end-list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}.match-end-list li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid #3d4f7b;border-radius:10px;background:#1f2b48db;padding:8px 10px;min-width:0}.match-end-list li.is-me{border-color:#6e8be0;box-shadow:0 0 0 2px #6e8be033}.match-end-list li.rank-1{border-color:#d5b468;background:linear-gradient(180deg,#5c4a28c7,#362d1ec7)}.match-end-list li.rank-2{border-color:#a6b2cc;background:linear-gradient(180deg,#424a60c7,#2a3042c7)}.match-end-list li.rank-3{border-color:#b28668;background:linear-gradient(180deg,#583f31c7,#3a2a22c7)}.match-end-rank{font-weight:700}.match-end-name{display:inline-flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}.match-end-health{opacity:.9}.match-end-rating{border:1px solid #41527f;border-radius:10px;background:#1b2742d1;padding:8px 10px;margin-bottom:12px}.match-end-rating h3{margin:0 0 6px}.hero-card{border-color:#5966a4;background:linear-gradient(180deg,#273257,#202b49)}.hero-card:hover{border-color:#7b88cf}.cta-primary{border-color:var(--scene-accent-strong);background:linear-gradient(180deg,var(--scene-cta-from),var(--scene-cta-to))}.cta-next{border-color:#8db0ff!important;box-shadow:0 0 0 2px #8db0ff40,0 0 18px #5983e238;animation:cta-pulse 1.35s ease-in-out infinite}.cta-with-hint{display:inline-flex;align-items:center;justify-content:center;gap:8px}.hotkey-hint{display:inline-flex;align-items:center;justify-content:center;padding:1px 6px;border:1px solid rgba(200,214,255,.5);border-radius:999px;background:#0e162a73;color:#d7e4ff;font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap}.shop-card.tier-low{border-color:#3a5079}.shop-card.tier-mid{border-color:#5b4ea0}.shop-card.tier-high{border-color:#9b5e25}.unit-name{display:flex;align-items:center;gap:6px;font-weight:700}.portrait-slot{width:100%;border-radius:10px;overflow:hidden;border:1px solid #3d4d7f;background:linear-gradient(180deg,#2c395f,#1c2645)}.portrait-slot-unit{height:clamp(96px,18vh,150px);margin-bottom:8px}.portrait-slot-hero{height:clamp(120px,24vh,260px);margin-bottom:8px}.portrait-slot-mini{height:clamp(56px,11vh,88px);margin-bottom:6px}.portrait-slot.dead{filter:grayscale(.9) saturate(.6);opacity:.7}.portrait-image{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.portrait-image-contain{object-fit:contain;object-position:center center;background:linear-gradient(180deg,#141c31c7,#0f1627db)}.unit-icon{width:16px;height:16px}.unit-meta{font-size:13px;opacity:.9;margin:4px 0 8px}.unit-meta-line{margin-top:6px}.meta-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;margin:0 4px 4px 0;border-radius:999px;border:1px solid #445380;background:#263152;font-size:11px;cursor:help}.tag-chip{border-color:#7a4f9a;background:#35254a}.chip-icon{width:12px;height:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{min-height:36px}.slot-row{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px;margin-bottom:10px}.slot{border:1px dashed #4b5888;border-radius:10px;min-height:100px;padding:8px;background:#202844}.bench-slot{background:#1e2540}.combat-board{display:flex;flex-direction:column;gap:10px}.combat-subtitle{font-size:13px;opacity:.9}.combat-info-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.target-line{display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:4px 10px;border:1px solid #5f77b4;border-radius:999px;background:#253357;box-shadow:0 0 0 2px #6986c738;overflow-wrap:anywhere}.target-line.hit{border-color:#d56d6d;background:#4a2f40;box-shadow:0 0 0 2px #d56d6d40}@keyframes stagger-in{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hero-confirm-flash{0%{box-shadow:0 0 #93b5ff66,0 10px 22px #16112857}45%{box-shadow:0 0 0 3px #93b5ff57,0 14px 30px #1611286b}to{box-shadow:0 10px 22px #16112857,0 0 0 1px #9681ef2e}}@keyframes hero-timer-urgent{0%{box-shadow:0 0 0 2px #d47e7e33}50%{box-shadow:0 0 0 3px #d47e7e57}to{box-shadow:0 0 0 2px #d47e7e33}}.scene-combat .combat-screen .slot,.scene-round_end .combat-screen .slot{border-color:#7d5166;box-shadow:inset 0 0 0 1px #7d51662e}.scene-combat .combat-screen .target-line,.scene-round_end .combat-screen .target-line{border-color:#c88297;box-shadow:0 0 0 2px #c8829738}.target-name{font-size:12px;font-weight:600}.target-arrow{opacity:.85}.combat-arena{display:grid;grid-template-columns:1fr 1fr;gap:12px}.combat-side h3{margin:0 0 8px;font-size:14px}.pulse-attack{border-color:#62c4ff;box-shadow:0 0 0 2px #62c4ff59}.pulse-windup{border-color:#9dc8ff;box-shadow:0 0 0 2px #9dc8ff47;transform:translateY(-2px)}.pulse-hit{border-color:#ff7b7b;box-shadow:0 0 0 2px #ff7b7b59}.slot-hit-shake{animation:slot-hit-shake .18s ease}.pulse-recover{border-color:#8aa0d6;box-shadow:0 0 0 2px #8aa0d638}.hp-track{width:100%;height:8px;border-radius:999px;background:#151b2b;border:1px solid #2c3658;overflow:hidden;margin-top:6px}.hp-fill{height:100%;background:linear-gradient(90deg,#73dd9f,#49c57f);transition:width .22s ease}.damage-pop{margin-top:4px;color:#ff8080;font-weight:700;font-size:12px;animation:damage-pop-up .55s ease}.dead-fade{opacity:.45;filter:grayscale(.9);transition:opacity .25s ease,filter .25s ease}.anim-buy-pop{animation:buy-pop .26s ease}@keyframes buy-pop{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes slot-hit-shake{0%{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}to{transform:translate(0)}}@keyframes damage-pop-up{0%{transform:translateY(0);opacity:.4}35%{transform:translateY(-5px);opacity:1}to{transform:translateY(-10px);opacity:.2}}@keyframes cta-pulse{0%{box-shadow:0 0 0 2px #8db0ff38,0 0 12px #5983e229}50%{box-shadow:0 0 0 2px #8db0ff57,0 0 20px #5983e247}to{box-shadow:0 0 0 2px #8db0ff38,0 0 12px #5983e229}}.slot-title{font-size:12px;opacity:.8}.slot-unit{min-height:36px;margin:6px 0;font-size:14px}.slot-mini-meta{display:inline-flex;align-items:center;gap:4px;font-size:12px;opacity:.85;margin-bottom:6px;cursor:help}.player-badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:999px;border:1px solid #4a5888;font-size:11px;font-weight:600}.badge-human{background:#1f3f67;border-color:#4b89cc}.badge-bot-easy{background:#2f4d2d;border-color:#78b96b}.badge-bot-normal{background:#3b3657;border-color:#8d86be}.badge-bot-hard{background:#5b2f2f;border-color:#d27b7b}.sidebar ul{margin:0 0 12px;padding-left:18px}.player-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0 0 12px;padding:0}.player-list li{border:1px solid #384972;border-radius:8px;background:#1d2742;padding:7px 8px;line-height:1.35;overflow-wrap:anywhere}.layout.phase-hero_selection .tavern{border-color:#5b6ab0;box-shadow:0 0 0 2px #5b6ab02e}.layout.phase-tavern .tavern,.layout.phase-positioning .tavern{border-color:#4f699e}.layout.phase-combat .board{border-color:#8e5a6a;box-shadow:0 0 0 2px #8e5a6a29}.log{height:300px;overflow:auto;border:1px solid #374267;border-radius:8px;padding:8px;background:#171d31;font-size:13px;overflow-x:hidden}.log-entry{margin-bottom:6px}.log-hint{font-size:11px;opacity:.75;color:#b9c4eb}.error{color:#ff7b7b}.modal-backdrop{position:fixed;inset:0;background:#090c169e;display:grid;place-items:center;z-index:50}.modal-card{width:min(460px,92vw);border:1px solid #3b4c79;border-radius:12px;background:#1a223b;box-shadow:0 14px 30px #080c1880;padding:12px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0}@media(max-width:1200px){.layout{grid-template-columns:1.45fr 1.45fr 1fr}}@media(max-width:980px){.scene-content{padding:10px;max-height:calc(100vh - 90px)}.scene-ornament-top,.scene-ornament-bottom{background-size:cover}.layout,.layout-combat{grid-template-columns:1fr}.hero-select-header{flex-direction:column}.hero-select-timer{align-self:flex-start}.lobby-header{flex-direction:column}.match-end-header{flex-direction:column;align-items:flex-start}.hero-select-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.menu-primary-grid,.menu-advanced-grid,.lobby-grid{grid-template-columns:1fr}.hero-row,.shop-row{grid-template-columns:repeat(2,minmax(150px,1fr))}.slot-row{grid-template-columns:repeat(3,minmax(100px,1fr))}.hall-header{flex-direction:column}}@media(max-width:700px){.app{padding:10px}.header{flex-direction:column;align-items:stretch;gap:8px}.header .actions{justify-content:space-between}.menu-title-row{align-items:flex-start;flex-direction:column}.game-scene{border-radius:12px}.tavern,.board,.sidebar,.lobby-screen,.hero-select-screen,.combat-screen,.match-end-screen{padding:10px}.stats{gap:8px;flex-wrap:wrap}.stat-pill{font-size:12px}input,select,button,.actions button{min-height:44px}.join-card,.actions{flex-direction:column;align-items:stretch}.hero-row,.shop-row,.hero-select-grid{grid-template-columns:1fr}.scene-content{max-height:calc(100vh - 74px)}.hall-actions{position:sticky;bottom:0;z-index:6;margin-top:10px;padding:10px;border:1px solid var(--scene-panel-border);border-radius:10px;background:#121b30f0;box-shadow:0 -8px 16px #080c1859;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.slot-row{gap:6px}.combat-arena{grid-template-columns:1fr}.combat-screen .slot-row{grid-template-columns:repeat(3,minmax(90px,1fr));gap:8px}.combat-screen .slot{min-height:118px;padding:10px 8px}.combat-screen .slot-title{font-size:11px}.combat-screen .slot-unit{font-size:13px;min-height:32px}.combat-info-bar{flex-direction:column;align-items:stretch;gap:6px;margin-bottom:8px}.combat-subtitle{border:1px solid var(--scene-pill-border);border-radius:9px;background:var(--scene-pill-bg);padding:6px 8px;font-size:12px}.combat-screen .target-line{width:100%;justify-content:center;font-size:12px;min-height:34px}.log{height:180px;font-size:12px}}@media(max-height:600px)and (orientation:landscape){.app{padding:8px}.header{margin-bottom:8px}.header h1{margin:0;font-size:20px;line-height:1.1}.scene-content{padding:8px;max-height:calc(100vh - 64px)}.scene-ornament-top,.scene-ornament-bottom{height:92px;opacity:.18}.tavern,.board,.sidebar,.lobby-screen,.hero-select-screen,.combat-screen,.match-end-screen{padding:8px}.stats{margin-bottom:8px}.stat-pill{font-size:11px;padding:2px 7px}.portrait-slot-unit{height:clamp(78px,24vh,118px)}.portrait-slot-hero,.hero-select-portrait{max-height:min(30vh,188px)}.portrait-slot-mini{height:clamp(50px,12vh,74px)}.shop-row,.hero-row,.hero-select-grid{gap:6px}.shop-card,.hero-select-card{padding:8px}.combat-screen .slot{min-height:92px;padding:7px}.combat-screen .slot-unit{font-size:12px;min-height:28px}.log{height:132px;font-size:11px}.hall-actions{bottom:0;padding:8px;margin-top:8px}}@media(max-width:380px){.app{padding:8px}.header h1{font-size:22px;line-height:1.1}.header .round{font-size:11px}.scene-content{padding:8px;max-height:calc(100vh - 68px)}.stats{gap:6px;margin-bottom:8px}.stat-pill{font-size:11px;padding:2px 6px}.shop-card,.hero-select-card,.lobby-card{padding:8px}.portrait-slot-unit{height:clamp(84px,16vh,116px)}.portrait-slot-hero,.hero-select-portrait{max-height:min(28vh,172px)}.portrait-slot-mini{height:clamp(48px,9vh,66px)}.slot-row{gap:6px}.slot{min-height:88px;padding:7px}.slot-title{font-size:11px}.slot-unit{font-size:12px}.actions{gap:6px}.actions button,button{min-height:42px;font-size:13px;padding:7px 8px}.hotkey-hint{font-size:10px;padding:1px 5px}.hall-actions{padding:8px;gap:6px}.combat-screen .slot{min-height:98px}.target-line{padding:4px 8px;font-size:11px}.log{height:150px;font-size:11px}}.admin-panel{border:1px solid #2d375a;border-radius:12px;padding:12px;background:#1a2033;margin:12px 0}.admin-header{display:flex;align-items:center;justify-content:space-between}.admin-grid{display:grid;grid-template-columns:1fr 1.5fr 1.5fr;gap:12px}.admin-card{border:1px solid #31406a;border-radius:10px;padding:10px;background:#202844}.admin-row{display:grid;grid-template-columns:2fr 1fr auto auto;gap:8px;align-items:center;margin-bottom:6px;font-size:13px}.portrait-preview-block{margin-bottom:12px}.portrait-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:6px}.portrait-preview-card{border:1px solid #3b4b7a;border-radius:10px;overflow:hidden;background:#1b2441}.portrait-preview-image{width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:center top;display:block}.portrait-preview-meta{padding:6px;display:flex;flex-direction:column;gap:4px;font-size:12px}.builder-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}.builder-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.builder-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.builder-fields input,.builder-fields select{width:100%}.input-invalid{border-color:#d9534f!important;box-shadow:0 0 0 1px #d9534f59}.builder-errors{margin-top:8px;color:#f99;font-size:12px}.builder-grid textarea{width:100%;border-radius:8px;border:1px solid #3a4368;background:#1a2033;color:#f6f7ff;padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@media(prefers-reduced-motion:reduce){.anim-buy-pop,.slot-hit-shake,.damage-pop,.cta-next{animation:none!important}.shop-card,.tavern,.board,.sidebar,button,.phase-screen-enter-active,.phase-screen-leave-active{transition:none!important}.phase-screen-enter-from,.phase-screen-leave-to{opacity:1!important;transform:none!important}.scene-ornament{mix-blend-mode:normal}.anim-stagger-in{animation:none!important;animation-delay:0ms!important}.hero-select-card,.hero-select-portrait .portrait-image{transition:none!important;transform:none!important}.hero-selected-pulse,.hero-select-timer.urgent{animation:none!important}}