:root{--ink:#0b0710;--paper:#f3e9d2;--gold:#e7b75a;--gold2:#fff0c2;--red:#e0352b;--el:#ff5a1a;--font-title:"Shojumaru", "Noto Serif JP", serif;--font-ui:"Saira Condensed", system-ui, sans-serif;--font-kanji:"Noto Serif JP", serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--ink);width:100%;height:100%;color:var(--paper);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden}#app,#app canvas{width:100%;height:100%;display:block;position:fixed;inset:0}button{font-family:var(--font-ui);cursor:pointer;color:inherit;background:0 0;border:0}.hidden{display:none!important}.screen{z-index:10;display:none;position:fixed;inset:0}.screen.show{display:flex}.modal{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30;background:#06030ab8;justify-content:center;align-items:center}.panel{text-align:center;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:linear-gradient(160deg,#1e121ef2,#0a060ef2);border:1px solid #e7b75a73;flex-direction:column;gap:14px;min-width:min(420px,92vw);padding:34px 36px;display:flex;box-shadow:0 0 0 4px #0006,0 30px 80px #0009}.panel h2{font-family:var(--font-title);color:var(--gold);letter-spacing:3px;text-shadow:0 0 24px #e7b75a80;font-size:46px;font-weight:400}.panel .row{gap:10px;display:flex}.panel .row>*{flex:1}.logo{font-family:var(--font-title);letter-spacing:6px;text-align:center;background:linear-gradient(180deg, #fff6d8 0%, var(--gold) 55%, #9a5a1c 100%);color:#0000;filter:drop-shadow(0 4px #2a120a)drop-shadow(0 0 30px #ff8c2859);-webkit-background-clip:text;background-clip:text;font-size:clamp(44px,8vw,96px);font-weight:400;line-height:.9}.logo span{font-family:var(--font-ui);letter-spacing:.6em;background:linear-gradient(90deg,#ff6a2a,#36d6ff,#ffb02e,#7dffcf);-webkit-background-clip:text;background-clip:text;margin-top:12px;padding-left:.6em;font-size:.26em;font-weight:800;display:block}.logo.big{font-size:clamp(56px,11vw,140px)}#loading{background:radial-gradient(ellipse at 50% 60%, #2a1220 0%, var(--ink) 70%);flex-direction:column;justify-content:center;align-items:center;gap:28px}.kanji-bg{font-family:var(--font-kanji);color:#e7b75a0d;pointer-events:none;font-size:60vh;position:absolute}.bar{background:#ffffff14;width:min(420px,70vw);height:6px;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--red), var(--gold));width:0%;height:100%;box-shadow:0 0 14px var(--gold);transition:width .2s;display:block}#load-text{letter-spacing:4px;text-transform:uppercase;opacity:.7;font-size:14px}#title{cursor:pointer;background:radial-gradient(#0000 30%,#050208bf 100%);justify-content:center;align-items:center}.title-wrap{flex-direction:column;align-items:center;gap:22px;animation:1.2s cubic-bezier(.2,.8,.2,1) rise;display:flex}.elements-ring{font-family:var(--font-kanji);gap:26px;font-size:38px;display:flex}.elements-ring b{text-shadow:0 0 18px;place-items:center;width:64px;height:64px;display:grid;position:relative}.elements-ring b:before{content:"";border:1px solid;position:absolute;inset:8px;transform:rotate(45deg);box-shadow:0 0 22px -6px,inset 0 0 18px -8px}.e-fire{color:#ff6a2a}.e-water{color:#36d6ff}.e-earth{color:#ffb02e}.e-wind{color:#7dffcf}.press{letter-spacing:6px;text-transform:uppercase;color:var(--gold2);font-size:18px;animation:1.6s infinite blink}@keyframes blink{50%{opacity:.25}}@keyframes rise{0%{opacity:0;transform:translateY(30px)scale(.96)}}.ghost-btn{color:var(--gold2);letter-spacing:2px;text-transform:uppercase;background:#00000040;border:1px solid #e7b75a80;padding:10px 18px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s}.ghost-btn:hover{border-color:var(--gold);background:#e7b75a26}#install-btn{position:absolute;bottom:24px;right:24px}.big-btn{font-family:var(--font-title);letter-spacing:3px;color:#1a0c06;background:linear-gradient(180deg, #ffe4a0, var(--gold) 50%, #b8741e);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);padding:16px 28px;font-size:28px;transition:transform 80ms,filter .15s;box-shadow:0 6px #5a2a0a,0 0 30px #e7b75a66}.big-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.big-btn:active{transform:translateY(3px)}#select{pointer-events:none;display:none}#select.show{display:block}#select>*{pointer-events:auto}.sel-head{text-align:center;position:absolute;top:22px;left:0;right:0;pointer-events:none!important}.sel-head h2{font-family:var(--font-title);letter-spacing:8px;color:var(--paper);text-shadow:0 0 30px #000c,0 3px #000;font-size:clamp(28px,4vw,48px);font-weight:400}.sel-info{border-left:3px solid var(--el);width:min(380px,40vw);box-shadow:-20px 0 60px -30px var(--el);background:linear-gradient(90deg,#08040ce0,#08040c8c);padding:26px 26px 22px;position:absolute;top:50%;left:clamp(16px,4vw,60px);transform:translateY(-55%)}.sel-kanji{font-family:var(--font-kanji);color:var(--el);opacity:.22;font-size:110px;line-height:1;position:absolute;top:4px;right:16px}.sel-element{letter-spacing:4px;text-transform:uppercase;color:#000;background:var(--el);padding:3px 12px;font-size:13px;font-weight:800;display:inline-block}.sel-info h3{font-family:var(--font-title);letter-spacing:4px;color:#fff;text-shadow:0 0 26px var(--el);margin-top:8px;font-size:clamp(40px,5vw,64px);font-weight:400;line-height:1}.sel-title{color:var(--el);letter-spacing:1px;margin:4px 0 12px;font-size:18px;font-style:italic}.sel-desc{opacity:.9;margin-bottom:14px;font-size:16px;line-height:1.35}.stats{gap:7px;margin-bottom:14px;display:grid}.stat{letter-spacing:2px;text-transform:uppercase;opacity:.9;grid-template-columns:82px 1fr;align-items:center;gap:10px;font-size:13px;font-weight:600;display:grid}.stat .track{clip-path:polygon(0 0,100% 0,calc(100% - 4px) 100%,0 100%);background:#ffffff14;height:8px}.stat .fill{background:linear-gradient(90deg, var(--el), #fff);height:100%;box-shadow:0 0 10px var(--el);transition:width .5s cubic-bezier(.2,.8,.2,1)}.sel-katana,.sel-passive{flex-direction:column;gap:2px;margin-top:8px;font-size:15px;display:flex}.sel-katana span,.sel-passive span,.opt-label{letter-spacing:4px;color:var(--gold);font-size:11px;font-weight:800}.sel-options{border-right:3px solid var(--gold);background:linear-gradient(270deg,#08040ce0,#08040c8c);flex-direction:column;gap:16px;width:min(340px,36vw);padding:22px;display:flex;position:absolute;top:50%;right:clamp(16px,4vw,60px);transform:translateY(-55%)}.opt-group{flex-direction:column;gap:6px;display:flex}.seg{flex-wrap:wrap;gap:4px;display:flex}.seg button{letter-spacing:1px;background:#ffffff0f;border:1px solid #ffffff1f;flex:1;padding:9px 8px;font-size:15px;font-weight:600;transition:all .15s}.seg button.on{background:var(--gold);color:#1a0c06;border-color:var(--gold);box-shadow:0 0 16px #e7b75a66}.controls-box ul{opacity:.9;gap:4px;margin-top:6px;font-size:14px;list-style:none;display:grid}kbd{font-family:var(--font-ui);background:#ffffff0f;border:1px solid #ffffff59;border-bottom-width:2px;padding:0 6px;font-size:12px;font-weight:800;display:inline-block}.rule{color:var(--gold2);margin-top:10px;font-size:14px;line-height:1.3}.rule b{color:#fff;text-shadow:0 0 10px var(--gold)}#fight-btn{margin-top:4px}.sel-cards{gap:clamp(8px,1.5vw,18px);display:flex;position:absolute;bottom:clamp(14px,3vh,30px);left:50%;transform:translate(-50%)}.card{--c:#fff;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:linear-gradient(#140c1899,#08040ceb);border:1px solid #ffffff24;flex-direction:column;justify-content:flex-end;align-items:center;width:clamp(84px,10vw,132px);height:clamp(110px,14vw,168px);padding-bottom:12px;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s;display:flex;position:relative}.card .k{font-family:var(--font-kanji);color:var(--c);text-shadow:0 0 24px var(--c);font-size:clamp(40px,5vw,64px);line-height:1.1;position:absolute;top:8px}.card .n{font-family:var(--font-title);letter-spacing:2px;font-size:clamp(14px,1.6vw,20px)}.card .e{letter-spacing:3px;text-transform:uppercase;color:var(--c);font-size:11px;font-weight:800}.card:hover{border-color:var(--c);transform:translateY(-6px)}.card.on{border-color:var(--c);box-shadow:0 0 30px -4px var(--c), inset 0 0 40px -18px var(--c);background:linear-gradient(#28141e99,#08040cf2);transform:translateY(-12px)}.card.on:after{content:"";background:var(--c);height:3px;box-shadow:0 0 14px var(--c);position:absolute;bottom:0;left:0;right:0}#hud{pointer-events:none;z-index:5;font-family:var(--font-ui);position:fixed;inset:0}.crosshair{width:26px;height:26px;transition:transform .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair i{background:#ffffffe6;position:absolute;box-shadow:0 0 4px #000}.crosshair i:first-child{width:2px;height:7px;top:0;left:12px}.crosshair i:nth-child(2){width:2px;height:7px;bottom:0;left:12px}.crosshair i:nth-child(3){width:7px;height:2px;top:12px;left:0}.crosshair i:nth-child(4){width:7px;height:2px;top:12px;right:0}.crosshair.target i{background:#ff5a4a}.crosshair.tele{transform:translate(-50%,-50%)rotate(45deg)scale(1.3)}.crosshair.tele i{background:var(--el);box-shadow:0 0 8px var(--el)}.hitmarker{opacity:0;width:34px;height:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.hitmarker:before,.hitmarker:after{content:"";background:#fff;position:absolute;box-shadow:0 0 8px #fff}.hitmarker:before{clip-path:polygon(0 0,100% 0,100% 35%,0 35%,0 65%,100% 65%,100% 100%,0 100%);width:2px;height:100%;top:0;left:16px}.hitmarker:after{clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%);width:100%;height:2px;top:16px;left:0}.hitmarker.show{animation:.25s ease-out hm}.hitmarker.crit:before,.hitmarker.crit:after{background:var(--el);box-shadow:0 0 12px var(--el)}@keyframes hm{0%{opacity:1;transform:translate(-50%,-50%)rotate(45deg)scale(1.5)}to{opacity:0;transform:translate(-50%,-50%)rotate(45deg)scale(1)}}.top-bar{flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.score{background:linear-gradient(90deg,#0000,#0009 20% 80%,#0000);align-items:center;gap:16px;padding:6px 22px;display:flex}.score b{font-family:var(--font-title);text-align:center;min-width:28px;font-size:30px;font-weight:400}.score b:first-child{color:var(--el);text-shadow:0 0 12px var(--el)}.score b:last-child{color:#ff6b5a}.score span{letter-spacing:4px;opacity:.85;font-size:14px;font-weight:800}.timer{letter-spacing:2px;text-shadow:0 2px 4px #000;font-size:18px;font-weight:800}.feed{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:16px;right:18px}.feed div{border-right:3px solid var(--gold);letter-spacing:1px;background:#0000008c;padding:5px 12px;font-size:15px;font-weight:600;animation:.3s ease-out feedIn}.feed div b{font-weight:800}@keyframes feedIn{0%{opacity:0;transform:translate(30px)}}.player-panel{align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:22px;left:22px}.portrait{width:84px;height:84px;font-family:var(--font-kanji);color:var(--el);text-shadow:0 0 16px var(--el);place-items:center;font-size:42px;display:grid;position:relative}.portrait:before{content:"";z-index:-1;border:2px solid var(--el);box-shadow:0 0 22px -4px var(--el), inset 0 0 18px -6px var(--el);background:radial-gradient(circle,#0006,#000c);position:absolute;inset:10px;transform:rotate(45deg)}.pp-body{flex-direction:column;gap:5px;display:flex}.pp-name{font-family:var(--font-title);letter-spacing:3px;text-shadow:0 0 12px var(--el), 0 2px 3px #000;font-size:22px}.hp{clip-path:polygon(0 0,100% 0,calc(100% - 9px) 100%,0 100%);background:#0009;border:1px solid #ffffff40;width:min(320px,50vw);height:18px;position:relative}.hp i,.hp em{position:absolute;top:0;bottom:0;left:0}.hp em{opacity:.55;background:#fff;transition:width .6s .25s}.hp i{z-index:1;background:linear-gradient(#8af07a,#2fa83a);transition:width .12s}.hp.low i{background:linear-gradient(#ff7a5a,#c0201a);animation:.7s infinite alternate lowhp}@keyframes lowhp{to{filter:brightness(1.5)}}.hp span{z-index:2;text-shadow:0 1px 2px #000;font-size:13px;font-weight:800;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.pips{align-items:center;gap:8px;height:22px;display:flex}.pips i{background:#00000080;border:2px solid #fff6;width:16px;height:16px;transition:all .2s;transform:rotate(45deg)}.pips i.on{background:var(--el);box-shadow:0 0 12px var(--el);border-color:#fff}.pips .crit-label{letter-spacing:3px;color:var(--el);text-shadow:0 0 10px var(--el);opacity:0;margin-left:6px;font-size:15px;font-weight:800}.pips.ready i{animation:.5s infinite alternate pip}.pips.ready .crit-label{opacity:1;animation:.6s infinite blink}@keyframes pip{to{box-shadow:0 0 24px var(--el);transform:rotate(45deg)scale(1.2)}}.abilities{gap:14px;display:flex;position:absolute;bottom:26px;right:26px}.ab{background:#0000008c;border:1px solid #fff3;place-items:center;width:66px;height:66px;display:grid;position:relative}.ab-icon{font-family:var(--font-kanji);opacity:.45;font-size:30px}.ab svg{width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;inset:4px;transform:rotate(-90deg)}.ab circle{fill:none;stroke:var(--el);stroke-width:3px;stroke-dasharray:113;stroke-dashoffset:113px;transition:stroke-dashoffset .1s}.ab span{letter-spacing:2px;opacity:.7;font-size:11px;font-weight:800;position:absolute;bottom:-18px}.ab.ready{border-color:var(--el);box-shadow:0 0 20px -2px var(--el)}.ab.ready .ab-icon{opacity:1;color:#fff;text-shadow:0 0 14px var(--el)}#ab-tele.ready{animation:1s infinite alternate pulse}@keyframes pulse{to{box-shadow:0 0 34px 2px var(--el)}}.center-msg{text-align:center;font-family:var(--font-title);letter-spacing:6px;color:#fff;text-shadow:0 0 40px var(--el), 0 6px 0 #000;opacity:0;font-size:clamp(54px,10vw,130px);position:absolute;top:34%;left:0;right:0}.center-msg.show{animation:1s cubic-bezier(.2,.8,.2,1) forwards msg}.center-msg.stay{animation:.6s cubic-bezier(.2,.8,.2,1) forwards msgStay}@keyframes msg{0%{opacity:0;filter:blur(10px);transform:scale(1.8)}15%{opacity:1;filter:blur();transform:scale(1)}75%{opacity:1}to{opacity:0;transform:scale(.94)}}@keyframes msgStay{0%{opacity:0;filter:blur(10px);transform:scale(1.8)}to{opacity:1;filter:blur();transform:scale(1)}}.sub-msg{text-align:center;letter-spacing:6px;color:var(--gold2);text-shadow:0 2px 4px #000;opacity:0;font-size:20px;font-weight:800;transition:opacity .3s;position:absolute;top:calc(34% + clamp(70px,12vw,150px));left:0;right:0}.sub-msg.show{opacity:1}#nameplates,#dmg-layer{position:absolute;inset:0}.plate{flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;transform:translate(-50%,-100%)}.plate .pn{letter-spacing:2px;text-shadow:0 1px 3px #000, 0 0 10px var(--c);color:#fff;font-size:14px;font-weight:800}.plate .pb{background:#000000a6;border:1px solid #ffffff4d;width:90px;height:7px;position:relative}.plate .pb i{background:linear-gradient(90deg,#ff4a3a,#ff9a6a);transition:width .1s;position:absolute;top:0;bottom:0;left:0}.plate .pp{gap:4px;display:flex}.plate .pp i{background:#0009;border:1px solid #ffffff59;width:7px;height:7px;transform:rotate(45deg)}.plate .pp i.on{background:var(--c);box-shadow:0 0 6px var(--c)}.plate.ready .pn:after{content:" ⚡";color:var(--c)}.dmg{font-family:var(--font-title);color:#fff;text-shadow:0 2px #000,0 0 10px #000000b3;white-space:nowrap;font-size:26px;animation:.9s ease-out forwards dmg;position:absolute;transform:translate(-50%,-50%)}.dmg.crit{color:var(--c,#ffd060);text-shadow:0 3px 0 #000, 0 0 24px var(--c,#ffd060);font-size:46px}.dmg.crit:before{content:"¡CRÍTICO! ";text-align:center;letter-spacing:3px;font-size:.5em;font-family:var(--font-ui);font-weight:800;display:block}.dmg.me{color:#ff6050}.dmg.info{font-family:var(--font-ui);letter-spacing:3px;color:var(--gold2);font-size:20px;font-weight:800}@keyframes dmg{0%{opacity:0;transform:translate(-50%,-30%)scale(1.6)}15%{opacity:1;transform:translate(-50%,-60%)scale(1)}to{opacity:0;transform:translate(-50%,-190%)scale(.9)}}.slider{letter-spacing:1px;justify-content:space-between;align-items:center;gap:12px;font-weight:600;display:flex}.slider input{accent-color:var(--gold);flex:1}#res-sub{letter-spacing:3px;color:var(--gold2);font-weight:600}.res-stats{text-align:left;grid-template-columns:1fr auto;gap:6px 22px;padding:10px 0;font-size:17px;display:grid}.res-stats b{text-align:right;color:var(--gold)}#touch{pointer-events:none;z-index:6;display:none;position:fixed;inset:0}#touch.on.play{display:block}#stick{pointer-events:auto;background:#00000040;border:2px solid #ffffff40;border-radius:50%;width:140px;height:140px;position:absolute;bottom:6vh;left:4vw}#knob{background:#ffffff59;border-radius:50%;width:50px;height:50px;position:absolute;top:45px;left:45px;box-shadow:0 0 14px #ffffff4d}.t-btns{width:230px;height:200px;position:absolute;bottom:5vh;right:3vw}.t-btns button{width:64px;height:64px;font-family:var(--font-kanji);pointer-events:auto;background:#0006;border:2px solid #ffffff59;border-radius:50%;font-size:26px;position:absolute}.t-btns button.down{background:#ffffff4d}.t-btns .t-big{border-color:var(--el);width:92px;height:92px;box-shadow:0 0 18px -4px var(--el);font-size:38px;bottom:0;right:0}#t-jump{bottom:0;right:104px}#t-slide{bottom:78px;right:110px}#t-tele{border-color:var(--el);bottom:108px;right:24px}#t-pause{pointer-events:auto;background:#0006;border:1px solid #ffffff4d;width:44px;height:44px;font-weight:800;position:absolute;top:12px;left:12px}@media (max-width:820px){.sel-info{width:auto;padding:14px 16px;top:70px;right:16px;transform:none}.sel-desc,.stats,.sel-katana,.sel-passive{display:none}.sel-kanji{font-size:70px}.sel-options{gap:10px;width:auto;padding:12px;inset:auto 16px 150px;transform:none}.controls-box{display:none}.big-btn{padding:12px 18px;font-size:22px}.player-panel{top:60px;bottom:auto;left:10px}.portrait{width:48px;height:48px;font-size:28px}.abilities{display:none}}#menu{background:linear-gradient(90deg,#06030aeb 0%,#06030a8c 42%,#06030a00 70%);justify-content:flex-start;align-items:center}.menu-wrap{flex-direction:column;gap:28px;margin-left:clamp(20px,7vw,120px);animation:.8s cubic-bezier(.2,.8,.2,1) rise;display:flex}.menu-wrap .logo{text-align:left;font-size:clamp(48px,7vw,92px)}.menu-wrap .logo span{padding-left:0}.menu-list{flex-direction:column;gap:10px;display:flex}.menu-list button{--c:var(--gold);text-align:left;background:linear-gradient(90deg,#140a14d9,#140a1433);border-left:3px solid #e7b75a59;align-items:center;gap:16px;width:min(420px,86vw);padding:12px 18px;transition:transform .15s,border-color .15s,background .15s;display:flex}.menu-list button b{width:46px;height:46px;font-family:var(--font-kanji);color:var(--gold);border:1px solid #e7b75a66;flex:none;place-items:center;font-size:26px;display:grid;transform:rotate(45deg)}.menu-list button span{font-family:var(--font-title);letter-spacing:2px;color:var(--paper);flex-direction:column;font-size:24px;display:flex}.menu-list button small{font-family:var(--font-ui);letter-spacing:2px;color:#f3e9d299;text-transform:uppercase;font-size:13px}.menu-list button:hover,.menu-list button:focus-visible{border-color:var(--gold);background:linear-gradient(90deg,#3c190fe6,#140a1433);outline:none;transform:translate(8px)}.menu-list button:hover b{color:#fff;text-shadow:0 0 14px var(--gold);box-shadow:0 0 18px -4px var(--gold)}.menu-foot{letter-spacing:3px;opacity:.45;text-transform:uppercase;font-size:12px}.menu-list button b{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#e7b75a1f;border:0;font-style:normal;transform:none}.panel.wide{min-width:min(520px,94vw);max-width:94vw;max-height:92vh;overflow:auto}.panel .back{align-self:center}.field{text-align:left;letter-spacing:4px;color:var(--gold);flex-direction:column;gap:6px;font-size:12px;font-weight:800;display:flex}.field input,.join input{font-family:var(--font-ui);color:#fff;letter-spacing:2px;background:#00000073;border:1px solid #e7b75a66;outline:none;padding:10px 12px;font-size:20px}.field input:focus,.join input:focus{border-color:var(--gold);box-shadow:0 0 14px -4px var(--gold)}.join input{text-transform:uppercase;text-align:center;letter-spacing:6px;flex:2;min-width:0}.join .ghost-btn{flex:1}.mp-status{letter-spacing:1px;min-height:20px;color:var(--gold2);font-size:15px}.mp-status.err{color:#ff7060}.howto-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.howto h4{font-family:var(--font-title);color:var(--gold);letter-spacing:2px;margin-bottom:8px;font-size:20px;font-weight:400}.howto ul,.howto ol{gap:6px;padding-left:18px;font-size:15px;line-height:1.3;display:grid}.howto ul{padding-left:0;list-style:none}.howto .elements p{margin-bottom:6px;font-size:15px}.howto .elements b{font-family:var(--font-kanji)}.sel-back{z-index:2;position:absolute;top:22px;left:clamp(16px,4vw,60px)}#select .lobby-panel{display:none}#select.online .lobby-panel{display:flex}#select.online .sel-options:not(.lobby-panel){display:none}.room-code{align-items:center;gap:10px;display:flex}.room-code b{font-family:var(--font-title);letter-spacing:6px;color:#fff;text-shadow:0 0 18px var(--gold);font-size:34px}.ghost-btn.small{padding:6px 10px;font-size:12px}.lobby-list{gap:6px;list-style:none;display:grid}.lobby-list li{border-left:3px solid var(--c,#fff);background:#ffffff0d;align-items:center;gap:10px;padding:7px 10px;font-size:17px;font-weight:600;display:flex}.lobby-list li i{font-style:normal;font-family:var(--font-kanji);color:var(--c);text-shadow:0 0 10px var(--c);font-size:20px}.lobby-list li em{letter-spacing:2px;color:var(--gold);margin-left:auto;font-size:11px;font-style:normal;font-weight:800}.lobby-list li.me{background:#e7b75a1a}.opt-label em{color:var(--paper);margin-left:6px;font-style:normal}#lobby-start:disabled{filter:grayscale()brightness(.6);cursor:not-allowed}#toast{z-index:50;border:1px solid var(--gold);color:var(--gold2);letter-spacing:1px;opacity:0;pointer-events:none;background:#0a050eeb;padding:10px 22px;font-weight:600;transition:opacity .3s;position:fixed;bottom:120px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}.score b{font-size:32px;font-weight:800;font-family:var(--font-ui)!important}.net-info{letter-spacing:2px;opacity:.6;font-size:12px;position:absolute;top:70px;left:50%;transform:translate(-50%)}@media (max-width:820px){.menu-wrap{align-items:center;margin:0 auto}.menu-wrap .logo{text-align:center}#menu{background:#06030a99;justify-content:center}.sel-back{padding:6px 10px;font-size:12px;top:14px}}@media (max-width:820px),(max-height:560px){.menu-list button{gap:12px;padding:8px 12px}.menu-list button span{font-size:17px}.menu-list button b{width:36px;height:36px;font-size:20px}.menu-wrap{gap:16px}.menu-wrap .logo{font-size:44px}}.menu-list button{width:min(480px,90vw)}.menu-list button span{white-space:nowrap}