*{box-sizing:border-box}body{margin:0;background-color:#0b0f24}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;background:radial-gradient(circle at center 30%,#1e123c 0%,#0d0a1b 100%);padding:15px 10px;font-family:Helvetica Neue,Arial,Microsoft YaHei,sans-serif;color:#fff;position:relative;overflow:hidden}.home-container:before{content:"";position:absolute;top:10%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(200,50,255,.4),transparent);box-shadow:0 0 15px #b026ff;pointer-events:none}.home-container:after{content:"";position:absolute;top:90%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,240,255,.4),transparent);box-shadow:0 0 15px #00f0ff;pointer-events:none}.home-header{margin-bottom:35px;text-align:center;position:relative;z-index:2}.home-title{font-size:1.6rem;font-weight:900;color:#fff;text-shadow:2px 2px 0px #0a0a2a,0 0 10px #00f0ff;margin:0 0 15px;letter-spacing:1px}.home-subtitle{position:relative;display:inline-block}.home-subtitle span{font-size:1.1rem;color:#ff6b8b;font-weight:500;letter-spacing:3px;text-shadow:0 0 8px rgba(255,100,150,.8)}.home-subtitle:after{content:"";display:block;width:140%;height:1px;background:linear-gradient(90deg,transparent,#ff6b8b,transparent);margin:4px auto 0;transform:translate(-14%)}.leaderboards-container{display:flex;flex-direction:row;gap:12px;width:100%;max-width:600px;margin-bottom:35px;justify-content:center;z-index:2}.glow-wrapper{flex:1;min-width:0}.blue-glow{filter:drop-shadow(0 0 5px rgba(0,240,255,.5))}.btn-glow{filter:drop-shadow(0 0 5px rgba(184,0,255,.4));cursor:pointer;transition:transform .2s;flex:1;min-width:0}.btn-glow:active{transform:scale(.96)}.sci-fi-border{background:linear-gradient(135deg,#00d2ff 0%,#3a7bd5 100%);padding:2px;border-radius:1px;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);height:100%}.pink-border{background:linear-gradient(135deg,#ff6b8b 0%,#a18cd1 100%)}.sci-fi-content{background:#0d122e;height:100%;clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);display:flex;flex-direction:column;padding:20px 10px 15px}.leaderboard-title{color:#fff;font-size:.85rem;margin-top:0;margin-bottom:20px;text-align:center;font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#fff6}.leaderboard-list{list-style:none;padding:0;margin:0;flex:1;display:flex;flex-direction:column;gap:14px}.leaderboard-item{display:flex;justify-content:space-between;align-items:center;padding:0 4px;font-size:.75rem}.item-name{color:#dcdcdc;letter-spacing:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.item-score{white-space:nowrap}.score-red{color:#ff4757;font-weight:700}.divider-line{width:80%;height:2px;margin:20px auto 10px}.pink-line{background:linear-gradient(90deg,transparent,#b83280,transparent)}.mode-selection{display:flex;flex-direction:row;gap:12px;width:100%;max-width:600px;justify-content:center;z-index:2}.btn-content{flex-direction:column;align-items:center;justify-content:center;padding:12px 6px}.mode-icon{font-size:1.6rem;margin-bottom:4px}.mode-info{display:flex;flex-direction:column;align-items:center}.mode-name{color:#fff;font-weight:700;font-size:.95rem;margin-bottom:2px;letter-spacing:0px}.mode-desc{color:#8fa0c0;font-size:.7rem;text-align:center}@media (min-width: 768px){.home-title{font-size:2.5rem}.home-subtitle span{font-size:1.5rem}.leaderboard-title{font-size:1.25rem}.leaderboard-item{font-size:1.15rem}.mode-name{font-size:1.25rem}.mode-desc{font-size:.95rem}.sci-fi-content{padding:30px 25px 20px}.btn-content{padding:25px 20px}.leaderboards-container{gap:30px;margin-bottom:40px}.mode-selection{gap:30px}.sci-fi-border{clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px)}.sci-fi-content{clip-path:polygon(19px 0,calc(100% - 19px) 0,100% 19px,100% calc(100% - 19px),calc(100% - 19px) 100%,19px 100%,0 calc(100% - 19px),0 19px)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{width:90%;max-width:400px;filter:drop-shadow(0 0 15px rgba(0,240,255,.3))}.modal-title{margin-top:0;color:#fff;text-align:center;text-shadow:0 0 8px rgba(255,100,150,.8)}.modal-desc{color:#a0aabf;font-size:.9rem;margin-bottom:20px;text-align:center}.name-input{width:100%;padding:12px 15px;background:#060918;border:1px solid #3a7bd5;color:#00d2ff;font-size:1.1rem;outline:none;font-family:inherit;margin-bottom:25px;text-align:center}.name-input:focus{border-color:#00f0ff;box-shadow:0 0 10px #00f0ff4d inset}.modal-actions{display:flex;gap:15px;justify-content:center}.btn-cancel,.btn-confirm{padding:12px 25px;border:none;cursor:pointer;font-weight:700;font-family:inherit;font-size:1rem;transition:all .2s}.btn-cancel{background:transparent;color:#8fa0c0;border:1px solid #8fa0c0}.btn-confirm{background:linear-gradient(135deg,#ff6b8b 0%,#a18cd1 100%);color:#fff;box-shadow:0 0 10px #ff6b8b66}.btn-confirm:disabled{background:#333;color:#777;box-shadow:none;cursor:not-allowed}.btn-cancel:active,.btn-confirm:not(:disabled):active{transform:scale(.95)}.battle-container{min-height:100dvh;background:linear-gradient(135deg,#0f0f1a 0%,#1a1a2e 100%);padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.battle-header{position:absolute;top:30px;left:0;right:0;text-align:center}.battle-title{font-size:1.5rem;color:#aaa;text-shadow:0 0 8px rgba(100,180,255,.4);margin:0;letter-spacing:3px}.battle-footer{position:fixed;bottom:60px;right:95px}.copyright{font-size:.75rem;color:#666;letter-spacing:1px}.battle-content{display:flex;gap:12px;max-width:100%}.left-section{position:relative;flex-shrink:0;display:flex;flex-direction:column;gap:10px}.player-board-wrapper{flex-shrink:0}.player-button-group{display:flex;gap:8px}.player-button-group .game-button{flex:1;padding:10px;font-size:.85rem}.player-info-bar{position:absolute;top:10px;left:5%;right:5%;display:flex;gap:8px;justify-content:center;padding:6px 8px;background-color:#000000b3;z-index:10}.player-info-item{display:flex;gap:4px;align-items:center}.player-info-label{font-size:.7rem;color:#aaa}.player-info-value{font-size:.85rem;font-weight:700;color:#f39c12}.board-label{font-size:.9rem;color:#fff;margin-bottom:6px;text-align:center;letter-spacing:1px}.player-label{color:#3498db}.ai-label{color:#e74c3c}.player-board-container{position:relative}.player-canvas{display:block;border:3px solid #3498db;background-color:#000;box-shadow:0 0 16px #3498db80;border-radius:4px}.ai-board-wrapper{position:absolute;top:0;right:-168px;flex-shrink:0}.ai-board-container{position:relative}.ai-info-bar{position:absolute;top:5px;left:5%;right:5%;display:flex;gap:4px;justify-content:center;padding:3px 4px;background-color:#000000b3;z-index:10}.ai-info-item{display:flex;gap:2px;align-items:center}.ai-info-label{font-size:.5rem;color:#aaa}.ai-info-value{font-size:.6rem;font-weight:700;color:#e74c3c}.ai-canvas{display:block;border:2px solid #e74c3c;background-color:#000;box-shadow:0 0 12px #e74c3c66;border-radius:4px}.board-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000c;display:flex;align-items:center;justify-content:center;border-radius:4px}.overlay-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.overlay-title{font-size:1.5rem;color:#f39c12;margin:0;text-shadow:0 0 10px rgba(243,156,18,.8)}.flare{padding:8px 15px;border-radius:20px;font-size:14px;font-weight:700;animation:flarePop .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes flarePop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.new-record{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%);color:#c9184a;box-shadow:0 0 15px #ff9a9e99}.expert-defeat{background:linear-gradient(135deg,#00c6ff 0%,#0072ff 100%);color:#fff;box-shadow:0 0 15px #00c6ff99}.unlock-flare{background:linear-gradient(135deg,#f6d365 0%,#fda085 100%);color:#7d4a04;box-shadow:0 0 20px #f6d365b3;border:1px solid rgba(255,255,255,.3)}.monster-unlock{background:linear-gradient(135deg,#662d8c 0%,#ed1e79 100%);color:#fff;box-shadow:0 0 25px #ed1e79cc;border:2px solid #ed1e79;text-shadow:0 0 10px #000;letter-spacing:2px}.right-section{display:flex;flex-direction:column;gap:12px;width:160px;flex-shrink:0;margin-top:350px}.info-group{display:none}.difficulty-selector{background-color:#16213e;border-radius:8px;padding:10px;display:flex;flex-direction:row;align-items:center;gap:8px;position:relative;z-index:100}.difficulty-label{font-size:.9rem;color:#aaa;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.difficulty-select{flex:1;width:100%;padding:6px 28px 6px 8px;font-size:.8rem;font-weight:700;background-color:#1a2744;color:#fff;border:1px solid #3498db;border-radius:6px;cursor:pointer;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.difficulty-select-wrapper{flex:1;position:relative;display:flex;align-items:center}.difficulty-arrow{position:absolute;right:8px;font-size:.6rem;color:#3498db;pointer-events:none;z-index:1}.difficulty-select:disabled{opacity:.5;cursor:not-allowed}.difficulty-select option:disabled{color:#555;background-color:#0d1117}.monster-option{color:#ed1e79!important;font-weight:900!important;background-color:#1a001a!important}.button-group{display:flex;flex-direction:column;gap:8px}.game-button{width:100%;padding:12px;font-size:.9rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;touch-action:manipulation;transition:opacity .15s;color:#fff}.game-button:active{opacity:.75}.start-button{background:linear-gradient(135deg,#27ae60 0%,#229954 100%)}.game-button:disabled{background:linear-gradient(135deg,#555 0%,#444 100%);color:#888;cursor:not-allowed;opacity:1}.sound-button{background:linear-gradient(135deg,#555 0%,#444 100%)}.back-button{background:linear-gradient(135deg,#e67e22 0%,#d35400 100%)}.next-block-section{background-color:#16213e;border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center}.next-label{font-size:.85rem;color:#5dade2;margin-bottom:8px;letter-spacing:1px}.next-canvas{display:block;background-color:#000;border:2px solid #3498db;border-radius:4px}.network-lobby{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px;min-height:100dvh}.network-lobby h2{font-size:28px;color:#fff;margin:0}.lobby-section{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:320px}.lobby-section .game-button,.network-lobby .game-button{background:linear-gradient(135deg,#e67e22 0%,#d35400 100%);color:#fff}.room-info{background:rgba(255,255,255,.1);padding:20px;border-radius:12px;text-align:center;width:100%}.room-info p{margin:8px 0;color:#fff;font-size:16px}.room-info strong{font-size:32px;color:#4ade80;letter-spacing:4px;font-weight:700}.room-hint{font-size:14px;color:#aaa;margin-top:12px}.lobby-divider{color:#666;font-size:14px;margin:8px 0}.room-input{width:100%;padding:12px 16px;font-size:18px;text-align:center;border:2px solid #4ade80;border-radius:8px;background:rgba(255,255,255,.1);color:#fff;letter-spacing:4px;text-transform:uppercase;font-weight:700}.room-input::placeholder{color:#666;letter-spacing:normal;text-transform:none;font-weight:400}.room-input:focus{outline:none;border-color:#22c55e;background:rgba(255,255,255,.15)}.error-message{background:rgba(239,68,68,.2);border:1px solid #ef4444;color:#fca5a5;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center;width:100%;max-width:320px}@media (max-width: 768px){.battle-container{padding:75px 4px 4px;justify-content:flex-start;overflow:hidden;align-items:flex-start}.battle-container:has(.network-lobby){align-items:center}.battle-header{top:calc(env(safe-area-inset-top) + 35px)}.battle-title{font-size:1.2rem;letter-spacing:1px}.battle-content{gap:6px;transform:scale(.75);transform-origin:top left;margin-top:-10px;margin-left:20px}.network-lobby{padding:20px;gap:20px;width:100%;align-items:center}.network-lobby h2{font-size:22px}.lobby-section{max-width:280px;gap:12px}.room-info{padding:16px}.room-info p{font-size:14px}.room-info strong{font-size:28px;letter-spacing:3px}.room-hint{font-size:12px}.room-input{padding:10px 14px;font-size:16px;letter-spacing:3px}.game-button{padding:10px;font-size:.85rem}}@media (max-width: 375px){.battle-content{transform:scale(.75);margin-top:-15px}.battle-title{font-size:.7rem}}.mobile-controls{position:static;bottom:unset;left:unset;right:unset;display:none;justify-content:flex-start;align-items:center;gap:32px;padding:16px 24px 16px 36px;margin-top:-180px;z-index:1000}.dpad-cross{display:flex;flex-direction:column;align-items:center;gap:4px;transform:translate(10px)}.dpad-cross-row{display:flex;gap:4px;align-items:center}.dpad-center{width:52px;height:52px}.dpad-button{width:52px;height:52px;background:linear-gradient(145deg,#2d3a55,#1e2a42);border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#cbd5e0;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;box-shadow:0 4px #111827,0 5px 8px #00000080}.dpad-button:active{box-shadow:0 1px #111827,0 2px 4px #0006;transform:translateY(3px)}.drop-button{width:88px;height:88px;transform:translate(50px);border-radius:50%;background:radial-gradient(circle at 38% 35%,#f87171,#e53e3e,#c53030);border:none;box-shadow:0 6px #7f1d1d,0 8px 16px #00000080;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;text-shadow:0 1px 3px rgba(0,0,0,.5);letter-spacing:2px}.drop-button:active{box-shadow:0 4px #7f1d1d,0 5px 10px #0006;transform:translate(50px,2px)}.drop-icon{display:block;width:36px;height:36px;border:3px solid #cbd5e0;border-radius:4px}@media (max-width: 768px){.mobile-controls{display:flex;transform:scale(.9);transform-origin:center left}}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a2e;color:#eee;display:flex;justify-content:center;align-items:center;min-height:100dvh;width:100%;overscroll-behavior:none;-webkit-overflow-scrolling:touch}#root{width:100%;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}