:root{--p-color: #00d2ff;--c-color: #ff4757;--accent-gold: #ffcc00;--rank-bronze: linear-gradient(135deg, #a8673a, #ff944d);--rank-diamond: linear-gradient(135deg, #4adede, #1e90ff);--btn-grad: linear-gradient(45deg, #6a11cb 0%, #2575fc 100%);--bg-gray: #e8e8e8;--grid-line: #333}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f0f2f5;font-family:Inter,-apple-system,sans-serif;overflow-x:hidden}.battle-stage{display:flex;justify-content:center;align-items:flex-start;gap:30px;padding:40px 20px;min-height:100vh}.board-wrapper{background:#fff;padding:24px;border-radius:30px;box-shadow:0 10px 40px #0000001a;width:100%;position:relative}.player-me{flex:0 0 450px}.player-opp{flex:0 0 380px;transform:scale(.9);transform-origin:top;opacity:.9}.player-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.portrait{width:60px;height:60px;border-radius:50%;background-size:cover;background-position:center;border:3px solid #eee}.player-meta{display:flex;flex-direction:column;gap:4px}.name-label{font-size:1.3rem;font-weight:900;color:#333}.rank-tag{font-size:.75rem;padding:4px 12px;border-radius:20px;color:#fff;font-weight:900;width:-moz-fit-content;width:fit-content;text-transform:uppercase}.rank-tag.bronze{background:var(--rank-bronze)}.rank-tag.diamond{background:var(--rank-diamond)}.action-area{height:60px;display:flex;align-items:center;margin-bottom:25px;position:relative}.slim-progress-container{width:100%;height:16px;background:#e0e0e0;border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.slim-progress-fill{height:100%;transition:width .4s cubic-bezier(.22,1,.36,1);background:linear-gradient(90deg,#00d2ff,#3a7bd5)}.slim-progress-fill.opp{background:linear-gradient(90deg,#ff4757,#ff6b81)}.ultimate-trigger-btn{width:100%;height:50px;border:none;border-radius:25px;background:var(--btn-grad);color:#fff;font-weight:900;font-size:1.2rem;letter-spacing:2px;cursor:pointer;box-shadow:0 6px 20px #2575fc66;animation:btn-glow 1.2s infinite alternate}@keyframes btn-glow{0%{filter:brightness(1)}to{filter:brightness(1.25);transform:scale(1.02)}}.grid-container{width:100%;border:3px solid var(--grid-line);border-radius:12px;overflow:hidden;background-color:var(--grid-line)}.sudoku-grid-main{display:grid;grid-template-columns:repeat(9,1fr);gap:1px;width:100%;background-color:var(--grid-line)}.cell{position:relative;width:100%;aspect-ratio:1 / 1;background-color:#fff;display:flex;align-items:center;justify-content:center;font-size:clamp(1.1rem,3vw,1.5rem);font-weight:900;cursor:pointer;overflow:visible}.cell.filled-gray,.cell.fixed{background-color:var(--bg-gray)!important}.cell.bold-right:before{content:"";position:absolute;right:-2px;top:0;bottom:0;width:4px;background-color:var(--grid-line);z-index:10;pointer-events:none}.cell.bold-bottom:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:4px;background-color:var(--grid-line);z-index:10;pointer-events:none}.effect-overlay{position:absolute;inset:0;pointer-events:none;z-index:100;animation-fill-mode:forwards}.effect-overlay.just-filled{animation:flash-amber 1.2s ease-out}@keyframes flash-amber{0%{background-color:#fc0;opacity:1}to{background-color:#fc0;opacity:0}}.effect-overlay.skill-filled{animation:flash-gold 2.5s ease-out}@keyframes flash-gold{0%{background-color:#fff;opacity:1;box-shadow:inset 0 0 50px #fc0,0 0 20px #fff}30%{background-color:#fc0;opacity:.8}to{background-color:#fc0;opacity:0}}.effect-overlay.cell-error{animation:flash-red-destruction 1.2s cubic-bezier(.19,1,.22,1) forwards;z-index:105}@keyframes flash-red-destruction{0%{opacity:0;transform:scale(.5) rotate(-45deg);background-color:#ff4757}15%{opacity:1;transform:scale(1.2) rotate(0);background-color:#ff4757;box-shadow:0 0 15px #ff4757}40%{clip-path:polygon(20% 0%,0% 20%,30% 50%,0% 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0%,50% 30%)}to{opacity:0;transform:scale(1.5);background-color:transparent}}.cell span{position:relative;z-index:110}.cutin-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;pointer-events:none;overflow:hidden}.cutin-stripe{position:absolute;width:200%;height:160px;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.95) 20%,rgba(0,0,0,.95) 80%,transparent 100%);display:flex;align-items:center;transform:translate(-120%) skew(-15deg);animation:cutin-slide 2.2s cubic-bezier(.23,1,.32,1) forwards}.cutin-unit-img{width:320px;height:100%;background-size:cover;background-position:center;transform:skew(15deg);margin-left:20%;filter:drop-shadow(0 0 15px var(--p-color))}.cutin-text{transform:skew(15deg);color:#fff;margin-left:40px}.skill-name{font-size:3rem;font-weight:900;color:var(--accent-gold);text-shadow:0 0 15px rgba(255,204,0,.5)}@keyframes cutin-slide{0%{transform:translate(-120%) skew(-15deg)}15%{transform:translate(-10%) skew(-15deg)}85%{transform:translate(10%) skew(-15deg)}to{transform:translate(120%) skew(-15deg)}}.energy-popup{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:1.8rem;font-weight:900;z-index:1000;pointer-events:none;animation:energy-float 1.2s ease-out forwards}.energy-popup.gain{color:var(--p-color)}.energy-popup.damage{color:var(--c-color)}@keyframes energy-float{0%{opacity:0;transform:translate(-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-35px) scale(1.2)}to{opacity:0;transform:translate(-50%,-80px) scale(1)}}.super-shaking{animation:shake-extreme .5s}.hit-shake{animation:shake-mild .4s}@keyframes shake-extreme{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px,-4px)}20%,40%,60%,80%{transform:translate(8px,4px)}}@keyframes shake-mild{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.result-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .5s ease}.result-card{background:#1a1a1a;border:2px solid #fff;padding:40px;border-radius:20px;text-align:center;min-width:320px;box-shadow:0 0 30px #ffffff1a}.result-card.win{border-color:gold;box-shadow:0 0 40px #ffd7004d}.result-card.lose{border-color:#ff4d4d;box-shadow:0 0 40px #ff4d4d4d}.result-title{font-size:3rem;margin-bottom:20px;font-family:Orbitron,sans-serif;letter-spacing:5px}.win .result-title{color:gold;text-shadow:0 0 10px #ffd700}.lose .result-title{color:#ff4d4d;text-shadow:0 0 10px #ff4d4d}.result-stats{margin:30px 0;padding:20px;background:#ffffff0d;border-radius:10px}.stat-item{display:flex;justify-content:space-between;margin:10px 0;font-size:1.1rem}.result-actions{display:flex;gap:20px;justify-content:center}.result-btn{padding:12px 30px;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:.3s}.result-btn.rematch{background:gold;color:#000}.result-btn.title{background:#444;color:#fff}.result-btn:hover{transform:translateY(-3px);filter:brightness(1.2)}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}