:root{--accent: #4ad07f;--accent-dim: #2a7a4c;--paper: #eef2ec;--panel-bg: rgba(10, 14, 12, .92);--panel-border: #2a5a3c;--red: #d05050;--blue: #4a7fd0;--gold: #c9a23f}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#0b0e0c;font-family:Inter,Segoe UI,sans-serif;color:var(--paper);overflow:hidden}#game{position:fixed;top:0;right:0;bottom:0;left:0}#game canvas{display:block}#topnav{position:fixed;left:10px;bottom:12px;z-index:25;display:flex;flex-direction:column;gap:5px;pointer-events:auto}#topnav button{font-family:Bebas Neue,Impact,sans-serif;font-size:.82rem;letter-spacing:2px;text-align:left;color:#eef2ecb3;background:#080b09d1;border:1.5px solid rgba(42,90,60,.6);border-radius:8px;padding:5px 12px;cursor:pointer;transition:color .12s,border-color .12s,background .12s}#topnav button:hover{color:var(--paper);border-color:var(--accent);background:#4ad07f1f}#topnav #nav-auth{border-color:#c9a23f99;color:var(--gold)}.tab-row{display:flex;gap:8px}.tab-btn{flex:1;font-family:Bebas Neue,Impact,sans-serif;letter-spacing:2px;font-size:1rem;padding:8px;cursor:pointer;background:transparent;color:#eef2ec99;border:none;border-bottom:2px solid rgba(42,90,60,.6)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}#google-btn-wrap{display:flex;justify-content:center;min-height:4px}#belt-card2{display:flex;align-items:center;gap:14px;background:#0006;border:1.5px solid var(--panel-border);border-radius:10px;padding:12px 16px}#p-belt-band{width:74px;height:26px;border-radius:4px;background:#e8e8e8;flex-shrink:0;box-shadow:inset 0 -5px #00000040}#p-name{font-family:Bebas Neue,Impact,sans-serif;font-size:1.35rem;letter-spacing:2px}#p-belt-name{font-size:.9rem;color:var(--accent)}#p-xp-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent-dim),var(--accent))}.stat-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.stat-chip{background:#0006;border:1px solid rgba(42,90,60,.7);border-radius:8px;padding:8px 12px;text-align:center;min-width:70px}.stat-chip b{display:block;font-family:Bebas Neue,Impact,sans-serif;font-size:1.3rem;color:var(--accent)}.stat-chip span{font-size:.72rem;opacity:.65}.mini-title{font-family:Bebas Neue,Impact,sans-serif;letter-spacing:2px;font-size:1rem;text-align:left}.known-list{max-height:180px;overflow-y:auto;text-align:left;font-size:.85rem;line-height:1.7;background:#00000059;border:1px solid rgba(42,90,60,.5);border-radius:8px;padding:8px 12px}.board{list-style:none;text-align:left;display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.board li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;background:#00000059;border:1px solid rgba(42,90,60,.5);border-radius:8px;font-size:.92rem}.board li:nth-child(1){border-color:var(--gold)}.board li:nth-child(2){border-color:#b5b5b5}.board li:nth-child(3){border-color:#a76a3c}.board .rank{color:var(--gold);font-family:Bebas Neue,Impact,sans-serif}.board .b-name{flex:1;font-weight:600}.board .b-belt{width:30px;height:10px;border-radius:3px;flex-shrink:0}.board .b-stats{opacity:.7;font-size:.8rem}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.panel{pointer-events:auto;width:min(460px,92vw);max-height:94vh;overflow-y:auto;background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:14px;box-shadow:0 0 60px #000000d9;padding:26px 28px;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;gap:14px;animation:panel-in .25s ease-out}@keyframes panel-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.hidden{display:none!important}.title{font-family:Bebas Neue,Impact,sans-serif;font-size:3rem;letter-spacing:5px;line-height:1;text-shadow:0 4px 0 #000,0 0 30px rgba(74,208,127,.3)}.title span{color:var(--accent)}.subtitle{font-family:Bebas Neue,Impact,sans-serif;font-size:1.5rem;letter-spacing:2px;color:var(--accent)}.tagline{font-size:.98rem;opacity:.75}.howto{font-size:.88rem;opacity:.65;line-height:1.55;border-top:1px solid rgba(42,90,60,.6);padding-top:12px}.howto b{color:var(--red)}input{font-family:Inter,sans-serif;font-weight:600;font-size:1rem;text-align:center;letter-spacing:1px;padding:11px 14px;color:var(--paper);background:#00000080;border:1.5px solid var(--panel-border);border-radius:8px;outline:none;width:100%}input:focus{border-color:var(--accent);box-shadow:0 0 12px #4ad07f40}#join-code{text-transform:uppercase;font-size:1.5rem;letter-spacing:8px}.btn{font-family:Bebas Neue,Impact,sans-serif;font-size:1.15rem;letter-spacing:2.5px;padding:12px 18px;border-radius:9px;border:2px solid transparent;cursor:pointer;transition:transform .08s,box-shadow .15s,background .15s;width:100%}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(180deg,#6fe0a0,var(--accent) 45%,#2a8a52);color:#06130b;border-color:#a0f0c0;box-shadow:0 4px #175530,0 6px 18px #00000080;font-size:1.3rem}.btn-primary:hover{box-shadow:0 4px #175530,0 0 26px #4ad07f80}.btn-secondary{background:#4ad07f1a;color:#8fe8b4;border-color:var(--panel-border)}.btn-secondary:hover{background:#4ad07f38}.btn-ghost{background:transparent;color:#eef2ec99;border:none;font-size:1rem}.btn-ghost:hover{color:var(--paper)}.menu-row{display:flex;gap:10px}.menu-row .btn{flex:1}#belt-card{display:flex;align-items:center;gap:14px;background:#0006;border:1.5px solid var(--panel-border);border-radius:10px;padding:12px 16px}#belt-band{width:74px;height:26px;border-radius:4px;background:#e8e8e8;box-shadow:inset 0 -5px #00000040,0 0 10px #00000080;position:relative;flex-shrink:0}#belt-band:after{content:"";position:absolute;right:12px;top:0;bottom:0;width:10px;background:#00000059}.belt-info{flex:1;text-align:left;display:flex;flex-direction:column;gap:5px}#belt-name{font-family:Bebas Neue,Impact,sans-serif;font-size:1.3rem;letter-spacing:2px}.xp-bar{height:10px;border-radius:5px;background:#0000008c;border:1px solid var(--panel-border);overflow:hidden}#xp-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));transition:width .4s}#belt-progress{font-size:.8rem;opacity:.65}.btn-robot-diff,.btn-difficulty{display:flex;flex-direction:column;gap:2px;text-align:center}.diff-desc{font-family:Inter,sans-serif;font-size:.82rem;letter-spacing:0;opacity:.65}.spinner{width:46px;height:46px;margin:6px auto;border:4px solid rgba(74,208,127,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.room-code{font-family:Bebas Neue,Impact,sans-serif;font-size:2.4rem;letter-spacing:12px;color:var(--accent);text-shadow:0 0 20px rgba(74,208,127,.5);padding-left:12px}.hint{font-size:.88rem;opacity:.65}.error{color:var(--red);font-size:.95rem;min-height:1.2em}.result-scores{font-size:1.15rem;font-weight:600}.result-scores b{color:var(--accent)}.result-xp{color:var(--accent);font-weight:800;font-size:1.05rem}.belt-up{border:2px solid var(--gold);border-radius:10px;padding:12px;font-family:Bebas Neue,Impact,sans-serif;font-size:1.4rem;letter-spacing:2px;color:var(--gold);animation:glowpulse 1.2s ease infinite alternate}@keyframes glowpulse{0%{box-shadow:0 0 8px #c9a23f66}to{box-shadow:0 0 26px #c9a23fe6}}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:var(--panel-bg);border:1.5px solid var(--accent);color:var(--paper);border-radius:10px;padding:10px 22px;font-size:.95rem;pointer-events:none;z-index:60;animation:panel-in .2s ease-out}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b0e0c;font-family:Bebas Neue,Impact,sans-serif;font-size:2rem;letter-spacing:4px;text-align:center;gap:8px}#loading-sub{font-family:Inter,sans-serif;font-size:.9rem;letter-spacing:1px;opacity:.55}#result-banner.defeat{color:var(--red)}#result-banner.victory{color:var(--accent)}#result-banner.draw{color:var(--gold)}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}#hud-top{position:absolute;top:12px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:18px}.fighter-chip{display:flex;align-items:center;gap:10px;background:var(--panel-bg);border:1.5px solid var(--blue);border-radius:10px;padding:8px 16px;min-width:210px}.fighter-chip.right{border-color:var(--red);flex-direction:row}.belt-dot{width:26px;height:12px;border-radius:3px;background:#e8e8e8;flex-shrink:0}.chip-name{font-weight:600;font-size:.95rem;flex:1;text-align:left}.fighter-chip.right .chip-name{text-align:right}.chip-score{font-family:Bebas Neue,Impact,sans-serif;font-size:1.6rem;color:var(--accent)}#match-timer{font-family:Bebas Neue,Impact,sans-serif;font-size:1.7rem;letter-spacing:2px;background:var(--panel-bg);border:1.5px solid var(--panel-border);border-radius:10px;padding:6px 18px}#position-name{position:absolute;top:74px;left:0;right:0;text-align:center;font-family:Bebas Neue,Impact,sans-serif;font-size:1.5rem;letter-spacing:2px;color:var(--paper);text-shadow:0 2px 6px #000;opacity:.9}#dojo-bar{position:absolute;top:104px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:var(--panel-bg);border:1.5px solid var(--gold);border-radius:10px;padding:6px 14px;pointer-events:auto;z-index:22;font-size:.85rem}#dojo-bar-band{width:26px;height:11px;border-radius:3px;background:#e8e8e8;flex-shrink:0}#dojo-bar-title{font-family:Bebas Neue,Impact,sans-serif;letter-spacing:1.5px;color:var(--gold)}#dojo-bar-dots{letter-spacing:3px;font-size:.9rem}#dojo-bar .mini-btn{padding:3px 10px;font-size:.78rem}#chat-box{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:min(340px,58vw);display:flex;flex-direction:column;gap:6px;pointer-events:auto;z-index:21}#chat-log{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:3px;font-size:.82rem}#chat-log:empty{display:none}.chat-line{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;padding:3px 9px;align-self:flex-start;max-width:100%;overflow-wrap:break-word}.chat-line.me{align-self:flex-end;border-color:#c9a23f80}.chat-line b{color:var(--gold);font-weight:600}#chat-input{background:var(--panel-bg);border:1.5px solid var(--panel-border);border-radius:8px;padding:6px 10px;color:inherit;font:inherit;font-size:.85rem;outline:none}#chat-input:focus{border-color:var(--gold)}#center-flash{position:absolute;top:30%;left:0;right:0;text-align:center;font-family:Bebas Neue,Impact,sans-serif;font-size:4rem;letter-spacing:6px;text-shadow:0 4px 0 #000;pointer-events:none}#turn-panel{position:absolute;top:80px;right:12px;bottom:12px;width:min(258px,44vw);background:var(--panel-bg);border:2px solid var(--accent-dim);border-radius:14px;padding:12px;pointer-events:auto;display:flex;flex-direction:column;gap:10px}#turn-header{font-family:Bebas Neue,Impact,sans-serif;font-size:1.05rem;letter-spacing:2px;color:var(--accent);display:flex;justify-content:space-between;gap:6px}#turn-timer{color:var(--paper)}#move-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px}#move-list.cards{gap:10px;padding:2px}.pose-card{width:100%;background:linear-gradient(180deg,#4ad07f14,#00000073);border:1.5px solid rgba(42,90,60,.9);border-radius:12px;padding:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;color:var(--paper);font-family:Inter,sans-serif;transition:transform .1s ease,border-color .12s,box-shadow .15s}.pose-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 20px #00000080,0 0 14px #4ad07f40}.pose-card img{width:100%;display:block;border-radius:7px;background:#0d120f;border:1px solid rgba(0,0,0,.6)}.pose-card .card-name{font-size:.82rem;font-weight:600;text-align:center;line-height:1.25;min-height:2.1em;display:flex;align-items:center;justify-content:center}.pose-card .card-meta{font-size:.72rem;opacity:.6;text-align:center}.pose-card.selected{border-color:var(--gold);box-shadow:0 0 18px #c9a23f8c;transform:translateY(-4px)}.pose-card.ref-card{background:linear-gradient(180deg,#c9a23f1f,#00000073);border-color:#c9a23f99}#btn-play-card{font-size:1.05rem;padding:10px}.move-btn{display:flex;align-items:center;gap:10px;background:#4ad07f12;border:1.5px solid rgba(42,90,60,.8);border-radius:8px;color:var(--paper);padding:9px 12px;cursor:pointer;font-family:Inter,sans-serif;font-size:.92rem;text-align:left;transition:background .12s,border-color .12s}.move-btn:hover{background:#4ad07f2e;border-color:var(--accent)}.move-btn .mv-name{flex:1;font-weight:600}.move-btn .mv-target{opacity:.6;font-size:.82rem;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-family:Bebas Neue,Impact,sans-serif;letter-spacing:1px;border-radius:5px;padding:2px 8px;font-size:.9rem;flex-shrink:0}.badge.pts{background:#4ad07f33;color:var(--accent)}.badge.sub{background:#d0505040;color:#ff9a8a}.badge.len{background:#ffffff14;color:#aaa}.panel-sub{font-size:.85rem;opacity:.7}#btn-defend-confirm{font-size:1rem;padding:9px}.move-btn.selected{background:#d0505038;border-color:var(--red)}.move-btn.locked{opacity:.45;cursor:not-allowed}.move-btn.locked:hover{background:#4ad07f12;border-color:#2a5a3ccc}.badge.tier{background:#8a4fc940;color:#c9a2e0}.badge.seen{background:#c9a23f40;color:var(--gold)}.badge.ph{background:#ffffff14;color:#aaa}#mode-panel,#exec-panel{position:absolute;bottom:14px;left:50%;transform:translate(-50%);width:min(560px,94vw);background:var(--panel-bg);border:2px solid var(--accent);border-radius:14px;padding:18px;text-align:center;pointer-events:auto;display:flex;flex-direction:column;gap:12px}#mode-move-name,#exec-move-name{font-family:Bebas Neue,Impact,sans-serif;font-size:1.35rem;letter-spacing:2px;color:var(--accent)}.mode-row{display:flex;gap:10px}.mode-row .btn{flex:1}#coach-line{font-size:1.05rem;font-weight:600;min-height:1.4em}#coach-line b{color:var(--gold)}#coach-line.err{color:#ff9a8a;animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}#phase-dots{display:flex;justify-content:center;gap:8px}.phase-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--panel-border);background:#00000080}.phase-dot.done{background:var(--accent);border-color:#a0f0c0}.phase-dot.now{border-color:var(--gold);box-shadow:0 0 10px #c9a23f99}#exec-mistakes{font-size:.85rem;color:#ff9a8a;min-height:1.1em}#wait-panel{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:var(--panel-bg);border:1.5px solid var(--panel-border);border-radius:12px;padding:14px 26px;font-size:1rem;opacity:.9}#train-tools{position:absolute;top:80px;left:14px;display:flex;flex-direction:column;gap:8px;width:230px;pointer-events:auto}#goto-input{font-size:.85rem;padding:8px 10px}.mini-btn{font-family:Bebas Neue,Impact,sans-serif;letter-spacing:2px;background:#d0505026;color:#ff9a8a;border:1.5px solid rgba(122,42,34,.8);border-radius:8px;padding:7px 10px;cursor:pointer;font-size:.95rem}.mini-btn:hover{background:#d050504d}.mini-btn.active{border-color:var(--gold);color:var(--gold);background:#c9a23f26}@media(max-width:700px){.fighter-chip{min-width:120px;padding:6px 10px}.chip-name{font-size:.8rem}#turn-panel{max-height:50vh}}