*{margin:0;padding:0;box-sizing:border-box}body{background:#0d0d1a;color:#eee;font-family:Segoe UI,Tahoma,sans-serif;overflow:hidden;height:100vh}.hidden{display:none!important}#menu-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:12px}#menu-title{font-size:48px;font-weight:700;letter-spacing:6px;text-shadow:0 0 30px rgba(233,69,96,.5);color:#fff}#menu-subtitle{font-size:14px;color:#888;letter-spacing:3px;margin-bottom:30px}#menu-buttons{display:flex;flex-direction:column;gap:12px}.menu-btn{display:flex;align-items:center;gap:14px;padding:16px 40px;background:linear-gradient(135deg,#16213e,#0f3460);border:2px solid #533483;border-radius:12px;color:#fff;font-size:18px;cursor:pointer;transition:transform .2s,box-shadow .2s}.menu-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #53348380}.menu-btn-icon{font-size:28px}.menu-btn-label{font-weight:700}#online-screen{display:flex;flex-direction:column;align-items:center;height:100vh;padding-top:30px}#online-top{display:flex;align-items:center;gap:20px;margin-bottom:30px}#online-title{font-size:28px;font-weight:700;letter-spacing:2px}#online-body{display:flex;flex-direction:column;align-items:center;gap:20px}#online-options{display:flex;gap:20px}#host-panel,#join-panel{text-align:center}#host-label,#join-label{font-size:16px;color:#aaa;margin-bottom:10px}#room-code{font-size:48px;font-weight:700;letter-spacing:12px;color:#ffc107;text-shadow:0 0 20px rgba(255,193,7,.3);margin:10px 0}#host-hint{font-size:12px;color:#666;margin-bottom:10px}#host-status,#join-status{font-size:14px;color:#aaa;margin-top:10px}#join-code-input{font-size:28px;text-align:center;letter-spacing:8px;text-transform:uppercase;width:200px;padding:10px;background:#16213e;border:2px solid #533483;border-radius:8px;color:#fff;outline:none}.online-connect-btn{display:block;margin:12px auto 0;padding:10px 30px;background:#533483;border:none;border-radius:8px;color:#fff;font-size:16px;cursor:pointer}.online-connect-btn:hover{background:#6a42a0}#editor-screen{display:flex;flex-direction:column;height:100vh}#editor-top{display:flex;align-items:center;gap:16px;padding:12px 20px;background:#0f0f1ecc;border-bottom:1px solid #222;flex-shrink:0}.editor-back-btn{background:none;border:1px solid #555;color:#aaa;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:14px}.editor-back-btn:hover{border-color:#888;color:#fff}#editor-title{font-size:20px;font-weight:700;letter-spacing:2px}#editor-counts{margin-left:auto;font-size:14px;color:#aaa}#editor-counts b{color:#ffc107;font-size:18px}#editor-hint{text-align:center;font-size:12px;color:#666;padding:8px;flex-shrink:0}#editor-body{flex:1;overflow-y:auto;padding:10px 20px 20px}#editor-pool{flex:1}.editor-rank-row{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:8px;background:#ffffff05;border-radius:8px;opacity:.5;transition:opacity .2s}.editor-rank-row:hover{opacity:1}.editor-rank-row.row-needs-cards{opacity:1;background:#ffc1070f;border:1px solid rgba(255,193,7,.15)}.editor-rank-label{width:50px;text-align:center;flex-shrink:0}.rank-name{font-size:18px;font-weight:700;color:#ffc107}.editor-rank-cards{display:flex;gap:8px;flex-wrap:wrap;flex:1}.ed-card{width:110px;height:155px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;border:2px solid #444;transition:transform .15s,box-shadow .15s,opacity .15s;position:relative;padding:6px}.ed-card:hover{transform:translateY(-4px);z-index:5}.ed-card.in-deck{box-shadow:0 0 12px #ffc10766}.ed-card.maxed{opacity:.35;cursor:not-allowed}.ed-card-check{position:absolute;top:3px;right:3px;background:#ffc107;color:#000;font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px}.ed-corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;pointer-events:none}.ed-corner.top-left{top:5px;left:6px}.ed-corner.bottom-right{bottom:5px;right:6px;transform:rotate(180deg)}.ed-corner-rank{font-size:16px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);line-height:1}.ed-corner-suit{font-size:10px;line-height:1}.ed-card-art{font-size:32px;line-height:1}.ed-card-name{font-size:9px;color:#ddd;text-align:center;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.ed-card-timing{font-size:8px;color:#888}.ed-card.arch-swarm{background:linear-gradient(180deg,#1a3a1a,#0a200a);border-color:#4caf50}.ed-card.arch-survival{background:linear-gradient(180deg,#1a2a3a,#0c1520);border-color:#42a5f5}.ed-card.arch-vp{background:linear-gradient(180deg,#3a3010,#201a05);border-color:#ffc107}.ed-card.arch-control{background:linear-gradient(180deg,#3a1515,#200808);border-color:#e94560}.ed-card.arch-resource{background:linear-gradient(180deg,#1a2a2a,#081515);border-color:#26c6da}.ed-card.arch-stats{background:linear-gradient(180deg,#3a2a10,#201505);border-color:#ff9800}.ed-card.arch-trickster{background:linear-gradient(180deg,#2a1a3a,#140820);border-color:#ab47bc}#editor-preview{position:fixed;z-index:100;width:220px;background:#1a1a2e;border:1px solid #333;border-radius:10px;overflow:hidden;box-shadow:0 8px 30px #0009;pointer-events:none}.preview-header{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid #333}.preview-art{font-size:28px}.preview-name{font-size:13px;font-weight:700;color:#fff;flex:1}.preview-number{font-size:16px;font-weight:700;color:#ffc107}.preview-body{padding:10px}.preview-line{font-size:11px;color:#ccc;margin-bottom:4px}.preview-desc{font-size:11px;color:#ffeb3b;margin-top:6px;padding-top:6px;border-top:1px solid #333;line-height:1.4}#game{display:flex;flex-direction:column;height:100vh;max-width:1100px;margin:0 auto;position:relative}#vp-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#0f0f1ecc;border-bottom:1px solid #222;flex-shrink:0;gap:12px}.vp-section{display:flex;align-items:center;gap:8px;flex:1}.opponent-vp-section{flex-direction:row-reverse}.vp-label{font-size:12px;color:#888;font-weight:700;text-transform:uppercase;letter-spacing:1px}.vp-pips{display:flex;gap:4px}.vp-pip{width:14px;height:14px;border-radius:50%;background:#222;border:2px solid #444;transition:background .3s,border-color .3s,box-shadow .3s}.vp-pip.filled{background:#ffc107;border-color:#ffeb3b;box-shadow:0 0 8px #ffc10780}.vp-count{font-size:20px;font-weight:700;color:#ffc107;min-width:24px;text-align:center}.arena-display{flex-shrink:0}.arena-card{display:flex;align-items:center;gap:8px;padding:6px 14px;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #533483;border-radius:8px}.arena-art{font-size:20px}.arena-name{font-size:12px;font-weight:700;color:#fff}.arena-desc{font-size:10px;color:#aaa}.hand-row{display:flex;justify-content:center;gap:10px;align-items:center;padding:8px 16px;min-height:80px}.player-hand-row{min-height:160px;padding:12px 16px}.hand-card{width:120px;height:170px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:default;transition:transform .2s,box-shadow .2s;position:relative;-webkit-user-select:none;user-select:none;flex-shrink:1;min-width:50px;border:2px solid #444}.hand-card.arch-swarm{background:linear-gradient(180deg,#1a3a1a,#0a200a);border-color:#4caf50}.hand-card.arch-survival{background:linear-gradient(180deg,#1a2a3a,#0c1520);border-color:#42a5f5}.hand-card.arch-vp{background:linear-gradient(180deg,#3a3010,#201a05);border-color:#ffc107}.hand-card.arch-control{background:linear-gradient(180deg,#3a1515,#200808);border-color:#e94560}.hand-card.arch-resource{background:linear-gradient(180deg,#1a2a2a,#081515);border-color:#26c6da}.hand-card.arch-stats{background:linear-gradient(180deg,#3a2a10,#201505);border-color:#ff9800}.hand-card.arch-trickster{background:linear-gradient(180deg,#2a1a3a,#140820);border-color:#ab47bc}.card-corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;z-index:2;pointer-events:none}.card-corner.top-left{top:6px;left:7px}.card-corner.bottom-right{bottom:6px;right:7px;transform:rotate(180deg)}.corner-rank{font-size:18px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);line-height:1}.corner-suit{font-size:12px;line-height:1}.card-center{display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.hand-card .card-art{font-size:36px;line-height:1}.hand-card .card-name{font-size:10px;font-weight:700;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px;padding:0 4px}.card-timing-badge{position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-size:9px;font-weight:700;padding:1px 6px;border-radius:4px;color:#fff;z-index:3}.card-timing-badge.before{background:#ff980099}.card-timing-badge.after{background:#42a5f599}.hand-card.playable{cursor:pointer;box-shadow:0 0 14px #ffffff40}.hand-card.playable:hover{transform:translateY(-14px);box-shadow:0 0 22px #ffc10780;z-index:10}.hand-card.choice-target{cursor:pointer;box-shadow:0 0 14px #4caf5066}.hand-card.choice-target:hover{transform:translateY(-14px);box-shadow:0 0 22px #4caf5099;z-index:10}.hand-card.face-down{background:linear-gradient(135deg,#0f3460,#16213e);border-color:#533483}.card-back{font-size:30px;color:#555}.board-row{display:flex;justify-content:center;gap:8px;align-items:center;padding:4px 16px;min-height:50px}.board-card{width:50px;height:65px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:2px solid #444;position:relative}.board-card.arch-swarm{background:linear-gradient(180deg,#1a3a1a,#0a200a);border-color:#4caf50}.board-card.arch-survival{background:linear-gradient(180deg,#1a2a3a,#0c1520);border-color:#42a5f5}.board-card.arch-vp{background:linear-gradient(180deg,#3a3010,#201a05);border-color:#ffc107}.board-card.arch-control{background:linear-gradient(180deg,#3a1515,#200808);border-color:#e94560}.board-card.arch-resource{background:linear-gradient(180deg,#1a2a2a,#081515);border-color:#26c6da}.board-card.arch-stats{background:linear-gradient(180deg,#3a2a10,#201505);border-color:#ff9800}.board-card.arch-trickster{background:linear-gradient(180deg,#2a1a3a,#140820);border-color:#ab47bc}.board-card-art{font-size:18px;line-height:1}.board-card-power{font-size:12px;font-weight:700;color:#ffc107}.board-card-badge{position:absolute;top:-4px;right:-4px;font-size:10px}#combat-zone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:10px;min-height:200px;background:#0f0f1e66;border-top:1px solid #1a1a2e;border-bottom:1px solid #1a1a2e}#phase-info{display:flex;align-items:center;gap:16px}#turn-display{font-size:13px;color:#888}#phase-display{font-size:16px;font-weight:700;color:#ffc107;letter-spacing:2px}#combat-zone-cards{display:flex;align-items:center;justify-content:center;gap:20px;width:100%}.combat-side{display:flex;gap:6px;align-items:center;flex:1;min-width:0}.player-side{justify-content:flex-end}.opponent-side{justify-content:flex-start}.combat-center{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;min-width:80px}.combat-vs{font-size:24px;font-weight:700;color:#555}.combat-result{font-size:22px;font-weight:700;letter-spacing:2px}.combat-result.win{color:#4caf50;text-shadow:0 0 10px rgba(76,175,80,.5)}.combat-result.lose{color:#e94560;text-shadow:0 0 10px rgba(233,69,96,.5)}.combat-result.tie{color:#ffc107}.combat-result.cancelled{color:#888}.combat-powers{font-size:14px;color:#aaa}.combat-card{width:100px;height:140px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px solid #444;transition:transform .3s;position:relative}.combat-card.extra{width:70px;height:100px;opacity:.85}.combat-card.arch-swarm{background:linear-gradient(180deg,#1a3a1a,#0a200a);border-color:#4caf50}.combat-card.arch-survival{background:linear-gradient(180deg,#1a2a3a,#0c1520);border-color:#42a5f5}.combat-card.arch-vp{background:linear-gradient(180deg,#3a3010,#201a05);border-color:#ffc107}.combat-card.arch-control{background:linear-gradient(180deg,#3a1515,#200808);border-color:#e94560}.combat-card.arch-resource{background:linear-gradient(180deg,#1a2a2a,#081515);border-color:#26c6da}.combat-card.arch-stats{background:linear-gradient(180deg,#3a2a10,#201505);border-color:#ff9800}.combat-card.arch-trickster{background:linear-gradient(180deg,#2a1a3a,#140820);border-color:#ab47bc}.combat-card.face-down{background:linear-gradient(135deg,#0f3460,#16213e);border-color:#533483}.combat-card .corner-rank{font-size:14px}.combat-card .corner-suit{font-size:10px}.combat-card-art{font-size:32px;line-height:1}.combat-card-name{font-size:9px;color:#ddd;text-align:center;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combat-placeholder{width:100px;height:140px;border:2px dashed #333;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#555;font-size:12px}#action-bar{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#0f0f1ecc;border-top:1px solid #222;flex-shrink:0}.action-btn{padding:8px 14px;background:#16213e;border:1px solid #533483;border-radius:8px;color:#fff;font-size:16px;cursor:pointer;transition:background .2s}.action-btn:hover{background:#1a2a50}#action-buttons{display:flex;align-items:center;gap:10px}.timer-display{font-size:20px;font-weight:700;color:#ffc107;padding:4px 12px;background:#ffc1071a;border-radius:6px;border:1px solid rgba(255,193,7,.3)}.choice-hint{font-size:13px;color:#4caf50;font-weight:700;animation:choicePulse 1.5s infinite}@keyframes choicePulse{0%,to{opacity:1}50%{opacity:.5}}#action-log{flex:1;text-align:right;font-size:11px;color:#666;overflow:hidden;max-height:60px}.log-line{line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#card-preview{position:fixed;z-index:100;width:220px;background:#1a1a2e;border:1px solid #333;border-radius:10px;overflow:hidden;box-shadow:0 8px 30px #0009;pointer-events:none}#message-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:50;pointer-events:none}#message-text{font-size:28px;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(255,193,7,.5);padding:20px 40px;background:#0f0f1ee6;border:2px solid #533483;border-radius:12px}#game-over{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#000000d9;z-index:60}#game-over-text{font-size:36px;font-weight:700;text-shadow:0 0 30px rgba(233,69,96,.5)}#restart-btn,.menu-return-btn{padding:12px 36px;background:linear-gradient(135deg,#16213e,#0f3460);border:2px solid #533483;border-radius:10px;color:#fff;font-size:16px;cursor:pointer;transition:transform .2s,box-shadow .2s}#restart-btn:hover,.menu-return-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #53348380}#animation-layer{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:200}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0d0d1a}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}