.vma-page{background:#100b1c;color:#f5eaff;min-height:100vh;padding:32px max(18px,calc((100vw - 1420px)/2)) 80px}.vma-page-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 20px}.vma-eyebrow,.vma-page-heading span{color:#c594e5;font-size:12px;font-weight:800;letter-spacing:.16em}.vma-page-heading h1{font-size:clamp(30px,4vw,50px);line-height:1.05;letter-spacing:-.04em;margin:6px 0 0}.vma-page-heading a{color:#dbc4f0;text-decoration:none;font-weight:700;white-space:nowrap}.vma-shell{background:#170d28;border:2px solid #533375;border-radius:14px;overflow:hidden;box-shadow:0 18px 70px #08040b80}.vma-menu{position:relative;min-height:620px;display:grid;align-items:center;padding:48px clamp(22px,5vw,70px);overflow:hidden}.vma-menu-art{position:absolute;inset:0;background:linear-gradient(90deg,#170d28 3%,#170d28eb 36%,#170d2840),url(/voice-magic-arena/arena-background.jpg) 50%/cover no-repeat;opacity:.85}.vma-menu-content{position:relative;z-index:1;max-width:580px}.vma-menu h2{font-size:clamp(42px,6vw,76px);line-height:.95;letter-spacing:-.055em;margin:20px 0}.vma-menu p{font-size:17px;color:#dbcdea;line-height:1.6;margin-bottom:28px}.vma-label,.vma-menu label,.vma-spell-form label{display:block;font-weight:800;color:#f8eaff;margin:15px 0 8px}.vma-menu input,.vma-spell-form input{height:46px;border:2px solid #79539f;border-radius:7px;background:#120b20;color:#fff;padding:0 14px;outline:none}.vma-menu input{width:min(100%,400px)}.vma-menu input:focus,.vma-spell-form input:focus{border-color:#d3a5fa;box-shadow:0 0 0 3px #b273e652}.vma-schools{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 24px}.vma-footer button,.vma-quick button,.vma-schools button{background:#271638;border:1px solid #704891;color:#ead5fa;border-radius:7px;cursor:pointer;padding:10px 13px;font-weight:700}.vma-schools button.selected{background:#55327a;border-color:#de9fff;color:white}.vma-primary,.vma-spell-form button{background:#bb6ee9;border:2px solid #e0a6ff;color:#1a0828;border-radius:8px;padding:12px 20px;font-weight:900;cursor:pointer}.vma-primary:hover,.vma-spell-form button:hover{background:#e0a6ff}.vma-menu .vma-caption{font-size:13px;color:#b9a4cf;margin:12px 0 0}.vma-main-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;max-width:520px}.vma-back,.vma-lobby button,.vma-main-actions a,.vma-main-actions button,.vma-menu-section>button,.vma-school-tree button{background:#301b47;color:#f5dfff;border:1px solid #9f6bc5;border-radius:8px;padding:12px 14px;font-weight:800;cursor:pointer;text-align:center;text-decoration:none}.vma-lobby .vma-primary,.vma-main-actions .vma-primary,.vma-menu-section .vma-primary{background:#bb6ee9;color:#1a0828;border:2px solid #e0a6ff}.vma-main-actions a{grid-column:1/-1;background:transparent}.vma-back{display:block;background:none;border:none;padding:4px 0;text-align:left}.vma-menu-section{margin-top:16px;max-height:380px;overflow:auto;padding-right:10px;display:grid;gap:8px}.vma-menu-section h3{font-size:25px;margin:0 0 6px}.vma-menu-section h4{margin:0}.vma-menu-section label{margin:6px 0 0}.vma-menu-section>button{justify-self:start}.vma-menu-section input{width:min(100%,400px)}.vma-menu-section p{font-size:13px;margin:3px 0 10px}.vma-room-list-head{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.vma-room-list-head button{background:transparent;color:#ddbeef;border:0;cursor:pointer}.vma-room-list{display:grid;gap:5px;max-height:135px;overflow:auto}.vma-room-list button{background:#2c1942;color:#fff;border:1px solid #765495;border-radius:6px;text-align:left;padding:9px;cursor:pointer}.vma-room-list small{float:right;color:#d7bce9}.vma-menu-status{display:block;color:#bdeacb;margin-top:14px;font-size:13px}.vma-custom{max-height:430px}.vma-school-tree{background:#211331;border:1px solid #5e3e7d;border-radius:8px;padding:10px;margin:2px 0}.vma-school-tree strong{display:block;margin-bottom:7px}.vma-school-tree div{display:flex;gap:5px;flex-wrap:wrap}.vma-school-tree span{font-size:11px;border:1px solid #554267;border-radius:4px;padding:4px 6px;opacity:.6}.vma-school-tree span.active{background:#634089;border-color:#d4a6f4;opacity:1}.vma-school-tree button{padding:6px 10px;margin-top:8px;font-size:11px}.vma-school-tree button:disabled{opacity:.5;cursor:default}.vma-lobby{padding:45px clamp(20px,5vw,75px);min-height:620px;background:linear-gradient(140deg,#1d0e30,#351e50);text-align:center}.vma-lobby h2{font-size:clamp(32px,5vw,58px);margin:15px 0}.vma-lobby p{color:#ddc7ea}.vma-room-code{display:inline-block;font-size:23px;letter-spacing:.13em;background:#160923;padding:7px 13px;border-radius:7px;color:white}.vma-seats{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center;max-width:700px;margin:35px auto 16px}.vma-seats>div{border:2px solid #794ea4;border-radius:10px;padding:20px;background:#190f2d}.vma-seats h3{font-size:13px;color:#c49adf}.vma-seats strong{font-size:19px}.vma-seats>span{font-weight:900;color:#dfb0fd}.vma-lobby-actions{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.vma-lobby .vma-schools,.vma-lobby-actions{justify-content:center}.vma-lobby button:disabled{opacity:.45;cursor:default}.vma-stage{position:relative;overflow:hidden;background:#271538}.vma-stage canvas{width:100%;height:auto;display:block;image-rendering:pixelated;outline:none}.vma-nameplate{position:absolute;top:14px;color:white;font-size:clamp(11px,1.3vw,16px);font-weight:800;text-shadow:0 2px 5px #160626;padding:6px 9px;background:#180d29aa;border-radius:5px}.vma-nameplate.left{left:12px}.vma-nameplate.right{right:12px}.vma-victory{position:absolute;inset:0;background:#12091dcc;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:18px}.vma-victory span{font-weight:900;color:#d595f4;letter-spacing:.18em}.vma-victory h2{font-size:clamp(26px,5vw,60px);margin:0}.vma-hud{background:#130a21;padding:20px clamp(12px,2vw,28px) 18px}.vma-stats{display:grid;grid-template-columns:1fr 1fr .82fr;gap:14px}.vma-meter{display:flex;min-width:0;align-items:center;gap:8px}.vma-meter-icon{flex:0 0 55px;width:55px;height:55px;background-image:url(/voice-magic-arena/hud-atlas.png);background-repeat:no-repeat;background-size:640px 426px;image-rendering:pixelated}.vma-meter-icon.heart{background-position:-19px -24px}.vma-meter-icon.mana{background-position:-338px -24px}.vma-meter-icon.shield{background-position:-196px -92px}.vma-meter-body{flex:1;min-width:0}.vma-meter-heading{display:flex;justify-content:space-between;gap:6px;font-size:14px;line-height:1.3}.vma-meter-heading strong{color:#fff1cf;letter-spacing:.08em}.vma-meter-heading span{white-space:nowrap;color:#f5dfc5}.vma-meter-track{height:20px;padding:3px;background:#39244b;border:2px solid #a36ccb;border-radius:5px;box-shadow:inset 0 2px 3px #100a1c}.vma-meter-track span{display:block;height:100%;transition:width .15s;border-radius:1px}.vma-meter-track .life{background:#fb3b70}.vma-meter-track .mana{background:#25c4f5}.vma-meter-track .shield{background:#63bde9}.vma-controls-row{display:grid;grid-template-columns:minmax(190px,.9fr) minmax(260px,1.2fr) minmax(215px,1fr);gap:22px;align-items:end;margin:22px 0 8px}.vma-voice{display:flex;align-items:center;gap:12px;min-width:0}.vma-mic{width:58px;height:58px;flex:none;border-radius:12px;border:2px solid #8f65bc;background:#2b1743;color:white;font-size:27px;cursor:pointer;touch-action:none}.vma-mic.listening{background:#a43c80;box-shadow:0 0 20px #e36aaf}.vma-voice div{min-width:0;display:flex;flex-direction:column;gap:3px}.vma-quick strong,.vma-voice strong{font-size:13px;letter-spacing:.08em;color:#f4d7ff}.vma-voice small,.vma-voice span{font-size:12px;color:#cbb4df;overflow-wrap:anywhere}.vma-spell-form label{font-size:13px;letter-spacing:.06em;margin:0 0 7px}.vma-spell-form div{display:flex;gap:6px}.vma-spell-form input{min-width:0;flex:1;width:100%}.vma-spell-form button{padding:8px 13px}.vma-quick>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.vma-quick button{font-size:11px;padding:7px 8px}.vma-quick button:disabled{opacity:.45;cursor:default}.vma-status{min-height:24px;margin:8px 0 12px;color:#b9efc7;font-size:14px;font-weight:700}.vma-footer{display:flex;gap:8px 16px;align-items:center;flex-wrap:wrap;border-top:1px solid #563775;padding-top:14px;font-size:12px;color:#bda8d0}.vma-footer span:nth-child(2){margin-right:auto}.vma-footer button{padding:7px 9px;font-size:11px}.vma-page-note{font-size:13px;color:#d4c4e0;line-height:1.6;margin:15px 0}@media(max-width:900px){.vma-controls-row{grid-template-columns:1fr 1fr}.vma-quick{grid-column:1/-1}.vma-stats{gap:6px}.vma-meter-icon{display:none}}@media(max-width:620px){.vma-page{padding:18px 8px 45px}.vma-page-heading{padding:0 6px;align-items:start}.vma-page-heading a{font-size:12px}.vma-menu{min-height:540px}.vma-controls-row,.vma-stats{grid-template-columns:1fr}.vma-controls-row{gap:15px}.vma-quick{grid-column:auto}.vma-nameplate{font-size:10px}.vma-nameplate.right{top:42px}}