@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;1,700;1,800&family=Saira+Semi+Condensed:ital,wght@0,700;0,800;1,800&family=Space+Mono:wght@400;700&display=swap";.privacy-policy-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.privacy-policy-modal{background:#1a1a2e;border-radius:12px;max-width:min(700px,92vw);width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;border:2px solid #dc2626}.privacy-policy-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:linear-gradient(135deg,#dc2626,#991b1b);border-radius:10px 10px 0 0}.privacy-policy-header h2{margin:0;color:#fff;font-size:20px;font-weight:600}.privacy-policy-close{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;padding:0;line-height:1;opacity:.8;transition:opacity .2s ease}.privacy-policy-close:hover{opacity:1}.privacy-policy-content{padding:24px;overflow-y:auto;flex:1;color:#ffffffe6;font-size:14px;line-height:1.6}.privacy-policy-updated{color:#ffffff80;font-size:13px;margin-bottom:24px;font-style:italic}.privacy-policy-content section{margin-bottom:24px}.privacy-policy-content h3{color:#fbbf24;font-size:16px;font-weight:600;margin:0 0 12px}.privacy-policy-content p{margin:0 0 12px}.privacy-policy-content ul{margin:0 0 12px;padding-left:24px}.privacy-policy-content li{margin-bottom:8px}.privacy-policy-content strong{color:#fff}.privacy-policy-contact{margin-top:8px}.privacy-policy-contact a{color:#60a5fa;text-decoration:none}.privacy-policy-contact a:hover{text-decoration:underline}@media(pointer:coarse){.privacy-policy-close{width:44px;height:44px;font-size:32px;display:flex;align-items:center;justify-content:center}}@media(max-width:768px){.privacy-policy-content{padding:16px;font-size:13px}.privacy-policy-header{padding:12px 16px}.privacy-policy-header h2{font-size:17px}}.login-container{display:flex;width:100%;height:100vh;height:100dvh;overflow:hidden}.login-panel{width:400px;min-width:400px;background:linear-gradient(135deg,#dc2626,#991b1b);padding:60px 40px;display:flex;flex-direction:column;justify-content:center;box-shadow:2px 0 20px #0000004d;z-index:10}.title{color:#fff;font-size:32px;font-weight:700;margin-bottom:60px;text-align:center;text-shadow:0 0 10px rgba(255,255,255,.5),2px 2px 4px rgba(0,0,0,.3)}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#fff;font-size:14px;font-weight:500}.form-group input{padding:12px 16px;border:none;border-radius:8px;font-size:16px;background:#ffffffe6;transition:all .3s ease}.form-group input:focus{outline:none;background:#fff;box-shadow:0 0 0 3px #dc26264d}.login-button,.donate-button,.toggle-mode-button{padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.login-button:disabled,.toggle-mode-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.form-group input:disabled{opacity:.6;cursor:not-allowed}.login-button{background:#fff;color:#dc2626}.login-button:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.login-button:active{transform:translateY(0)}.donate-button{background:transparent;color:#fff;border:2px solid white}.donate-button:hover{background:#ffffff1a;transform:translateY(-2px)}.donate-button:active{transform:translateY(0)}.toggle-mode-button{background:transparent;color:#fff;border:none;font-size:14px;font-weight:500;text-decoration:underline;margin-top:5px}.toggle-mode-button:hover{opacity:.8}.error-message{background:#dc262633;border:1px solid rgba(220,38,38,.5);color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center;animation:slideIn .3s ease}.error-message.success{background:#22c55e33;border-color:#22c55e80}.background-area{flex:1;background:linear-gradient(#0000004d,#0000004d),url(/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.background-area:not([style*=background-image]){background:linear-gradient(135deg,#1a1a1a,#4a0000,#8b0000)}.privacy-link{background:transparent;border:none;color:#ffffffb3;font-size:12px;cursor:pointer;margin-top:20px;text-decoration:underline;transition:color .2s ease}.privacy-link:hover{color:#fff}.forgot-password-link{background:transparent;border:none;color:#ffffffb3;font-size:13px;cursor:pointer;margin-top:12px;text-decoration:underline;transition:color .2s ease}.forgot-password-link:hover{color:#fff}.forgot-password-link:disabled{opacity:.5;cursor:not-allowed}.login-hint{color:#ffffffbf;font-size:13px;line-height:1.4;margin:0 0 4px;text-align:center}.guest-hint{margin-top:8px;font-size:12px;color:#fff9}.reset-brand-logo{display:block;width:56px;height:56px;margin:0 auto 12px;border-radius:12px}.login-divider{display:flex;align-items:center;text-align:center;color:#ffffff73;font-size:12px;margin:16px 0 4px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ffffff26}.login-divider span{padding:0 12px}.guest-button{width:100%;padding:12px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.guest-button:hover:not(:disabled){background:#ffffff14;border-color:#fff9}.guest-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.login-container{flex-direction:column}.login-panel{width:100%;min-width:0;flex:1;padding:calc(40px + var(--sai-top, 0px)) 24px calc(24px + var(--sai-bottom, 0px));overflow-y:auto}.background-area{display:none}.title{font-size:26px;margin-bottom:32px}.login-button,.donate-button,.toggle-mode-button{min-height:44px}}.login-modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto}.login-modal .login-panel{position:relative;width:min(420px,100%);min-width:0;padding:48px 36px;border-radius:16px;max-height:90vh;overflow-y:auto}.login-modal .title{margin-bottom:32px}.login-close{position:absolute;top:12px;right:16px;background:transparent;border:none;color:#ffffffd9;font-size:28px;line-height:1;cursor:pointer;padding:4px 8px}.login-close:hover:not(:disabled){color:#fff}.login-close:disabled{opacity:.4;cursor:default}.login-import-decks{display:flex;align-items:center;gap:8px;color:#ffffffe6;font-size:14px;margin:4px 0 8px;cursor:pointer}.login-import-decks input{cursor:pointer}@media(max-width:480px){.login-modal .login-panel{padding:40px 24px}}.add-to-homescreen-prompt{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;animation:slideUpFade .3s ease-out}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.add-to-homescreen-content{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#1f2937,#111827);border:1px solid rgba(139,92,246,.5);border-radius:12px;padding:12px 16px;box-shadow:0 8px 32px #0006;max-width:340px}.add-to-homescreen-icon{font-size:24px;flex-shrink:0}.add-to-homescreen-text{display:flex;flex-direction:column;gap:2px}.add-to-homescreen-text strong{color:#fff;font-size:14px}.add-to-homescreen-text span{color:#ffffffb3;font-size:12px}.add-to-homescreen-close{width:28px;height:28px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.add-to-homescreen-close:active{background:#fff3}@media(max-height:500px)and (orientation:landscape){.add-to-homescreen-prompt{bottom:auto;top:60px}}.theme-switcher{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:var(--color-text-dim)}.theme-switcher-label{text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.theme-switcher-select{appearance:none;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-accent-soft);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);font:inherit;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out);color-scheme:dark}.theme-switcher-select option{background:var(--color-surface);color:var(--color-text)}.theme-switcher-select:hover,.theme-switcher-select:focus-visible{border-color:var(--color-accent);outline:none}.menu-container{position:relative;display:flex;width:100%;height:100vh;height:100dvh;overflow:hidden;background:var(--color-bg)}.menu-panel{position:relative;width:clamp(300px,28vw,420px);min-width:280px;height:100%;background:linear-gradient(135deg,var(--color-brand-red) 0%,var(--color-brand-red-deep) 100%);padding:clamp(20px,3vw,40px);display:flex;flex-direction:column;box-shadow:2px 0 20px #0000004d;z-index:10;animation:menuPulseGlow 2.4s ease-in-out infinite}@keyframes menuPulseGlow{0%,to{box-shadow:2px 0 20px #0000004d,0 0 10px rgba(var(--legal-glow-rgba),.25)}50%{box-shadow:2px 0 20px #0000004d,0 0 28px rgba(var(--legal-glow-rgba),.55)}}@keyframes menuPulseText{0%,to{text-shadow:0 0 10px rgba(255,255,255,.5),2px 2px 4px rgba(0,0,0,.3),0 0 8px rgba(var(--legal-glow-rgba),.45)}50%{text-shadow:0 0 10px rgba(255,255,255,.5),2px 2px 4px rgba(0,0,0,.3),0 0 18px rgba(var(--legal-glow-rgba),.75)}}@keyframes menuPulseBtn{0%,to{box-shadow:0 0 10px rgba(var(--legal-glow-rgba),.25)}50%{box-shadow:0 0 22px rgba(var(--legal-glow-rgba),.55)}}@media(prefers-reduced-motion:reduce){.menu-panel,.menu-title,.menu-button.tutorial{animation:none}}.menu-sysline,.menu-eyebrow,.menu-streaks{display:none}.menu-title{color:#fff;font-size:clamp(22px,2.5vw,32px);font-weight:700;margin-bottom:20px;text-align:center;text-shadow:0 0 10px rgba(255,255,255,.5),2px 2px 4px rgba(0,0,0,.3);animation:menuPulseText 2.4s ease-in-out infinite}.welcome-text{color:#fff;font-size:clamp(14px,1.3vw,18px);text-align:center;margin-bottom:40px;opacity:.9}.menu-buttons{display:flex;flex-direction:column;flex:1;justify-content:space-between}.menu-buttons-main{display:flex;flex-direction:column;gap:16px}.menu-buttons-footer{display:flex;flex-direction:column;gap:10px}.menu-button{padding:clamp(10px,1.2vw,16px) clamp(16px,1.8vw,24px);border:none;border-radius:var(--radius-md);font-size:clamp(14px,1.3vw,18px);font-weight:600;cursor:pointer;transition:all var(--motion-slow) var(--ease-out)}.menu-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.menu-button.primary{background:#fff;color:var(--color-brand-red)}.menu-button.primary:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.menu-button.primary:active{transform:translateY(0)}.menu-button.play-vs-ai{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-deep) 100%);color:var(--color-text-on-accent);border:2px solid var(--color-accent-bright);font-weight:700}.menu-button.play-vs-ai:hover{background:linear-gradient(135deg,var(--color-accent-bright) 0%,var(--color-accent) 100%);transform:translateY(-2px);box-shadow:0 4px 14px #fbbf2480}.menu-button.play-vs-ai:active{transform:translateY(0)}.menu-button.tutorial{background:linear-gradient(135deg,var(--color-info) 0%,var(--color-info-deep) 100%);color:#fff;border:2px solid var(--color-info-bright);animation:menuPulseBtn 2.4s ease-in-out infinite}.menu-button.tutorial:hover{background:linear-gradient(135deg,var(--color-info-bright) 0%,var(--color-info) 100%);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.menu-button.tutorial:active{transform:translateY(0)}.menu-button-row{display:flex;gap:12px;width:100%}.menu-button.small{flex:1;padding:10px 16px;font-size:14px;margin-top:0}.menu-button.secondary{background:transparent;color:#fff;border:2px solid white}.menu-button.secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.menu-button.secondary:active{transform:translateY(0)}.menu-button.feedback{background:transparent;color:var(--color-feedback);border:2px solid var(--color-feedback)}.menu-button.feedback:hover{background:#a78bfa1a;transform:translateY(-2px);box-shadow:0 4px 12px #a78bfa4d}.menu-button.feedback:active{transform:translateY(0)}.menu-button.support{background:var(--color-support);color:#fff;border:2px solid var(--color-support)}.menu-button.support:hover{background:var(--color-support-deep);border-color:var(--color-support-deep);transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed66}.menu-button.support:active{transform:translateY(0)}.menu-button.logout{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);font-size:14px;padding:12px 24px;margin-top:10px}.menu-button.logout:hover{background:#ffffff0d;border-color:#fff}.menu-privacy-link{background:none;border:none;color:#ffffff80;font-size:12px;cursor:pointer;padding:8px;margin-top:8px;text-decoration:underline;transition:color .2s ease}.menu-privacy-link:hover{color:#fffc}.menu-background-area{flex:1;background:transparent;position:relative;z-index:1;pointer-events:none}@media(max-width:768px)and (orientation:portrait){.menu-container{flex-direction:column}.menu-panel{width:100%;min-width:0;flex:1;overflow-y:auto;padding:calc(20px + var(--sai-top, 0px)) 20px calc(20px + var(--sai-bottom, 0px))}.menu-background-area{display:none}.menu-button{min-height:44px}}@media(max-height:500px)and (orientation:landscape){.menu-container{overflow:hidden}.menu-panel{width:320px;min-width:320px;padding:20px;overflow-y:auto}.menu-title{font-size:24px;margin-bottom:12px}.welcome-text{font-size:14px;margin-bottom:20px}.menu-buttons-main{gap:10px}.menu-button{padding:12px 16px;font-size:14px}.menu-button.small{padding:8px 12px;font-size:12px}.menu-button.logout{padding:10px 16px;font-size:12px;margin-top:6px}.menu-buttons-footer{gap:6px}}.private-match-container{display:flex;width:100%;height:100vh;height:100dvh;overflow:hidden}.private-match-panel{width:400px;min-width:400px;background:linear-gradient(135deg,#dc2626,#991b1b);padding:60px 40px;display:flex;flex-direction:column;justify-content:center;box-shadow:2px 0 20px #0000004d;z-index:10}.private-match-title{color:#fff;font-size:32px;font-weight:700;margin-bottom:20px;text-align:center;text-shadow:0 0 10px rgba(255,255,255,.5),2px 2px 4px rgba(0,0,0,.3)}.private-match-subtitle{color:#fff;font-size:16px;text-align:center;margin-bottom:40px;opacity:.9;line-height:1.5}.private-match-buttons{display:flex;flex-direction:column;gap:16px}.private-match-button{padding:16px 24px;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease}.private-match-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.private-match-button.primary{background:#fff;color:#dc2626}.private-match-button.primary:hover:not(:disabled){background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.private-match-button.primary:active{transform:translateY(0)}.private-match-button.secondary{background:transparent;color:#fff;border:2px solid white}.private-match-button.secondary:hover:not(:disabled){background:#ffffff1a;transform:translateY(-2px)}.private-match-button.secondary:active{transform:translateY(0)}.private-match-button.back{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);font-size:16px;margin-top:10px}.private-match-button.back:hover{background:#ffffff0d;border-color:#fff}.form-group{margin-bottom:30px}.form-group label{display:block;color:#fff;font-size:14px;font-weight:500;margin-bottom:8px}.room-code-input{width:100%;padding:16px 20px;border:none;border-radius:8px;font-size:24px;font-weight:700;text-align:center;letter-spacing:4px;background:#ffffffe6;transition:all .3s ease;text-transform:uppercase}.room-code-input:focus{outline:none;background:#fff;box-shadow:0 0 0 3px #dc26264d}.room-code-input:disabled{opacity:.6;cursor:not-allowed}.room-code-display{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:30px 20px;margin-bottom:40px;text-align:center}.room-code-label{color:#fff;font-size:14px;margin-bottom:15px;opacity:.9}.room-code-value{background:#fff;color:#dc2626;font-size:36px;font-weight:700;letter-spacing:8px;padding:20px;border-radius:8px;margin-bottom:15px;box-shadow:0 4px 12px #0003;-webkit-user-select:all;user-select:all}.room-code-hint{color:#fff;font-size:14px;opacity:.8;animation:pulse 2s ease-in-out infinite}.error-message{background:#dc262633;border:1px solid rgba(220,38,38,.5);color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center;margin-bottom:20px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.private-match-background-area{flex:1;background:linear-gradient(#0000004d,#0000004d),url(/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.private-match-background-area:not([style*=background-image]){background:linear-gradient(135deg,#1a1a1a,#4a0000,#8b0000)}@media(max-width:768px){.private-match-container{flex-direction:column}.private-match-panel{width:100%;min-width:0;flex:1;padding:calc(40px + var(--sai-top, 0px)) 24px calc(24px + var(--sai-bottom, 0px));overflow-y:auto}.private-match-background-area{display:none}.private-match-title{font-size:26px}.private-match-subtitle{font-size:14px;margin-bottom:24px}.private-match-button{min-height:44px}.room-code-value{font-size:28px;letter-spacing:6px;padding:16px}.room-code-input{font-size:20px;padding:14px 16px;min-height:44px}}.findmatch-container{display:flex;height:100vh;height:100dvh;width:100%}.findmatch-panel{width:500px;background-color:#fffffff2;padding:60px 50px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:4px 0 15px #0000001a;position:relative;z-index:10}.findmatch-background-area{flex:1;background:linear-gradient(135deg,#dc143c,#8b0000);position:relative}.findmatch-title{font-size:48px;font-weight:700;color:#dc143c;margin-bottom:20px;text-align:center}.findmatch-subtitle{font-size:18px;color:#555;text-align:center;margin-bottom:40px;line-height:1.5}.findmatch-buttons{display:flex;flex-direction:column;gap:15px;width:100%}.findmatch-button{padding:15px 30px;font-size:18px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;width:100%}.findmatch-button.primary{background-color:#dc143c;color:#fff}.findmatch-button.primary:hover:not(:disabled){background-color:#b01030;transform:translateY(-2px);box-shadow:0 4px 12px #dc143c66}.findmatch-button.cancel{background-color:#ff6b6b;color:#fff}.findmatch-button.cancel:hover:not(:disabled){background-color:#ee5a52;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.findmatch-button.back{background-color:#f0f0f0;color:#333}.findmatch-button.back:hover:not(:disabled){background-color:#e0e0e0;transform:translateY(-2px)}.findmatch-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background-color:#ffe6e6;color:#d32f2f;padding:15px 20px;border-radius:8px;margin-bottom:20px;width:100%;text-align:center;border:1px solid #ffcdd2;font-size:16px}.searching-status{display:flex;flex-direction:column;align-items:center;gap:20px;margin:40px 0;width:100%}.searching-spinner{width:60px;height:60px;border:6px solid #f3f3f3;border-top:6px solid #dc143c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.searching-text{font-size:24px;font-weight:600;color:#dc143c;margin:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.queue-info{font-size:18px;color:#666;margin:0;text-align:center}@media(max-width:768px){.findmatch-container{flex-direction:column}.findmatch-panel{width:100%;flex:1;padding:calc(40px + var(--sai-top, 0px)) 24px calc(24px + var(--sai-bottom, 0px));overflow-y:auto}.findmatch-background-area{display:none}.findmatch-title{font-size:32px}.findmatch-subtitle{font-size:15px;margin-bottom:24px}.findmatch-button{min-height:44px;font-size:16px;padding:12px 24px}.searching-text{font-size:20px}}.card-hover-wrapper{display:contents}.card-hover-wrapper img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.card-hover-tooltip{position:fixed;z-index:99999;pointer-events:none;display:flex;flex-direction:row;align-items:flex-start;max-width:min(560px,90vw);max-height:min(400px,80vh);background:#0f0f19f5;border:1px solid rgba(255,255,255,.15);border-radius:10px;overflow:hidden;box-shadow:0 8px 32px #0009,0 0 12px #648cff26;animation:cardHoverFadeIn .15s ease-out}@keyframes cardHoverFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.card-hover-image{width:200px;flex-shrink:0;aspect-ratio:63 / 88;overflow:hidden;background:#0000004d}.card-hover-image img{width:100%;height:100%;object-fit:contain;display:block}.card-hover-image-horizontal{aspect-ratio:88 / 63;width:240px}.card-hover-info{padding:8px 10px 10px;display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;overflow-y:auto;max-height:min(400px,80vh)}.card-hover-name{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-hover-meta{display:flex;flex-wrap:wrap;gap:4px;font-size:10px}.card-hover-meta span{background:#ffffff1a;padding:2px 6px;border-radius:4px;color:#fffc}.card-hover-character{color:#8cb4ff!important}.card-hover-level{color:#ffd666!important}.card-hover-bp{display:flex;flex-wrap:wrap;gap:4px;font-size:10px}.card-hover-bp span{background:#ff646426;padding:2px 6px;border-radius:4px;color:#f99;font-weight:600}.card-hover-effect{font-size:11px;color:#ffffffbf;line-height:1.4;padding:4px 0;border-top:1px solid rgba(255,255,255,.08);margin-top:2px}.card-hover-modifiers{border-top:1px solid rgba(255,255,255,.1);margin-top:4px;padding-top:6px}.card-hover-modifiers-header{font-size:9px;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.card-hover-modifiers-list{display:flex;flex-wrap:wrap;gap:3px}.card-hover-modifier{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px}.modifier-positive{background:#64dc6433;color:#8eff8e}.modifier-negative{background:#ff505033;color:#f88}.modifier-grade-up{background:#64a0ff33;color:#8bf}.modifier-grade-down{background:#ffa03233;color:#fb6}.modifier-extra{background:#ffd70033;color:#ffd666}.modifier-force{background:#c864ff33;color:#d9f}.modifier-lock{background:#96969633;color:#bbb}.modifier-set{background:#ff963233;color:#fa6}.modifier-type{background:#50dcc833;color:#6dc}.modifier-level{background:#b48cff33;color:#b9f}.card-hover-effective-bp{margin-top:6px;padding:4px 8px;background:#ffffff14;border-radius:4px;font-size:12px;color:#fff;text-align:center}.card-hover-effective-bp strong{color:#ffd666;font-size:14px}.card-hover-stack-strip{border-top:1px solid rgba(255,255,255,.1);margin-top:4px;padding-top:6px}.card-hover-stack-strip-label{font-size:9px;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.card-hover-stack-strip-row{display:flex;align-items:center;gap:2px;overflow-x:auto}.card-hover-stack-strip-item{display:flex;align-items:center;gap:2px;flex-shrink:0}.card-hover-stack-strip-arrow{color:#fff6;font-size:12px;margin:0 1px}.card-hover-stack-strip-item img{width:36px;height:50px;object-fit:cover;border-radius:4px;border:1px solid rgba(255,255,255,.15)}@media(hover:none){.card-hover-tooltip{display:none}}.card-touch-preview-overlay{position:fixed;inset:0;background:#000000d9;z-index:99999;display:flex;align-items:center;justify-content:center;padding:12px 20px;animation:cardHoverFadeIn .15s ease-out}.card-touch-preview{display:flex;flex-direction:row;align-items:flex-start;gap:16px;max-width:90vw;max-height:90vh}.card-touch-preview>img{width:180px;height:252px;border-radius:12px;box-shadow:0 8px 32px #00000080;object-fit:cover;flex-shrink:0}.card-touch-preview .card-hover-stack-strip-item img{width:36px;height:50px;object-fit:cover;border-radius:4px;border:1px solid rgba(255,255,255,.15);box-shadow:none}.card-touch-preview-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;overflow-y:auto}.card-touch-preview-info .card-hover-name{font-size:16px}.card-touch-preview-info .card-hover-meta span,.card-touch-preview-info .card-hover-bp span{font-size:11px}.card-touch-preview-info .card-hover-effect{font-size:12px;line-height:1.5}@media(max-height:500px)and (orientation:landscape){.card-touch-preview>img{width:140px;height:196px}}.card-hover-back{aspect-ratio:5 / 7;width:auto;height:100%;min-width:40px;font-size:0;border-radius:6px}.card-hover-stack-strip-item .card-hover-back{height:auto;width:100%}.modal-min-btn{position:absolute;top:8px;right:8px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:999px;border:none;background:var(--color-accent);color:var(--color-text-on-accent);cursor:pointer;box-shadow:0 2px 6px #0006;transition:background .15s ease,transform .1s ease}.modal-min-btn:hover{background:var(--color-accent-bright)}.modal-min-btn:active{transform:scale(.9)}.modal-min-bubble{position:fixed;top:calc(8px + var(--sai-top, 0px));left:50%;transform:translate(-50%);z-index:2200;display:inline-flex;align-items:center;gap:8px;max-width:min(80vw,320px);padding:9px 16px;border-radius:999px;border:none;background:var(--color-accent);color:var(--color-text-on-accent);font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #0000008c,0 0 0 2px rgba(var(--glow-accent-rgba),.5);animation:modal-min-bubble-in .18s ease-out}.modal-min-bubble:hover{background:var(--color-accent-bright);box-shadow:0 6px 24px #0009,0 0 16px rgba(var(--glow-accent-rgba),.6)}.modal-min-bubble-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes modal-min-bubble-in{0%{opacity:0;transform:translate(-50%,-8px) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}.modal-min-collapsing,.modal-min-expanding{pointer-events:none}.modal-min-collapsing>*{transform-origin:50% 0;animation:modal-min-collapse .3s cubic-bezier(.4,0,.85,.35) forwards}.modal-min-expanding>*{transform-origin:50% 0;animation:modal-min-expand .3s cubic-bezier(.15,.65,.3,1) forwards}.modal-min-collapsing{animation:modal-min-scrim-out .3s ease forwards}.modal-min-expanding{animation:modal-min-scrim-in .3s ease forwards}@keyframes modal-min-collapse{0%{transform:translateY(0) scale(1);opacity:1}85%{opacity:1}to{transform:translateY(-12vh) scale(.08);opacity:0}}@keyframes modal-min-expand{0%{transform:translateY(-12vh) scale(.08);opacity:0}20%{opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes modal-min-scrim-out{0%,70%{opacity:1}to{opacity:0}}@keyframes modal-min-scrim-in{0%{opacity:0}30%,to{opacity:1}}@media(prefers-reduced-motion:reduce){:root:not([data-force-motion]) .modal-min-bubble,:root:not([data-force-motion]) .modal-min-collapsing,:root:not([data-force-motion]) .modal-min-collapsing>*,:root:not([data-force-motion]) .modal-min-expanding,:root:not([data-force-motion]) .modal-min-expanding>*{animation-duration:1ms}}.ecm-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.ecm-overlay.on-board{position:absolute;pointer-events:none}.ecm-overlay--clear{background:linear-gradient(180deg,rgba(5,6,12,.82) 0%,rgba(5,6,12,.6) 52%,rgba(5,6,12,.22) 74%,transparent 88%);-webkit-backdrop-filter:none;backdrop-filter:none}.ecm-overlay.on-board .ecm-modal{pointer-events:auto}.ecm-modal{position:relative;background:#1e293b;border:1px solid #475569;border-radius:12px;padding:20px;max-width:min(560px,90vw);width:90vw;max-height:80vh;overflow:hidden;min-height:0;display:flex;flex-direction:column;gap:12px}.ecm-modal--opponent{border-color:var(--turn-opp);border-top:3px solid var(--turn-opp);box-shadow:0 0 0 1px rgba(var(--turn-opp-rgba),.25),0 12px 40px #00000080}.ecm-modal--opponent .ecm-title{color:var(--turn-opp)}.ecm-title{font-size:14px;font-weight:600;color:#c7d2fe;text-align:center}.ecm-subtitle{font-size:12px;color:var(--turn-opp);text-align:center;margin-top:-4px}.ecm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-w),1fr));gap:8px;overflow-y:auto;flex:1 1 auto;min-height:0;max-height:60vh;padding:4px}.ecm-title,.ecm-subtitle,.ecm-choice-buttons,.ecm-skip-btn{flex-shrink:0}@media(min-width:500px){.ecm-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.ecm-card{position:relative;border-radius:8px;overflow:hidden;border:2px solid transparent;transition:border-color .15s,box-shadow .15s,transform .15s;background:#0f172a}.ecm-card-selectable{cursor:pointer;border-color:#334155}.ecm-card-selectable:hover{border-color:var(--color-info);box-shadow:0 0 10px 2px rgba(var(--color-info-rgba),.5);transform:translateY(-2px)}.ecm-card-disabled{opacity:.45;filter:grayscale(40%);cursor:not-allowed;border-color:#1e293b}.ecm-card-taken{border-color:#22c55e;box-shadow:0 0 10px 2px #22c55e66}.ecm-card-discarded{opacity:.5;border-color:#475569}.ecm-card-charged{border-color:var(--turn-opp);border-style:dashed;box-shadow:0 0 8px 2px rgba(var(--turn-opp-rgba),.35)}.ecm-card-returned{border-color:#64748b}.ecm-card-img{width:100%;display:block;border-radius:6px 6px 0 0}.ecm-card-placeholder{width:100%;aspect-ratio:5 / 7;display:flex;align-items:center;justify-content:center;background:#1e293b;padding:8px}.ecm-card-placeholder-name{font-size:10px;color:#64748b;text-align:center;word-break:break-word}.ecm-card-label{display:flex;justify-content:space-between;align-items:center;padding:3px 6px;background:#0f172ad9;font-size:9px;color:#cbd5e1;gap:4px}.ecm-card-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ecm-card-level{color:#6366f1;font-weight:700;flex-shrink:0}.ecm-card-badge{position:absolute;top:6px;right:6px;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.ecm-badge-taken{background:#22c55ed9;color:#f0fdf4}.ecm-badge-discarded{background:#64748bd9;color:#e2e8f0}.ecm-badge-charged{background:rgba(var(--turn-opp-rgba),.85);color:#f8fafc}.ecm-badge-returned{background:#64748bd9;color:#e2e8f0}.ecm-card-disabled-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;color:var(--turn-opp);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ecm-choice-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.ecm-choice-btn{padding:8px 16px;background:#1e3a5f;border:1px solid var(--color-info);border-radius:6px;color:#bfdbfe;font-size:13px;font-weight:600;cursor:pointer;text-align:center;transition:background-color .15s,border-color .15s}.ecm-choice-btn:hover{background:#1e40af;border-color:#60a5fa}.ecm-skip-btn{padding:8px 16px;background:#065f46;border:1px solid #059669;border-radius:6px;color:#d1fae5;font-size:13px;font-weight:600;cursor:pointer;text-align:center;transition:background-color .15s}.ecm-skip-btn:hover{background:#047857}@media(max-height:500px)and (orientation:landscape){.ecm-modal{padding:12px;gap:8px;max-height:90vh}.ecm-grid{grid-template-columns:repeat(5,1fr);gap:6px;max-height:65vh}.ecm-title{font-size:12px}.ecm-subtitle{font-size:11px}.ecm-skip-btn{padding:6px 12px;font-size:12px}}@media(max-width:640px)and (orientation:portrait){.ecm-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.ecm-card-badge{font-size:8px;padding:1px 4px;letter-spacing:.2px;top:4px;right:4px}}.rm-modal{max-width:min(680px,94vw)}.rm-body{display:flex;gap:16px;align-items:stretch;margin:6px 0 4px}.rm-order{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;min-width:116px}.rm-order-cap{font-size:11px;font-weight:700;letter-spacing:.04em;text-align:center;padding:3px 0;color:#e2e8f0}.rm-order-cap span{font-weight:400;color:#94a3b8}.rm-order-cap--top{color:#fbbf24}.rm-order-cap--bot{color:#64748b}.rm-slots{display:flex;flex-direction:column;gap:6px;padding:6px;border:1px solid #475569;border-radius:8px;background:#0f172a;box-shadow:inset 3px 0 #fbbf2459}.rm-slot{position:relative;display:flex;align-items:center;gap:8px;min-height:46px;padding:3px 6px;border-radius:6px;background:#1e293b}.rm-slot--empty{border:1px dashed #334155;background:transparent}.rm-slot--removable{cursor:pointer}.rm-slot--removable:hover{background:#33415577}.rm-slot-x{margin-left:auto;font-size:12px;color:#94a3b8;opacity:0;transition:opacity .12s}.rm-slot--removable:hover .rm-slot-x{opacity:1;color:#f87171}.rm-slot-n{flex:0 0 auto;width:18px;height:18px;border-radius:50%;background:#334155;color:#e2e8f0;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.rm-slot:first-child .rm-slot-n{background:#fbbf24;color:#1e293b}.rm-slot-hint{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.rm-mini{position:relative;width:34px;height:34px;border-radius:4px;overflow:hidden;flex:0 0 auto}.rm-mini-img{width:100%;height:100%;object-fit:cover;display:block}.rm-mini-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:7px;text-align:center;color:#cbd5e1;background:#0b1220;padding:2px}.rm-pool{flex:1 1 auto;min-width:0}.rm-pool-label{font-size:12px;color:#94a3b8;margin-bottom:6px}.rm-pool-cards{display:flex;flex-wrap:wrap;gap:10px}.rm-pool-card{position:relative;width:84px;border-radius:8px;border:2px solid transparent;background:#0f172a;padding-bottom:2px;transition:border-color .15s,box-shadow .15s,transform .12s}.rm-pool-card--click{cursor:pointer}.rm-pool-card--click:hover{border-color:var(--color-info, #38bdf8);box-shadow:0 0 10px 2px #38bdf873;transform:translateY(-2px)}.rm-pool-card--placed{opacity:.55}.rm-pool-card--discarded{opacity:.4;filter:grayscale(.6)}.rm-pool-img{width:100%;border-radius:6px 6px 0 0;display:block}.rm-pool-ph{width:100%;height:116px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;color:#cbd5e1;background:#0b1220;border-radius:6px 6px 0 0;padding:4px}.rm-pool-name{font-size:10px;color:#cbd5e1;text-align:center;padding:3px 2px 0;line-height:1.2}.rm-badge{position:absolute;top:4px;left:4px;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;line-height:1}.rm-badge--placed{background:#fbbf24;color:#1e293b}.rm-badge--discarded{background:#ef4444;color:#fff;left:auto;right:4px}.rm-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:10px}.rm-clear-btn{background:transparent;border:1px solid #475569;color:#cbd5e1;border-radius:6px;padding:8px 14px;font-size:13px;cursor:pointer}.rm-clear-btn:hover{border-color:#64748b;color:#e2e8f0}.rm-confirm-btn{background:linear-gradient(180deg,#fbbf24,#f59e0b);border:none;color:#1e293b;font-weight:700;border-radius:6px;padding:9px 20px;font-size:14px;cursor:pointer;transition:filter .12s,opacity .12s}.rm-confirm-btn:hover:not(:disabled){filter:brightness(1.08)}.rm-confirm-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:520px){.rm-body{flex-direction:column}.rm-order{min-width:0}.rm-slots{flex-direction:row;box-shadow:inset 0 3px #fbbf2459}}.engine-action-panel{display:flex;flex-direction:column;gap:8px;padding:8px;min-width:min(200px,100%)}.engine-action-panel.actions-locked{opacity:.45;pointer-events:none;filter:grayscale(.3);transition:opacity .15s ease}.engine-phase-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--turn-opp);letter-spacing:.5px;padding-bottom:4px;border-bottom:1px solid #334155}.engine-btn{padding:6px 12px;border:1px solid #475569;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .15s,border-color .15s;text-align:left;background:#1e293b;color:#e2e8f0}.engine-btn:hover{background:#334155;border-color:#64748b}.engine-btn-primary{background:#2563eb;border-color:var(--color-info);color:#fff;text-align:center}.engine-btn-primary:hover{background:#1d4ed8}.engine-btn-secondary{background:#475569;border-color:#64748b;color:#fff;text-align:center}.engine-btn-secondary:hover{background:#64748b}.engine-btn-pass{background:#065f46;border-color:#059669;color:#d1fae5;text-align:center;font-weight:600}.engine-btn-pass:hover{background:#047857}.engine-btn-pass.engine-btn-pass--idle-glow{animation:anim-pass-idle-pulse 1.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.engine-btn-pass.engine-btn-pass--idle-glow{animation:none;box-shadow:0 0 0 2px rgba(var(--legal-glow-rgba),.6),0 0 12px 2px rgba(var(--legal-glow-rgba),.4)}}.engine-btn-effect{background:#1e1b4b;border-color:#6366f1;color:#c7d2fe;font-size:11px}.engine-btn-effect:hover{background:#312e81}.engine-btn-action{background:#172554;border-color:var(--color-info);color:#bfdbfe;font-size:11px}.engine-btn-action:hover{background:#1e3a5f}.engine-btn-choice{background:#1e293b;border-color:#6366f1;color:#e2e8f0;font-size:11px}.engine-btn-choice:hover{background:#312e81}.engine-btn-cancel{background:transparent;border-color:#475569;color:var(--turn-opp);text-align:center;font-size:11px}.engine-btn-cancel:hover{background:#1e293b}.engine-btn-undo{background:#78350f;border-color:#b45309;color:var(--color-accent-bright);text-align:center;font-size:11px}.engine-btn-undo:hover{background:#92400e}.engine-action-group{display:flex;flex-direction:column;gap:4px}.engine-action-group-label{font-size:10px;font-weight:600;text-transform:uppercase;color:#64748b;letter-spacing:.5px}.engine-action-bottom{display:flex;gap:6px;margin-top:4px}.engine-action-bottom .engine-btn{flex:1}.engine-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.engine-modal-overlay.on-board{position:absolute}.engine-modal{background:#1e293b;border:1px solid #475569;border-radius:12px;padding:24px 32px;text-align:center;max-width:min(360px,90vw);color:#e2e8f0}.engine-modal h3{margin:0 0 8px;font-size:18px;color:#fff}.engine-modal p{margin:0 0 16px;font-size:14px;color:var(--turn-opp)}.engine-modal-buttons{display:flex;gap:12px;justify-content:center}.engine-modal-buttons .engine-btn{padding:10px 20px;font-size:14px;text-align:center}.engine-waiting{text-align:center;color:var(--turn-opp);font-size:13px;padding:12px;font-style:italic}.engine-reveal-pause{display:flex;flex-direction:column;gap:8px}.engine-reveal-pause h4{margin:0;font-size:13px;color:#e2e8f0}.engine-reveal-summary{font-size:11px;color:var(--turn-opp);margin:0}.engine-reveal-cards{display:flex;flex-direction:column;gap:4px}.engine-reveal-card{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#0f172a;border-radius:4px;font-size:11px;color:#cbd5e1}.engine-reveal-card-level{color:#6366f1;font-weight:600}.engine-multistep{display:flex;flex-direction:column;gap:8px}.engine-multistep-title{font-size:12px;font-weight:600;color:#c7d2fe}.engine-multistep-choices{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.engine-btn-card-choice{display:flex;align-items:center;gap:8px;padding:4px 8px}.engine-choice-thumb{width:32px;height:44px;border-radius:3px;object-fit:cover;flex-shrink:0}.engine-choice-text{flex:1;min-width:0}.engine-choice-context{color:#64748b;font-style:italic;font-size:10px}.engine-btn-hint{opacity:.45;font-size:10px;font-weight:400;margin-left:4px}@media(pointer:coarse){.engine-btn{padding:10px 14px;font-size:13px;min-height:44px}.engine-btn-card-choice{padding:8px 10px;min-height:44px}.engine-modal-buttons .engine-btn{padding:12px 20px;font-size:15px;min-height:44px}.engine-btn-hint{display:none}}.back-arrow-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:20px;font-weight:700;cursor:pointer;padding:8px 12px;line-height:1;transition:all .2s ease;text-align:center;flex-shrink:0}.back-arrow-button:hover{background:#ffffff26;border-color:#fff6;transform:translate(-2px);text-shadow:0 0 10px rgba(255,255,255,.5)}@media(pointer:coarse){.back-arrow-button{min-width:44px;min-height:44px;padding:10px 14px}}.phase-guidance-tooltip{position:absolute;left:120px;z-index:9999;max-width:250px;padding:16px;background:#000000f2;border:2px solid rgba(251,191,36,.5);border-radius:8px;box-shadow:0 4px 20px #000000b3;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.phase-guidance-tooltip p{color:#ffffffe6;font-size:14px;margin:8px 0;line-height:1.4}.phase-guidance-tooltip p:first-child{margin-top:0}.phase-guidance-tooltip p:last-child{margin-bottom:0}.phase-guidance-tooltip strong{color:#fbbf24;font-weight:600}.phase-guidance-tooltip .phase-hint{color:#fff9;font-size:13px;font-style:italic}.phase-guidance-tooltip .priority-turn-indicator{background:#ffd70033;border:2px solid rgba(255,215,0,.5);border-radius:8px;padding:8px 12px;margin:8px 0;text-align:center;color:gold;font-size:14px}.phase-guidance-tooltip .battle-results{display:flex;gap:20px;margin-top:12px;padding:12px;background:#fbbf241a;border-radius:4px}.phase-guidance-tooltip .battle-results div{color:#fff;font-size:14px}.phase-guidance-tooltip .battle-results strong{color:#fbbf24;font-size:18px;font-weight:700}.phase-guidance-tooltip .game-over{padding:20px;text-align:center;background:linear-gradient(135deg,#fbbf2433,#dc262633);border-radius:8px;border:2px solid #fbbf24}.phase-guidance-tooltip .winner-text{color:#fbbf24;font-size:24px;font-weight:700;margin:0;text-shadow:0 0 20px rgba(251,191,36,.8)}@media(max-height:500px)and (orientation:landscape){.phase-guidance-tooltip{left:80px;max-width:200px;padding:10px;font-size:12px}.phase-guidance-tooltip p{font-size:12px;margin:4px 0}.phase-guidance-tooltip .phase-hint{font-size:11px}.phase-guidance-tooltip .priority-turn-indicator{padding:6px 8px;font-size:12px}.phase-guidance-tooltip .winner-text{font-size:18px}}.phase-indicator{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:100}.phase-indicator-header{display:flex;flex-direction:column;gap:4px;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.3)}.player-role-item{display:flex;align-items:center;gap:6px}.role-label{color:#fff9;font-size:clamp(10px,1vw,13px);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-value{color:var(--color-accent);font-size:clamp(11px,1.1vw,14px);font-weight:700;text-shadow:0 0 5px rgba(var(--glow-accent-rgba),.5)}.phase-indicator-item{display:flex;align-items:center;gap:6px;opacity:.5;transition:opacity .3s ease;cursor:pointer}.phase-indicator-item:hover{opacity:.8}.phase-indicator-item.active{opacity:1}.phase-indicator-dot{width:12px;height:12px;border-radius:50%;background:#fff6;border:1px solid rgba(255,255,255,.6);transition:all .3s ease;flex-shrink:0}.phase-indicator-item.active .phase-indicator-dot{width:16px;height:16px;background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 10px rgba(var(--glow-accent-rgba),.6)}.phase-indicator-label{color:#fff;font-size:clamp(10px,1vw,14px);font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.phase-indicator-item.active .phase-indicator-label{font-weight:700;text-shadow:0 0 5px rgba(var(--glow-accent-rgba),.5)}@media(max-height:500px)and (orientation:landscape){.phase-indicator{gap:2px}.phase-indicator-header{display:none}.phase-indicator-dot{width:7px;height:7px}.phase-indicator-item.active .phase-indicator-dot{width:9px;height:9px}.phase-indicator-label{font-size:8px}.phase-indicator-item{gap:3px;min-height:18px}}.battle-log{margin-top:8px;border-radius:6px;overflow:hidden;background:#0000004d;border:1px solid rgba(255,255,255,.1)}.battle-log-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:6px 10px;background:#0006;color:#fffc;border:none;cursor:pointer;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.battle-log-header:hover{background:#00000080}.battle-log-toggle{font-size:10px;opacity:.6}.battle-log-entries{max-height:200px;overflow-y:auto;padding:4px 0}.battle-log-entries::-webkit-scrollbar{width:4px}.battle-log-entries::-webkit-scrollbar-track{background:transparent}.battle-log-entries::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.battle-log-empty{padding:12px 10px;text-align:center;color:#ffffff4d;font-size:11px;font-style:italic}.battle-log-entry{display:flex;align-items:flex-start;gap:6px;padding:3px 10px;font-size:11px;line-height:1.3;border-left:2px solid transparent}.battle-log-entry.battle-log-host{border-left-color:var(--color-info)}.battle-log-entry.battle-log-guest{border-left-color:#ef4444}.battle-log-entry.battle-log-system{border-left-color:#a855f7}.battle-log-entry.battle-log-fizzle{border-left-color:#f59e0b;background:#f59e0b0f}.battle-log-entry.battle-log-fizzle .battle-log-text{color:#f59e0bd9;font-style:italic}.battle-log-turn{flex-shrink:0;color:#fff6;font-size:10px;font-weight:600;min-width:20px}.battle-log-text{color:#ffffffbf;word-break:break-word}.battle-log-entry:hover{background:#ffffff0d}.log-card-ref{color:#93c5fd;cursor:default;border-bottom:1px dotted rgba(147,197,253,.4);transition:color .15s,border-color .15s}.log-card-ref:hover{color:#bfdbfe;border-bottom-color:#bfdbfeb3}.log-card-icon{display:inline-block;width:18px;height:25px;vertical-align:middle;border-radius:2px;overflow:hidden;margin:0 1px;box-shadow:0 1px 3px #0006;cursor:default;transition:transform .15s,box-shadow .15s}.log-card-icon:hover{transform:scale(1.15);box-shadow:0 2px 6px #0009}.log-card-icon img{width:100%;height:100%;object-fit:cover;display:block}@media(max-height:500px)and (orientation:landscape){.battle-log-entries{max-height:120px}.battle-log-entry{padding:2px 8px;font-size:10px}.battle-log-header{padding:4px 8px;font-size:10px;min-height:28px}}@media(max-width:768px){.battle-log-entries{max-height:150px}}.game-settings-panel{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:10px 12px;margin-bottom:8px}.game-settings-section{display:flex;flex-direction:column;gap:6px}.game-settings-section+.game-settings-section{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.game-settings-section-title{font-size:10px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.game-settings-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.game-settings-label{font-size:11px;color:#ffffffb3}.game-settings-toggle-group{display:flex;gap:3px;background:#0000004d;border-radius:5px;padding:2px}.game-settings-toggle-btn{font-size:10px;padding:3px 10px;border-radius:4px;border:none;background:transparent;color:#ffffff80;cursor:pointer;transition:all .15s;font-weight:500}.game-settings-toggle-btn:hover{color:#fffc;background:#ffffff14}.game-settings-toggle-btn.active{background:#6366f159;color:#c7d2fe;font-weight:600}.game-settings-toggle-btn.fullscreen-btn{padding:3px 12px;background:#ffffff14;border-radius:4px}.game-settings-toggle-btn.fullscreen-btn:hover{background:#ffffff26}.game-settings-toggle-btn.fullscreen-btn.active{background:#6366f159}.game-settings-scale-control{display:flex;align-items:center;gap:6px}.game-settings-slider{-webkit-appearance:none;appearance:none;width:90px;height:4px;background:#ffffff26;border-radius:2px;outline:none;cursor:pointer}.game-settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#c7d2fe;border:2px solid rgba(99,102,241,.6);cursor:pointer;transition:background .15s}.game-settings-slider::-webkit-slider-thumb:hover{background:#fff}.game-settings-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#c7d2fe;border:2px solid rgba(99,102,241,.6);cursor:pointer}.game-settings-scale-value{font-size:10px;color:#fff9;min-width:32px;text-align:right;font-variant-numeric:tabular-nums}@media(pointer:coarse){.game-settings-toggle-btn{min-height:32px;padding:6px 12px;font-size:11px}.game-settings-slider{width:100%;height:8px}.game-settings-slider::-webkit-slider-thumb{width:24px;height:24px}.game-settings-slider::-moz-range-thumb{width:24px;height:24px}}@media(max-width:768px){.game-settings-panel{padding:8px 10px}.game-settings-row{flex-wrap:wrap}.game-settings-scale-control{width:100%}.game-settings-slider{flex:1}}.bug-report-backdrop{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:bugReportFadeIn .2s ease-in-out}@keyframes bugReportFadeIn{0%{opacity:0}to{opacity:1}}.bug-report-modal{background:var(--color-surface-panel);border:2px solid var(--color-accent);border-radius:12px;width:480px;max-width:90vw;display:flex;flex-direction:column}.bug-report-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(var(--legal-glow-rgba),.3);flex-shrink:0}.bug-report-header h3{color:var(--color-accent);font-size:16px;margin:0;font-weight:600}.bug-report-help{padding:12px 20px 0;margin:0;font-size:13px;color:#ffffffb3;line-height:1.4}.bug-report-actions{display:flex;gap:8px;justify-content:flex-end;padding:8px 20px 16px}.bug-report-btn{background:rgba(var(--glow-accent-rgba),.1);border:1px solid rgba(var(--glow-accent-rgba),.4);color:var(--color-accent);border-radius:4px;padding:6px 14px;cursor:pointer;font-size:13px;transition:all .15s ease}.bug-report-btn:hover{background:rgba(var(--glow-accent-rgba),.2);border-color:var(--color-accent)}.bug-report-btn:disabled{opacity:.5;cursor:not-allowed}.bug-report-btn-primary{background:var(--color-accent);color:var(--color-text-on-accent);border-color:var(--color-accent)}.bug-report-btn-primary:hover{background:var(--color-accent);filter:brightness(1.15)}.bug-report-btn-close{background:none;border:none;color:var(--color-accent);font-size:24px;font-weight:700;cursor:pointer;line-height:1;padding:0 4px}.bug-report-btn-close:hover{color:var(--color-accent-bright)}.bug-report-comment{padding:12px 20px;flex-shrink:0}.bug-report-comment textarea{width:100%;background:#0006;border:1px solid rgba(var(--glow-accent-rgba),.3);border-radius:4px;color:#e5e5e5;padding:10px 12px;font-size:13px;font-family:inherit;line-height:1.4;box-sizing:border-box;resize:vertical}.bug-report-comment textarea::placeholder{color:#ffffff59}.bug-report-comment textarea:focus{outline:none;border-color:var(--color-accent)}.bug-report-status{padding:12px 20px;font-size:13px;color:#86efac;flex-shrink:0}.bug-report-status.error{color:#fca5a5}@media(pointer:coarse){.bug-report-btn{min-height:44px;padding:10px 18px;font-size:14px}.bug-report-btn-close{min-width:44px;min-height:44px;font-size:28px}.bug-report-comment textarea{min-height:88px;font-size:16px}}.discards-modal-backdrop{position:fixed;inset:0;background:#000c;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;z-index:10000;animation:fadeIn .2s ease-in-out}.discards-modal-content{background:var(--color-surface-panel);border:2px solid var(--color-accent);border-radius:12px;padding:20px;max-width:90vw;max-height:80vh;overflow:auto}.discards-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(var(--glow-accent-rgba),.3)}.discards-modal-header h3{color:var(--color-accent);font-size:18px;margin:0}.discards-modal-close{background:none;border:none;color:var(--color-accent);font-size:32px;font-weight:700;cursor:pointer;line-height:1;padding:0;width:32px;height:32px}.discards-modal-close:hover{color:var(--color-accent-bright)}.discards-modal-cards{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.discards-modal-card{display:flex;flex-direction:column;align-items:center;gap:8px}.card-position{color:var(--color-accent);font-size:12px;font-weight:600}.discards-modal-card img{width:var(--card-w);height:var(--card-h);border-radius:8px;border:2px solid rgba(var(--glow-accent-rgba),.5);object-fit:cover;cursor:grab;transition:all .2s ease}.discards-modal-card img:hover{transform:scale(1.05);border-color:var(--color-accent);box-shadow:0 0 15px rgba(var(--glow-accent-rgba),.6)}.discards-modal-card img:active{cursor:grabbing}.card-info{color:#ffffffe6;font-size:11px;text-align:center;max-width:var(--card-w)}.discards-modal-backdrop.modal-dragging{pointer-events:none}.discards-modal-backdrop.modal-dragging .discards-modal-content{pointer-events:auto}@media(pointer:coarse){.discards-modal-close{width:44px;height:44px;font-size:36px}.discards-modal-cards{gap:10px}}.discards-modal-backdrop.on-board{position:absolute;pointer-events:none}.discards-modal-backdrop.on-board .discards-modal-content{pointer-events:auto}.exile-modal-backdrop{position:fixed;inset:0;background:#000c;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;z-index:10000;animation:fadeIn .2s ease-in-out}.exile-modal-content{background:linear-gradient(135deg,#1a1a2e,#2d1b3d);border:2px solid var(--color-feedback);border-radius:12px;padding:20px;max-width:90vw;max-height:80vh;overflow:auto}.exile-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(var(--color-feedback-rgba),.3)}.exile-modal-header h3{color:var(--color-feedback);font-size:18px;margin:0}.exile-modal-close{background:none;border:none;color:var(--color-feedback);font-size:32px;font-weight:700;cursor:pointer;line-height:1;padding:0;width:32px;height:32px}.exile-modal-close:hover{color:#c4b5fd}.exile-modal-cards{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.exile-modal-card{display:flex;flex-direction:column;align-items:center;gap:8px}.exile-modal-card .card-position{color:var(--color-feedback);font-size:12px;font-weight:600}.exile-modal-card img{width:var(--card-w);height:var(--card-h);border-radius:8px;border:2px solid rgba(var(--color-feedback-rgba),.5);object-fit:cover;cursor:grab;transition:all .2s ease}.exile-modal-card img:hover{transform:scale(1.05);border-color:var(--color-feedback);box-shadow:0 0 15px rgba(var(--color-feedback-rgba),.6)}.exile-modal-card img:active{cursor:grabbing}.exile-modal-card .card-info{color:#ffffffe6;font-size:11px;text-align:center;max-width:var(--card-w)}.exile-modal-backdrop.modal-dragging{pointer-events:none}.exile-modal-backdrop.modal-dragging .exile-modal-content{pointer-events:auto}@media(pointer:coarse){.exile-modal-close{width:44px;height:44px;font-size:36px}.exile-modal-cards{gap:10px}}.exile-modal-backdrop.on-board{position:absolute;pointer-events:none}.exile-modal-backdrop.on-board .exile-modal-content{pointer-events:auto}.field-stack-modal-backdrop{position:fixed;inset:0;background:#000c;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;z-index:10000;animation:fadeIn .2s ease-in-out}.field-stack-modal-content{background:var(--color-surface-panel);border:2px solid var(--color-accent);border-radius:12px;padding:20px;max-width:90vw;max-height:80vh;overflow:auto}.field-stack-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(var(--glow-accent-rgba),.3)}.field-stack-modal-header h3{color:var(--color-accent);font-size:18px;margin:0}.field-stack-modal-close{background:none;border:none;color:var(--color-accent);font-size:32px;font-weight:700;cursor:pointer;line-height:1;padding:0;width:32px;height:32px}.field-stack-modal-close:hover{color:var(--color-accent-bright)}.field-stack-modal-cards{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}.field-stack-card{display:flex;flex-direction:column;align-items:center;gap:8px}.stack-position{color:var(--color-accent);font-size:14px;font-weight:700;min-width:70px;text-align:center;text-transform:uppercase;letter-spacing:.5px;background:rgba(var(--glow-accent-rgba),.1);padding:8px 12px;border-radius:6px;border:1px solid rgba(var(--glow-accent-rgba),.3)}.field-stack-card img{width:var(--card-w);height:var(--card-h);border-radius:8px;border:2px solid rgba(var(--glow-accent-rgba),.5);object-fit:cover;cursor:grab;transition:all .2s ease}.field-stack-card img:hover{transform:scale(1.05);border-color:var(--color-accent);box-shadow:0 0 15px rgba(var(--glow-accent-rgba),.6)}.field-stack-card img:active{cursor:grabbing}.card-info{color:#ffffffe6;font-size:13px;flex:1}.face-down-indicator{color:#60a5fa;font-style:italic;font-size:11px}.field-stack-modal-backdrop.modal-dragging{pointer-events:none}.field-stack-modal-backdrop.modal-dragging .field-stack-modal-content{pointer-events:auto}@media(pointer:coarse){.field-stack-modal-close{width:44px;height:44px;font-size:36px}.field-stack-modal-cards{gap:10px}}.field-stack-modal-backdrop.on-board{position:absolute;pointer-events:none}.field-stack-modal-backdrop.on-board .field-stack-modal-content{pointer-events:auto}.effect-choice-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.effect-choice-modal{position:relative;background:#1e293b;border:1px solid #475569;border-radius:12px;padding:16px 20px;max-width:min(420px,90vw);width:90vw;display:flex;flex-direction:column;gap:10px}.effect-choice-title{font-size:14px;font-weight:600;color:#c7d2fe;text-align:center}.effect-choice-list{display:flex;flex-direction:column;gap:6px}.effect-choice-row{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid #334155;border-radius:8px;background:#0f172a;cursor:pointer;transition:border-color .15s,box-shadow .15s}.effect-choice-row:hover{border-color:var(--color-accent);box-shadow:0 0 8px 1px rgba(var(--glow-accent-rgba),.35)}.effect-choice-key{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#334155;color:var(--color-accent);font-size:12px;font-weight:700}.effect-choice-desc{flex:1;font-size:12px;color:#cbd5e1;line-height:1.4}.effect-choice-cancel{padding:6px 14px;background:transparent;border:1px solid #475569;border-radius:6px;color:var(--turn-opp);font-size:12px;cursor:pointer;text-align:center;transition:background-color .15s}.effect-choice-cancel:hover{background:#1e293b}@media(pointer:coarse){.effect-choice-row{min-height:44px;padding:12px 14px}.effect-choice-cancel{min-height:44px;padding:10px 14px;font-size:14px}}@media(max-height:500px)and (orientation:landscape){.effect-choice-modal{padding:10px 14px;gap:6px}.effect-choice-title{font-size:12px}.effect-choice-list{gap:4px}.effect-choice-row{padding:8px 10px}}.effect-choice-overlay.on-board{position:absolute;pointer-events:none}.effect-choice-overlay.on-board .effect-choice-modal{pointer-events:auto}.effect-choice-card-ref{color:#93c5fd;cursor:default;border-bottom:1px dotted rgba(147,197,253,.4);transition:color .15s,border-color .15s}.effect-choice-card-ref:hover{color:#bfdbfe;border-bottom-color:#bfdbfeb3}.phase-announcement-backdrop{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1200;animation:phase-announce-fade-in .2s ease-out forwards;pointer-events:none}.phase-announcement-backdrop.closing{animation:phase-announce-fade-out .25s ease-in forwards}.phase-announcement-content{background:linear-gradient(135deg,#2d1f0e,#1a1207);border:2px solid var(--color-accent);border-radius:12px;padding:clamp(16px,2vw,24px) clamp(24px,3.5vw,48px);box-shadow:0 0 40px rgba(var(--glow-accent-rgba),.3),0 0 80px rgba(var(--glow-accent-rgba),.1);animation:phase-announce-scale-in .25s cubic-bezier(.34,1.56,.64,1) forwards;position:relative;overflow:hidden}.phase-announcement-content.closing{animation:phase-announce-scale-out .2s ease-in forwards}.phase-announcement-line{position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);transform:translateY(-50%);animation:phase-line-sweep .4s ease-out;opacity:.6}.phase-announcement-text{margin:0;color:var(--color-accent);font-size:clamp(24px,3vw,42px);font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 20px rgba(var(--glow-accent-rgba),.5);position:relative}@keyframes phase-announce-fade-in{0%{opacity:0}to{opacity:1}}@keyframes phase-announce-fade-out{0%{opacity:1}to{opacity:0}}@keyframes phase-announce-scale-in{0%{transform:scale(1.3);opacity:0}to{transform:scale(1);opacity:1}}@keyframes phase-announce-scale-out{0%{transform:scale(1);opacity:1}to{transform:scale(1.05);opacity:0}}@keyframes phase-line-sweep{0%{transform:translateY(-50%) scaleX(0)}to{transform:translateY(-50%) scaleX(1)}}@media(max-height:500px)and (orientation:landscape){.phase-announcement-content{padding:10px 20px}.phase-announcement-text{font-size:clamp(18px,2.5vw,28px);letter-spacing:2px}}.phase-wipe-backdrop{position:fixed;inset:0;z-index:1200;pointer-events:none;overflow:hidden;background:#020814e0;animation:phase-announce-fade-in .15s ease-out forwards}.phase-wipe-backdrop.closing{animation:phase-announce-fade-out .3s ease-in forwards}.phase-wipe-band{position:absolute;left:-50vw;right:-50vw;height:55vh;background:linear-gradient(180deg,#01040c,#020a18fc,#01040c);border:2px solid var(--accent);border-left:none;border-right:none;box-shadow:0 0 30px #3fb6f059,inset 0 0 40px #00000080}.phase-wipe-band-top{top:-20vh;animation:anim-phase-wipe-top 1.5s cubic-bezier(.7,0,.3,1) forwards}.phase-wipe-band-bottom{bottom:-20vh;animation:anim-phase-wipe-bottom 1.5s cubic-bezier(.7,0,.3,1) forwards}.phase-wipe-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;color:var(--accent);font-family:var(--font-display);font-size:clamp(28px,5vw,56px);font-weight:var(--heading-weight);text-align:center;text-transform:uppercase;letter-spacing:4px;animation:anim-phase-wipe-text 1.5s cubic-bezier(.4,0,.2,1) forwards;white-space:nowrap}@media(prefers-reduced-motion:reduce){.phase-wipe-band{animation:none;opacity:0}.phase-wipe-text{animation:phase-announce-fade-in .2s ease-out forwards}}@media(max-height:500px)and (orientation:landscape){.phase-wipe-text{font-size:clamp(20px,4vw,32px);letter-spacing:2px}}.turn-banner-backdrop{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:16vh;z-index:1300;pointer-events:none;animation:turn-backdrop-in .15s ease-out forwards}.turn-banner-backdrop.closing{animation:turn-backdrop-out .3s ease-in forwards}.turn-banner{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px clamp(24px,8vw,64px);animation:turn-banner-slam .4s cubic-bezier(.34,1.56,.64,1) forwards}.turn-banner.closing{animation:turn-banner-exit .25s ease-in forwards}.turn-banner-line{position:absolute;top:50%;left:-100vw;right:-100vw;height:2px;transform:translateY(-50%);animation:turn-line-flash .5s ease-out;opacity:.5}.my-turn .turn-banner-line{background:linear-gradient(90deg,transparent 20%,var(--color-accent) 50%,transparent 80%)}.opp-turn .turn-banner-line{background:linear-gradient(90deg,transparent 20%,var(--turn-opp) 50%,transparent 80%)}.turn-banner-title{margin:0;font-size:clamp(28px,6vw,48px);font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:clamp(3px,1vw,6px);position:relative}.my-turn .turn-banner-title{color:var(--color-accent);text-shadow:0 0 30px rgba(var(--glow-accent-rgba),.6),0 2px 4px rgba(0,0,0,.5)}.opp-turn .turn-banner-title{color:var(--turn-opp);text-shadow:0 0 20px rgba(var(--turn-opp-rgba),.4),0 2px 4px rgba(0,0,0,.5)}.turn-banner-subtitle{font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:4px;opacity:.7}.my-turn .turn-banner-subtitle{color:var(--color-accent)}.opp-turn .turn-banner-subtitle{color:var(--turn-opp)}@keyframes turn-backdrop-in{0%{background:#0000}to{background:#00000080}}@keyframes turn-backdrop-out{0%{background:#00000080;opacity:1}to{background:#0000;opacity:0}}@keyframes turn-banner-slam{0%{transform:scale(1.5);opacity:0}60%{transform:scale(.95);opacity:1}80%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}@keyframes turn-banner-exit{0%{transform:scale(1);opacity:1}to{transform:scale(.85);opacity:0}}@keyframes turn-line-flash{0%{transform:translateY(-50%) scaleX(0);opacity:0}40%{opacity:.8}to{transform:translateY(-50%) scaleX(1);opacity:.5}}@media(max-height:500px)and (orientation:landscape){.turn-banner-backdrop{padding-top:8vh}.turn-banner{padding:8px clamp(16px,6vw,40px);gap:2px}.turn-banner-title{font-size:clamp(20px,4vw,32px);letter-spacing:clamp(2px,.6vw,4px)}.turn-banner-subtitle{font-size:12px;letter-spacing:2px}}.stack-badge{display:inline-flex;align-items:center;justify-content:center;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.stack-badge--slashes{font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.stack-badge-svg{display:block}.stack-badge-plate{fill:#141414;stroke:#ffffff2e;stroke-width:1}.stack-badge-slash{fill:#fafafa}.stack-badge--pips{gap:3px;padding:3px 6px;border-radius:999px;background:#000000a6;border:1px solid var(--color-accent-soft)}.stack-badge-pip{width:5px;height:5px;border-radius:50%;background:var(--color-accent-bright);box-shadow:0 0 4px rgba(var(--glow-accent-rgba),.7)}.stack-badge--label{padding:2px 7px;border-radius:var(--radius-sm);background:#000000b3;border:1px solid var(--color-accent-soft);color:var(--color-accent-bright);font:800 8px/1 system-ui,sans-serif;letter-spacing:.6px}.stack-badge--number{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6d5,var(--color-accent) 65%,var(--color-accent-deep));color:var(--color-text-on-accent);font:800 12px/1 var(--font-display, system-ui, sans-serif);border:1px solid rgba(255,255,255,.6);box-shadow:0 0 8px rgba(var(--glow-accent-rgba),.6)}.effect-spotlight-backdrop{position:fixed;inset:0;background:#04101fc7;z-index:1150;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:anim-spotlight-fade-in .22s ease-out forwards}.effect-spotlight-backdrop.closing{animation:anim-spotlight-fade-out .28s ease-in forwards}.effect-spotlight-content{display:flex;align-items:center;gap:clamp(16px,3vw,32px);padding:clamp(12px,2vw,24px);max-width:min(90vw,900px);max-height:90vh;transform-origin:center;animation:effect-spotlight-scale-in .35s cubic-bezier(.34,1.56,.64,1) forwards}.effect-spotlight-content.closing{animation:effect-spotlight-scale-out .25s ease-in forwards}.effect-spotlight-card{flex-shrink:0;width:clamp(180px,26vw,320px);aspect-ratio:63 / 88;border-radius:12px;overflow:hidden;box-shadow:0 0 40px #3fb6f073,0 12px 40px #0009}.effect-spotlight-card img{width:100%;height:100%;object-fit:cover;display:block}.effect-spotlight-text{display:flex;flex-direction:column;gap:10px;max-width:min(50vw,460px);color:var(--text-primary, #eaf6ff)}.effect-spotlight-title{font-family:var(--font-display);font-size:clamp(16px,1.8vw,22px);font-weight:var(--heading-weight, 700);text-transform:uppercase;letter-spacing:2px;color:var(--accent);text-shadow:0 0 12px var(--accent)}.effect-spotlight-clauses{display:flex;flex-direction:column;gap:6px;background:#04101feb;border:1px solid rgba(63,182,240,.35);border-radius:8px;padding:12px 16px;font-size:clamp(12px,1.1vw,15px);line-height:1.45;max-height:55vh;overflow:hidden}.effect-spotlight-clause{opacity:.42;transition:opacity .2s ease}.effect-spotlight-clause.is-trigger{opacity:1;color:#dbeafe;background:linear-gradient(90deg,#93c5fd2e,#60a5fa1f);border-left:2px solid rgba(147,197,253,.7);padding:4px 8px;border-radius:3px;animation:anim-spotlight-clause-pulse 1.6s ease-in-out infinite}@keyframes effect-spotlight-scale-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes effect-spotlight-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}@media(max-height:500px)and (orientation:landscape){.effect-spotlight-card{width:clamp(120px,20vw,180px)}.effect-spotlight-title{font-size:14px;letter-spacing:1px}.effect-spotlight-clauses{font-size:11px;padding:8px 10px}}@media(prefers-reduced-motion:reduce){.effect-spotlight-content,.effect-spotlight-content.closing,.effect-spotlight-clause.is-trigger{animation:none}}@media(max-width:640px){.effect-spotlight-content{flex-direction:column;max-width:92vw}.effect-spotlight-text{max-width:92vw}}.kbd-help-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000080}.kbd-help-panel{background:#0f0f19f2;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:16px 20px;min-width:220px;max-width:320px;box-shadow:0 8px 32px #0009}.kbd-help-title{font-size:13px;font-weight:600;color:#ffffffd9;margin-bottom:12px;text-align:center}.kbd-help-list{display:flex;flex-direction:column;gap:6px}.kbd-help-row{display:flex;align-items:center;gap:10px}.kbd-help-key{display:inline-block;min-width:36px;padding:2px 6px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;font-size:11px;font-family:inherit;color:#c7d2fe;text-align:center;white-space:nowrap}.kbd-help-label{font-size:11px;color:#ffffffa6}.kbd-help-footer{margin-top:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);font-size:10px;color:#ffffff59;text-align:center}.kbd-help-footer kbd{padding:1px 4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:3px;font-size:10px;font-family:inherit;color:#ffffff80}@media(hover:none){.kbd-help-overlay{display:none}}.game-over-overlay{position:fixed;inset:0;z-index:1000;background:#000000eb;display:flex;align-items:center;justify-content:center;animation:gameOverFadeIn .5s ease-out}@keyframes gameOverFadeIn{0%{opacity:0}to{opacity:1}}.game-over-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:900px;padding:20px}.game-over-lanes{display:flex;flex-direction:column;gap:8px;width:100%;max-height:60vh;overflow-y:auto;overscroll-behavior:contain}.lane-matchup{display:flex;align-items:stretch;justify-content:center;gap:0;padding:0;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);opacity:0;transform:translateY(20px) scale(.95);transition:none;overflow:hidden;min-height:116px}.lane-matchup.revealed{animation:laneReveal .4s ease-out forwards}@keyframes laneReveal{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.lane-matchup.result-win{border-color:#10b98166;background:#10b9810f}.lane-matchup.result-loss{border-color:#dc26264d;background:#dc26260a}.lane-matchup.result-tie{border-color:#fbbf244d;background:#fbbf240a}.lane-card{flex:1;position:relative;display:flex;align-items:stretch;min-width:0;overflow:hidden}.lane-card.my-card{justify-content:flex-end}.lane-card.opp-card{justify-content:flex-start}.card-art-wrapper{position:absolute;inset:0;border-radius:0;overflow:hidden;border:none;transition:filter .3s,opacity .3s}.lane-card.winner .card-art-wrapper{border:none;box-shadow:inset 0 0 24px #10b98180}.lane-card.loser .card-art-wrapper{border:none;opacity:.4;filter:grayscale(.7)}.card-art{width:100%;height:100%;object-fit:cover;object-position:center 25%}.my-card .card-art{-webkit-mask-image:linear-gradient(to right,black 60%,transparent 100%);mask-image:linear-gradient(to right,black 60%,transparent 100%)}.opp-card .card-art{-webkit-mask-image:linear-gradient(to left,black 60%,transparent 100%);mask-image:linear-gradient(to left,black 60%,transparent 100%)}.win-glow{position:absolute;inset:0;box-shadow:inset 0 0 30px #10b98199;pointer-events:none}.card-info{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;padding:8px 14px;background:linear-gradient(to left,rgba(0,0,0,.75) 0%,rgba(0,0,0,.55) 60%,transparent 100%)}.my-card .card-info{text-align:right;background:linear-gradient(to left,rgba(0,0,0,.75) 0%,rgba(0,0,0,.55) 60%,transparent 100%)}.opp-card .card-info{text-align:left;background:linear-gradient(to right,rgba(0,0,0,.75) 0%,rgba(0,0,0,.55) 60%,transparent 100%)}.card-name{font-size:13px;font-weight:600;color:#fffffff2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;text-shadow:0 1px 3px rgba(0,0,0,.9)}.card-bp{font-size:11px;font-weight:700;color:#fbbf24;font-variant-numeric:tabular-nums}.card-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:0;border:none;background:repeating-linear-gradient(45deg,#ffffff08 0 8px,#ffffff0f 8px 16px);color:#ffffff40;font-size:18px}.lane-vs{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex-shrink:0;width:64px;background:#00000073;z-index:3;position:relative}.lane-result-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;background:#ffffff1a;border:2px solid rgba(255,255,255,.15);transition:all .3s}.lane-result-icon.win{background:linear-gradient(135deg,#10b981,#059669);border-color:#34d399;box-shadow:0 0 10px #10b98180}.lane-result-icon.loss{background:linear-gradient(135deg,#dc2626,#991b1b);border-color:#f87171}.lane-result-icon.tie{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#fbbf24}.lane-label{font-size:9px;color:#ffffff59;text-transform:uppercase;letter-spacing:.5px}.game-over-banner{opacity:0;transform:scale(.5);transition:all .6s cubic-bezier(.34,1.56,.64,1);text-align:center;padding:16px 40px;border-radius:12px;margin-top:8px}.game-over-banner.visible{opacity:1;transform:scale(1)}.game-over-banner.victory{background:linear-gradient(135deg,#10b98133,#0596691a);border:2px solid rgba(16,185,129,.5);box-shadow:0 0 40px #10b98133}.game-over-banner.defeat{background:linear-gradient(135deg,#dc262633,#991b1b1a);border:2px solid rgba(220,38,38,.4);box-shadow:0 0 40px #dc262626}.game-over-banner.draw{background:linear-gradient(135deg,#fbbf2426,#d977061a);border:2px solid rgba(251,191,36,.4);box-shadow:0 0 40px #fbbf2426}.banner-text{font-size:48px;font-weight:900;letter-spacing:8px;text-transform:uppercase;line-height:1;margin-bottom:8px}.victory .banner-text{background:linear-gradient(180deg,#34d399,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 2px 8px rgba(16,185,129,.4))}.defeat .banner-text{background:linear-gradient(180deg,#f87171,#dc2626,#991b1b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 8px rgba(220,38,38,.4))}.draw .banner-text{background:linear-gradient(180deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 8px rgba(251,191,36,.4))}.banner-score{font-size:16px;font-weight:600;color:#ffffffb3;letter-spacing:1px}.game-over-actions{display:flex;flex-direction:column;align-items:center;gap:10px;animation:gameOverFadeIn .4s ease-out;margin-top:4px}.game-over-btn{padding:12px 32px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:160px}.game-over-btn.primary{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #34d399;color:#fff}.game-over-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #10b98166}.game-over-btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffb3}.game-over-btn.secondary:hover{border-color:#ffffff80;color:#fff}.game-over-waiting{color:#ffffffb3;font-size:15px;animation:rematchPulse 1.5s infinite}.game-over-prompt{color:#fff;font-size:15px;font-weight:500}.game-over-notice{color:#ffc8c8e6;font-size:14px;width:100%;text-align:center;margin-bottom:4px}@media(max-height:500px){.game-over-content{gap:12px;padding:10px}.lane-matchup{padding:0;gap:0;min-height:72px}.card-info{padding:6px 10px}.card-name{font-size:11px;max-width:100px}.card-bp{font-size:10px}.banner-text{font-size:32px;letter-spacing:5px}.banner-score{font-size:13px}.game-over-banner{padding:10px 24px}.game-over-lanes{max-height:45vh;overflow-y:auto}}@media(max-width:500px){.card-name{font-size:11px;max-width:110px}.lane-matchup{min-height:80px}.banner-text{font-size:36px;letter-spacing:4px}}.game-screen-container{display:flex;width:100%;height:100vh;height:100dvh;overflow:hidden;background:var(--board-container-bg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.game-screen-sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:linear-gradient(135deg,var(--color-brand-red) 0%,var(--color-brand-red-deep) 100%);padding:20px;display:flex;flex-direction:column;box-shadow:2px 0 20px #0000004d;z-index:10;overflow-y:auto;position:relative;transition:width .25s ease,min-width .25s ease,padding .25s ease,opacity .25s ease}.game-screen-sidebar.collapsed{width:0;min-width:0;padding:0;overflow:hidden;opacity:0;pointer-events:none}.sidebar-toggle-btn{position:absolute;top:8px;left:var(--sidebar-w);z-index:20;width:24px;height:32px;background:rgba(var(--color-danger-rgba),.85);color:#fff;border:1px solid rgba(255,255,255,.2);border-left:none;border-radius:0 6px 6px 0;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:left .25s ease,background .15s ease}.sidebar-toggle-btn:hover{background:rgba(var(--color-danger-rgba),1)}.sidebar-toggle-btn.collapsed{left:0}.game-screen-container.hide-action-buttons .engine-action-group,.game-screen-container.hide-action-buttons .engine-btn-undo{display:none}.sidebar-popout-actions{position:fixed;top:49%;right:8px;width:clamp(200px,18vw,280px);z-index:15;pointer-events:auto}.sidebar-popout-actions .engine-action-panel{position:relative;gap:4px}.sidebar-popout-actions .engine-phase-label,.sidebar-popout-actions .engine-waiting{position:absolute;bottom:100%;left:0;right:0;padding-bottom:4px}.sidebar-feedback-link{padding:4px 8px;text-align:center;color:#c4b5fd;font-size:clamp(9px,.85vw,11px);text-decoration:none;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:4px;transition:all .2s ease;margin-bottom:8px;cursor:pointer}.sidebar-feedback-link:hover{color:#e9d5ff;background:#8b5cf640;border-color:#8b5cf680}.game-screen-panel{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-brand-red) 0%,var(--color-brand-red-deep) 100%)}.game-screen-title{color:#fff;font-size:clamp(22px,2.5vw,32px);font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.5),2px 2px 4px rgba(0,0,0,.3)}.top-info-row{display:flex;gap:8px;margin-bottom:16px}.game-settings-gear{width:32px;height:32px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#ffffffb3;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;margin-left:auto}.game-settings-gear:hover{background:#ffffff26;color:#fff;border-color:#ffffff59}.game-screen-main{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--board-field-1) 0%,var(--board-field-2) 50%,var(--board-field-3) 100%);position:relative}.game-screen-background-area{flex:1;background:linear-gradient(135deg,var(--board-field-1) 0%,var(--board-field-2) 50%,var(--board-field-3) 100%)}.game-placeholder{text-align:center;padding:60px;max-width:600px}.game-connecting-overlay{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#08080ed1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:var(--sai-top, 0px) var(--sai-right, 0px) var(--sai-bottom, 0px) var(--sai-left, 0px)}.game-connecting-content{display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff}.game-connecting-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#dc2626;border-radius:50%;animation:game-connecting-spin .9s linear infinite}@keyframes game-connecting-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.game-connecting-spinner{animation-duration:2.4s}}.game-connecting-text{margin:0;font-size:16px;color:#ffffffd9}.game-connecting-leave{margin-top:4px;padding:10px 22px;min-height:44px;background:transparent;color:#ffffffd9;border:1px solid rgba(255,255,255,.35);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.game-connecting-leave:hover{background:#ffffff14;border-color:#fff9}.placeholder-title{color:#fff;font-size:clamp(28px,3.5vw,48px);font-weight:700;margin-bottom:30px;text-shadow:0 0 10px rgba(255,255,255,.3),2px 2px 4px rgba(0,0,0,.5)}.placeholder-text{color:#ffffffb3;font-size:clamp(14px,1.2vw,18px);line-height:1.6;margin-bottom:20px}.placeholder-icon{font-size:120px;margin-top:40px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.game-field{width:100%;height:100%;display:flex;flex-direction:column;padding:4px 20px 20px;gap:0}.opponent-field,.player-field{flex:1;display:flex;flex-direction:column;gap:4px;justify-content:center;position:relative;overflow:visible}.field-middle{position:relative;display:flex;align-items:center;justify-content:center;margin:0}.field-middle:after{content:"";width:0;flex-shrink:0}.field-divider{position:absolute;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);box-shadow:0 0 10px rgba(var(--glow-accent-rgba),.5);z-index:1}.deck-area,.discard-area{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:calc(var(--card-w) + 30px);position:relative;z-index:6}.deck-stack{width:var(--card-w);height:var(--card-h);background:linear-gradient(135deg,var(--color-brand-red) 0%,var(--color-brand-red-deep) 100%);border:3px solid var(--color-accent);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0000004d,0 0 20px rgba(var(--glow-accent-rgba),.3);position:relative;cursor:pointer;transition:transform .2s ease}.deck-stack:hover{transform:translateY(-4px);box-shadow:0 6px 12px #0006,0 0 30px rgba(var(--glow-accent-rgba),.5)}.deck-stack:before{content:"";position:absolute;top:-3px;left:-3px;width:var(--card-w);height:var(--card-h);background:linear-gradient(135deg,var(--color-brand-red) 0%,var(--color-brand-red-deep) 100%);border:3px solid var(--color-accent);border-radius:8px;z-index:-1;opacity:.5}.deck-count{color:#fff;font-size:clamp(16px,1.5vw,24px);font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.discard-pile{position:relative;width:var(--card-w);height:var(--card-h);border:2px dashed rgba(255,255,255,.3);border-radius:8px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.discard-pile .deck-count{position:absolute;bottom:2px;right:3px;padding:0 5px;border-radius:6px;background:#000000a6;line-height:1.4;z-index:1}.discard-pile:hover{background:#ffffff1a;border-color:#ffffff80}.zone-label{color:var(--color-accent);font-size:clamp(10px,1vw,14px);font-weight:600;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 5px rgba(var(--glow-accent-rgba),.5)}.deck-discard-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 20px;position:absolute;left:0;right:0;z-index:6;pointer-events:none}.deck-discard-row>*{pointer-events:auto}.opp-deck-discard-row{top:20px}.player-deck-discard-row{bottom:0}.exile-area{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer;flex-shrink:0;z-index:7}.exile-pile{width:calc(var(--card-w) * .61);height:calc(var(--card-h) * .61);border:2px dashed rgba(167,139,250,.5);border-radius:8px;background:#a78bfa1a;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;gap:2px}.exile-pile:hover{background:#a78bfa33;border-color:#a78bfacc;box-shadow:0 0 15px #a78bfa80}.exile-pile.drop-zone-active{border-color:#a78bfa;border-style:solid;background:#a78bfa4d;box-shadow:0 0 20px #a78bfa99}.exile-icon{color:#a78bfa;font-size:22px;font-weight:700;line-height:1}.exile-pile.clickable:hover{cursor:pointer;transform:scale(1.05)}.exile-modal-card-placeholder,.discards-modal-card-placeholder,.field-stack-card-placeholder,.reveal-card-placeholder,.charge-card-placeholder{width:90px;height:126px;border:2px dashed rgba(255,255,255,.3);border-radius:8px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:#ffffffb3;font-size:11px;text-align:center;padding:8px;word-break:break-word}.scene-area{border:2px dashed rgba(255,255,255,.3);border-radius:8px;background:#ffffff0d;margin:0 20px;padding:4px;display:flex;align-items:center;justify-content:center;position:relative}.shared-scene{z-index:2;background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:var(--card-h);height:var(--card-w);min-width:var(--card-h);min-height:var(--card-w);border:2px dashed var(--color-accent);box-shadow:0 0 20px rgba(var(--glow-accent-rgba),.3);overflow:visible}.scene-label{color:#ffffff80;font-size:clamp(10px,1vw,14px);font-weight:600;text-transform:uppercase;letter-spacing:1px}.shared-scene .scene-label{color:var(--color-accent);text-shadow:0 0 10px rgba(var(--glow-accent-rgba),.5)}.scene-ripple-container{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:0}.scene-ripple-ring{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%) scale(.3);border:3px solid rgba(var(--glow-accent-rgba),.6);border-radius:50%;opacity:0;pointer-events:none}.scene-ripple-ring.active{animation:anim-ground-ripple .9s cubic-bezier(0,0,.2,1) forwards}.scene-ripple-ring.active-delayed{animation:anim-ground-ripple-delayed 1.1s cubic-bezier(0,0,.2,1) forwards}.battle-area{min-height:calc(var(--game-scale, 1) * 140px);display:flex;gap:calc(var(--game-scale, 1) * 45px);align-items:center;padding:calc(var(--game-scale, 1) * 10px) 0;overflow:visible}.battle-area{--field-gutter: calc(var(--card-w) + 50px + var(--game-scale, 1) * 34px)}.opponent-battle{justify-content:flex-end;padding-right:var(--field-gutter);padding-left:var(--field-gutter);padding-top:var(--card-w)}.player-battle{justify-content:flex-end;padding-right:var(--field-gutter);padding-left:var(--field-gutter);padding-bottom:calc(var(--card-half-h) + 7px)}.character-slot{width:100%;aspect-ratio:5 / 7;border:2px solid var(--slot-border);border-radius:8px;background:var(--slot-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:visible}.character-slot:hover{background:var(--slot-hover-bg);border-color:var(--slot-hover-border);box-shadow:0 0 15px rgba(var(--color-danger-rgba),.3)}.character-slot.occupied{border-color:var(--slot-occupied-border);box-shadow:0 0 10px rgba(var(--glow-accent-rgba),.3)}.game-stack-badge{flex:0 0 auto}.card-stack{position:relative;width:100%;height:100%}.card-flip-container{position:absolute;width:100%;height:100%;perspective:800px}.card-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.4,0,.2,1)}.card-flip-inner{transform:rotateY(180deg)}.card-flip-inner.flipped{transform:rotateY(0)}.card-flip-front,.card-flip-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:8px;overflow:visible}.card-flip-front{transform:rotateY(0)}.card-flip-back{transform:rotateY(180deg)}.card-flip-inner.flipping{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.card-flip-inner.flipping .card-flip-front{overflow:hidden}.card-flip-inner.flipping .card-flip-front:after{content:"";position:absolute;top:0;left:-50%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(251,211,100,.45) 50%,transparent 100%);animation:anim-shine-sweep .6s ease-out .25s both;pointer-events:none;z-index:10}.stacked-card{box-shadow:0 2px 4px #0000004d}.card-flip-back .hand-card-back{border-width:0;box-shadow:0 2px 4px #0000004d}.character-slot-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(6px * var(--slot-scale, 1));flex:1 1 0;max-width:calc(var(--game-scale, 1) * var(--card-w) * 1.33);min-width:calc(var(--game-scale, 1) * var(--card-w) * .44);transition:flex-basis .3s ease}.stack-bp{color:var(--color-accent);font-size:max(9px,calc(13px * var(--slot-scale, 1) * var(--game-scale, 1)));font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 8px rgba(var(--glow-accent-rgba),.8),0 2px 4px rgba(0,0,0,.5);background:#0009;padding:4px 14px;border-radius:999px;border:1px solid rgba(var(--glow-accent-rgba),.4);white-space:nowrap;width:auto;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:6px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.stack-bp.bp-boosted{color:#4ade80;text-shadow:0 0 8px rgba(74,222,128,.8),0 2px 4px rgba(0,0,0,.5);border-color:#4ade8066}.stack-bp.bp-reduced{color:#f87171;text-shadow:0 0 8px rgba(248,113,113,.8),0 2px 4px rgba(0,0,0,.5);border-color:#f8717166}@keyframes battle-bump-upward{0%{transform:translateY(0)}25%{transform:translateY(-15px)}50%{transform:translateY(-10px)}75%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes battle-bump-downward{0%{transform:translateY(0)}25%{transform:translateY(15px)}50%{transform:translateY(10px)}75%{transform:translateY(15px)}to{transform:translateY(0)}}.battle-bump-host{animation:battle-bump-upward .8s ease-in-out}.battle-bump-guest{animation:battle-bump-downward .8s ease-in-out}.battle-winner{animation:battle-winner-pulse .5s ease-out .3s}@keyframes battle-winner-pulse{0%{transform:scale(1);filter:brightness(1)}40%{transform:scale(1.08);filter:brightness(1.25)}to{transform:scale(1);filter:brightness(1)}}.battle-loser-shake{animation:battle-loser-shake .4s ease-out .2s}@keyframes battle-loser-shake{0%,to{transform:translate(0)}15%{transform:translate(-5px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(1px)}}@keyframes defeated-rotation{0%{transform:rotate(0)}to{transform:rotate(90deg)}}.defeated-rotate{animation:defeated-rotation 1.2s cubic-bezier(.68,-.55,.265,1.55);animation-fill-mode:forwards}.already-defeated{transform:rotate(90deg)}.hand-zone{display:flex;gap:10px;justify-content:center;align-items:flex-start;padding:25px 20px 15px;position:fixed;bottom:calc(-1 * var(--card-half-h));left:var(--sidebar-outer);right:0;overflow-x:auto;overflow-y:visible;z-index:5}.opponent-hand{top:calc(-1 * var(--card-half-h));bottom:auto;align-items:flex-end}.hand-card{width:var(--card-w);height:var(--card-h);flex-shrink:0;cursor:grab;transition:transform .2s ease,box-shadow .2s ease,z-index 0s;position:relative}.hand-card:active{cursor:grabbing}.hand-card.drawing{animation:hand-card-draw .35s cubic-bezier(0,0,.2,1) backwards;animation-delay:var(--draw-stagger, 0ms)}@keyframes hand-card-draw{0%{opacity:0;transform:translate(80px) scale(.6)}60%{opacity:1}to{opacity:1;transform:translate(0) scale(1)}}.hand-card:hover{transform:translateY(-12px) scale(1.06);z-index:10;box-shadow:0 8px 20px #0006}.hand-card.engine-not-legal{opacity:.4;filter:grayscale(.5);cursor:default}.hand-card.engine-not-legal:hover{transform:none;box-shadow:none;z-index:auto}.hand-card.engine-legal:hover{box-shadow:0 0 12px 5px rgba(var(--glow-accent-rgba),.45),0 0 22px 8px rgba(var(--glow-accent-rgba),.18),0 8px 20px #0000004d}.opponent-hand-card:hover{transform:translateY(10px) scale(1.06);box-shadow:0 -8px 20px #0006}.hand-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-brand-red) 0%,var(--color-brand-red-deep) 100%);border:2px solid var(--color-accent);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;box-shadow:0 4px 8px #0000004d}.hand-card-back{width:100%;height:100%;background:linear-gradient(135deg,#1e3a8a,#1e40af,#1e3a8a);border:2px solid #3b82f6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#60a5fa;font-size:48px;font-weight:700;box-shadow:0 4px 8px #0000004d;position:relative;overflow:hidden}.hand-card-back:before{content:"?";position:absolute;font-size:64px;opacity:.2}.drop-zone-active{background:rgba(var(--glow-accent-rgba),.3)!important;border-color:var(--color-accent)!important;box-shadow:0 0 20px rgba(var(--glow-accent-rgba),.6)!important;transform:scale(1.05);transition:all .2s ease}.dragging .character-slot:not(.occupied),.dragging .scene-area,.dragging .discard-pile{border-style:solid!important;border-color:rgba(var(--glow-accent-rgba),.5)!important}.dragging .deck-area{border-color:rgba(var(--glow-accent-rgba),.5);cursor:copy}.clickable{cursor:pointer}.clickable:hover{filter:brightness(1.2)}.discard-pile.clickable:hover{box-shadow:0 0 10px rgba(var(--glow-accent-rgba),.6)}.character-slot.clickable:hover{border-color:rgba(var(--glow-accent-rgba),.8)}.hand-zone.drop-zone-active{background:rgba(var(--glow-accent-rgba),.1);border:2px dashed rgba(var(--glow-accent-rgba),.6);border-radius:8px}.placed-card.entering-field{animation:card-enter-field .35s cubic-bezier(.34,1.56,.64,1)}.character-slot.dropin-pending .card-stack>*:last-child{opacity:0}@keyframes card-enter-field{0%{transform:scale(1.15);box-shadow:0 0 20px 8px rgba(var(--glow-accent-rgba),.5);filter:brightness(1.2)}60%{box-shadow:0 0 10px 4px rgba(var(--glow-accent-rgba),.2)}to{transform:scale(1);box-shadow:none;filter:brightness(1)}}.face-down{filter:brightness(.5)}.bp-aura-particles{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden;border-radius:inherit}.bp-chevron-particle{position:absolute;transform:translate(-50%);letter-spacing:2px;pointer-events:none;opacity:0;white-space:nowrap}.bp-chevron-particle.buff{color:#dbeafed9;text-shadow:0 0 6px rgba(147,197,253,1),0 0 14px rgba(96,165,250,.5);animation:anim-chevron-rise ease-out infinite}.bp-chevron-particle.debuff{color:#e8c3ffd9;text-shadow:0 0 6px rgba(192,132,252,1),0 0 14px rgba(168,85,247,.5);animation:anim-chevron-sink ease-out infinite}.reveal-flash-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:flashFadeIn .2s ease-out}@keyframes flashFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.reveal-flash-content{position:relative;animation:flashPulse .4s ease-out}@keyframes flashPulse{0%{transform:scale(.9)}50%{transform:scale(1.05)}to{transform:scale(1)}}.reveal-flash-card{max-width:500px;max-height:700px;border-radius:12px;box-shadow:0 0 60px #8b5cf6cc,0 0 120px #8b5cf666,0 20px 80px #000c;border:3px solid rgba(139,92,246,.6)}.opponent-disconnected-modal{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999}.opponent-disconnected-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;border:2px solid #10b981;padding:32px 48px;text-align:center;box-shadow:0 8px 32px #10b9814d}.opponent-disconnected-content h2{color:#10b981;font-size:clamp(20px,2vw,28px);margin:0 0 16px}.opponent-disconnected-content p{color:#a0aec0;font-size:clamp(14px,1.3vw,18px);margin:0 0 24px}.opponent-disconnected-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.opponent-disconnected-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.action-pending-indicator{position:fixed;bottom:max(20px,var(--sai-bottom, 0px));right:max(20px,var(--sai-right, 0px));background:#6366f1e6;color:#fff;padding:10px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:clamp(11px,2vw,14px);font-weight:500;box-shadow:0 4px 12px #6366f166;z-index:1000}.action-pending-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.charge-indicator{position:absolute;bottom:-12px;right:-8px;background:linear-gradient(135deg,var(--color-accent) 0%,#f59e0b 100%);color:#1f2937;border-radius:50%;width:max(16px,calc(24px * var(--slot-scale, 1)));height:max(16px,calc(24px * var(--slot-scale, 1)));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:max(9px,calc(12px * var(--slot-scale, 1)));cursor:pointer;z-index:15;border:2px solid #f59e0b;box-shadow:0 2px 4px #0000004d;transition:transform .2s ease}.charge-indicator:hover{transform:scale(1.1)}.opponent-reveal-backdrop{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.opponent-reveal-content{background:linear-gradient(135deg,#1e3a5f,#0f172a);border-radius:16px;padding:0;min-width:280px;max-width:350px;box-shadow:0 20px 40px #0009;border:2px solid #3b82f6}.opponent-reveal-header{padding:16px 20px;border-bottom:1px solid rgba(59,130,246,.3)}.opponent-reveal-header h3{margin:0;color:#3b82f6;font-size:16px;text-align:center}.opponent-reveal-body{padding:20px;text-align:center}.opponent-reveal-card-display{display:flex;justify-content:center;margin-bottom:16px}.opponent-reveal-card-image{width:140px;height:196px;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #3b82f666;border:2px solid #3b82f6}.opponent-reveal-info{color:#fff;font-size:16px;font-weight:700;margin-bottom:12px}.opponent-reveal-waiting{color:#9ca3af;font-size:13px;font-style:italic}.opponent-deck-reveal-backdrop{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.opponent-deck-reveal-content{background:linear-gradient(135deg,#1e3a5f,#0f172a);border-radius:16px;padding:0;min-width:300px;max-width:90vw;max-height:90vh;box-shadow:0 20px 40px #0009;border:2px solid #3b82f6}.opponent-deck-reveal-header{padding:16px 20px;border-bottom:1px solid rgba(59,130,246,.3)}.opponent-deck-reveal-header h3{margin:0;color:#3b82f6;font-size:16px;text-align:center}.opponent-deck-reveal-body{padding:20px;text-align:center}.opponent-deck-reveal-cards{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:16px}.opponent-deck-reveal-card{width:var(--card-w);height:var(--card-h);border-radius:6px;overflow:hidden;transition:transform .2s,box-shadow .2s}.opponent-deck-reveal-card-image{width:100%;height:100%;object-fit:cover;border-radius:6px}.opponent-deck-reveal-card.card-highlighted{box-shadow:0 0 20px 5px var(--color-accent),0 0 40px 10px rgba(var(--glow-accent-rgba),.5);animation:pulseHighlight 1.5s infinite;z-index:10}.opponent-deck-reveal-info{color:#9ca3af;font-size:13px;font-style:italic}.charge-viewer-backdrop{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.charge-viewer-backdrop.modal-dragging{pointer-events:none}.charge-viewer-backdrop.modal-dragging .charge-viewer-content{pointer-events:auto}.charge-viewer-content{background:linear-gradient(135deg,#1f2937,#111827);border-radius:16px;padding:0;min-width:300px;max-width:500px;box-shadow:0 20px 40px #00000080;border:2px solid var(--color-accent)}.charge-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(var(--glow-accent-rgba),.3)}.charge-viewer-header h3{margin:0;color:var(--color-accent);font-size:16px}.charge-viewer-close{background:none;border:none;color:#9ca3af;font-size:24px;cursor:pointer;padding:0;line-height:1}.charge-viewer-close:hover{color:#fff}.charge-viewer-body{padding:20px;color:#d1d5db}.charge-cards-container{display:flex;flex-direction:column;gap:8px}.charge-order-indicators{display:flex;justify-content:space-between;padding:0 4px}.charge-order-label{font-size:11px;color:var(--color-accent);font-weight:700;text-transform:uppercase}.charge-helper-text{text-align:center;font-size:12px;color:#9ca3af;margin:8px 0 0;font-style:italic}.charge-cards-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.charge-card-item{width:80px;height:112px;border-radius:6px;overflow:hidden;cursor:grab;transition:transform .2s ease}.charge-card-item.owned{border:2px solid var(--color-accent)}.charge-card-item.opponent{border:2px solid #6b7280}.charge-card-item:hover{transform:scale(1.05)}.charge-card-img{width:100%;height:100%;object-fit:cover}.charged-card-tint{filter:brightness(.6) saturate(.8)}.charge-card-back{width:100%;height:100%;background:linear-gradient(135deg,#1e3a8a,#1e40af,#1e3a8a);display:flex;align-items:center;justify-content:center;color:#60a5fa;font-size:32px;font-weight:700}.quick-chat-toast{position:fixed;top:min(100px,25vh);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;padding:10px 20px;border-radius:10px;font-weight:600;font-size:clamp(12px,2vw,15px);box-shadow:0 8px 24px #4f46e580;z-index:200;animation:toastFadeInOut 3s ease;border:1px solid #818cf8;max-width:90vw}@keyframes toastFadeInOut{0%{opacity:0;transform:translate(-50%) translateY(-10px)}10%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1}to{opacity:0}}.quick-chat-toast.sent{background:linear-gradient(135deg,#059669,#10b981);border-color:#34d399;box-shadow:0 8px 24px #10b98180}.card-highlighted{box-shadow:0 0 20px 5px var(--color-accent),0 0 40px 10px rgba(var(--glow-accent-rgba),.5)!important;animation:pulseHighlight 1.5s infinite;z-index:10!important}@keyframes pulseHighlight{0%,to{box-shadow:0 0 20px 5px var(--color-accent),0 0 40px 10px rgba(var(--glow-accent-rgba),.5)}50%{box-shadow:0 0 30px 10px var(--color-accent),0 0 50px 15px rgba(var(--glow-accent-rgba),.6)}}.rematch-panel{position:fixed;bottom:min(100px,25vh);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:100;max-width:90vw}.rematch-button,.rematch-accept{padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);border:2px solid #34d399;border-radius:8px;color:#fff;font-size:clamp(14px,2vw,16px);font-weight:600;cursor:pointer;transition:all .2s ease;min-height:44px}.rematch-button:hover,.rematch-accept:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.leave-button,.rematch-decline{padding:10px 24px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.leave-button:hover,.rematch-decline:hover{border-color:#ffffff80;color:#fff}.rematch-waiting,.rematch-prompt{color:#fff;font-size:16px;text-align:center;padding:10px 20px;background:#00000080;border-radius:8px}.rematch-waiting{animation:rematchPulse 1.5s infinite}@keyframes rematchPulse{0%,to{opacity:1}50%{opacity:.7}}.mobile-sidebar-backdrop{position:fixed;inset:0;background:#00000080;z-index:2150;animation:fadeIn .2s ease-out}.mobile-toggle-buttons{display:none}.game-screen-container.mobile-landscape .mobile-toggle-buttons{display:flex;position:fixed;top:calc(4px + var(--sai-top, 0px));left:calc(4px + var(--sai-left, 0px));gap:4px;z-index:2100}.mobile-menu-toggle,.mobile-effects-toggle{display:none}.game-screen-container.mobile-landscape .mobile-toggle-buttons .mobile-menu-toggle,.game-screen-container.mobile-landscape .mobile-toggle-buttons .mobile-effects-toggle{display:flex;width:36px;height:36px;background:linear-gradient(135deg,#374151,#1f2937);border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:16px;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 2px 8px #0006;transition:transform .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;color:#fff}.game-screen-container.mobile-landscape .mobile-toggle-buttons .mobile-effects-toggle{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.mobile-menu-toggle:active,.mobile-effects-toggle:active{transform:scale(.95)}.mobile-next-phase-btn{display:none}.game-screen-container.mobile-landscape .mobile-next-phase-btn{display:flex;position:fixed;bottom:calc(8px + var(--sai-bottom, 0px));left:calc(8px + var(--sai-left, 0px));padding:10px 18px;min-height:44px;background:linear-gradient(135deg,#10b981,#059669);border:2px solid rgba(255,255,255,.3);border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;align-items:center;justify-content:center;z-index:500;box-shadow:0 4px 12px #0000004d;transition:transform .2s,box-shadow .2s,opacity .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.game-screen-container.mobile-landscape .mobile-next-phase-btn:active{transform:scale(.95)}.game-screen-container.mobile-landscape .mobile-next-phase-btn.engine-btn-pass--idle-glow{animation:anim-pass-idle-pulse 1.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.game-screen-container.mobile-landscape .mobile-next-phase-btn.engine-btn-pass--idle-glow{animation:none;box-shadow:0 0 0 2px rgba(var(--legal-glow-rgba),.6),0 0 12px 2px rgba(var(--legal-glow-rgba),.4),0 4px 12px #0000004d}}.game-screen-container.mobile-landscape .mobile-next-phase-btn:disabled{background:linear-gradient(135deg,#6b7280,#4b5563);opacity:.6;cursor:not-allowed}.game-screen-container.mobile-landscape .mobile-next-phase-btn.game-over{background:linear-gradient(135deg,var(--color-brand-red) 0%,var(--color-brand-red-deep) 100%)}.mobile-phase-badge,.game-screen-container.mobile-landscape .mobile-phase-badge,.mobile-card-preview-overlay{display:none}.game-screen-container.mobile-landscape .mobile-card-preview-overlay{display:flex;position:fixed;inset:0;background:#000000d9;z-index:700;align-items:center;justify-content:center;padding:12px calc(20px + var(--sai-left, 0px)) 12px calc(20px + var(--sai-right, 0px));animation:fadeIn .15s ease-out}.mobile-card-preview{display:flex;flex-direction:row;align-items:flex-start;gap:16px;max-width:90vw;max-height:90vh}.mobile-card-preview img{width:min(180px,30vw);height:auto;aspect-ratio:5 / 7;border-radius:12px;box-shadow:0 8px 32px #00000080;object-fit:cover;flex-shrink:0}.mobile-card-preview-info{display:flex;flex-direction:column;gap:6px;max-width:min(240px,45vw);max-height:80vh;overflow-y:auto}.mobile-card-preview-name{font-size:16px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.mobile-card-preview-meta{display:flex;flex-wrap:wrap;gap:4px}.mobile-card-preview-meta span{background:#ffffff1f;padding:2px 8px;border-radius:4px;font-size:11px;color:#ffffffd9}.mobile-card-preview-bp{display:flex;flex-wrap:wrap;gap:4px}.mobile-card-preview-bp span{background:#ff646433;padding:2px 8px;border-radius:4px;font-size:11px;color:#f99;font-weight:600}.mobile-card-preview-effect{font-size:12px;color:#ffffffbf;line-height:1.5;border-top:1px solid rgba(255,255,255,.1);padding-top:6px;margin-top:2px}.mobile-sidebar-close{display:none}.game-screen-sidebar.mobile-sidebar .mobile-sidebar-close{display:flex;position:absolute;top:8px;right:8px;width:44px;height:44px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:18px;cursor:pointer;align-items:center;justify-content:center;z-index:15}.mobile-sidebar-close:active{background:#ffffff40}.game-screen-sidebar.mobile-sidebar{position:fixed!important;top:0!important;left:0!important;width:280px!important;min-width:280px!important;height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;transform:translate(-100%)!important;transition:transform .3s ease-out;z-index:2200;padding-top:48px;overflow-y:auto}.game-screen-sidebar.mobile-sidebar.open{transform:translate(0)!important}.game-screen-sidebar.mobile-sidebar .battle-log{flex:1 1 0;min-height:0;display:flex;flex-direction:column}.game-screen-sidebar.mobile-sidebar .battle-log-entries{flex:1 1 0;min-height:0;max-height:none!important;overflow-y:auto!important}.game-screen-container.mobile-landscape{--card-w: 46px;--card-h: 64px;--card-half-h: 32px;--ml-sidebar-w: 52px}.game-screen-container.mobile-landscape .game-screen-main{width:100%;height:100%;display:grid;grid-template-columns:60px 1fr;grid-template-rows:minmax(0,1fr);grid-template-areas:"phases game";position:relative}.game-screen-container.mobile-landscape .phase-indicator{grid-area:phases;position:static!important;top:auto!important;left:auto!important;transform:none!important;align-self:center;display:flex!important;flex-direction:column;justify-content:center;padding:4px 2px;gap:3px;overflow:visible;z-index:100}.game-screen-container.mobile-landscape .game-field{grid-area:game;width:100%;display:flex;flex-direction:column;padding-right:calc(var(--ml-sidebar-w) + 4px);height:100%}.game-screen-container.mobile-landscape .opponent-field,.game-screen-container.mobile-landscape .player-field,.game-screen-container.mobile-landscape .opp-deck-discard-row,.game-screen-container.mobile-landscape .player-deck-discard-row,.game-screen-container.mobile-landscape .field-middle{display:contents}.game-screen-container.mobile-landscape .opponent-hand{order:1;flex-shrink:0;position:static!important;inset:auto!important;display:flex!important;flex-direction:row;justify-content:center;align-items:flex-start;overflow-x:auto;overflow-y:hidden;height:26px!important;max-height:26px!important;padding:0 2px!important;gap:3px;border-bottom:1px solid rgba(255,255,255,.08)}.game-screen-container.mobile-landscape .hand-zone{position:static!important;padding:0 2px!important;bottom:auto!important;left:auto!important;right:auto!important;overflow-y:visible}.game-screen-container.mobile-landscape .opponent-hand-card{width:33px;height:46px;min-width:33px;flex-shrink:0}.game-screen-container.mobile-landscape .opponent-battle{order:2;flex:1;display:flex;justify-content:center;align-items:flex-end;gap:3px;overflow-x:auto;overflow-y:hidden;padding:0 2px;min-height:0}.game-screen-container.mobile-landscape .player-battle{order:3;flex:1;display:flex;justify-content:center;align-items:flex-start;gap:3px;overflow-x:auto;overflow-y:hidden;padding:0 2px;min-height:0}.game-screen-container.mobile-landscape .battle-area{min-height:0;padding:0;gap:3px}.game-screen-container.mobile-landscape .battle-area.player-battle{padding:4px 2px 46px}.game-screen-container.mobile-landscape .battle-area.opponent-battle{padding:0 2px 46px}.game-screen-container.mobile-landscape .player-hand{order:4;flex-shrink:0;position:static!important;inset:auto!important;display:flex!important;flex-direction:row;justify-content:flex-start;align-items:center;overflow-x:auto;touch-action:pan-x;scrollbar-width:none;-ms-overflow-style:none;padding:3px 2px;gap:4px;border-top:1px solid rgba(255,255,255,.08)}.game-screen-container.mobile-landscape .player-hand::-webkit-scrollbar{display:none}.game-screen-container.mobile-landscape .player-hand .hand-card:first-child{margin-left:auto}.game-screen-container.mobile-landscape .player-hand .hand-card:last-child{margin-right:auto}.game-screen-container.mobile-landscape .opp-discard-area,.game-screen-container.mobile-landscape .opp-deck-area,.game-screen-container.mobile-landscape .scene-area,.game-screen-container.mobile-landscape .player-deck-area,.game-screen-container.mobile-landscape .player-discard-area{position:absolute;right:0;width:var(--ml-sidebar-w);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;min-width:auto;min-height:auto!important;padding:0;margin:0}.game-screen-container.mobile-landscape .opp-discard-area{top:0}.game-screen-container.mobile-landscape .opp-deck-area{top:20%}.game-screen-container.mobile-landscape .scene-area{top:50%;transform:translateY(-50%);height:auto;overflow:hidden}.game-screen-container.mobile-landscape .player-deck-area{bottom:20%}.game-screen-container.mobile-landscape .player-discard-area{bottom:0}.game-screen-container.mobile-landscape .shared-scene{min-width:calc(var(--card-h) * 1.5);min-height:calc(var(--card-w) * 1.5);width:calc(var(--card-h) * 1.5);height:calc(var(--card-w) * 1.5)}.game-screen-container.mobile-landscape .field-divider{display:none}.game-screen-container.mobile-landscape .exile-area{flex-direction:row;gap:4px}.game-screen-container.mobile-landscape .exile-pile{width:calc(var(--card-w) * .7);height:calc(var(--card-h) * .7)}.game-screen-container.mobile-landscape .deck-area,.game-screen-container.mobile-landscape .discard-area{min-width:auto}.game-screen-container.mobile-landscape .deck-stack,.game-screen-container.mobile-landscape .discard-pile{width:calc(var(--card-w) * .75);height:calc(var(--card-h) * .75)}.game-screen-container.mobile-landscape .deck-stack:before{width:calc(var(--card-w) * .75);height:calc(var(--card-h) * .75)}.game-screen-container.mobile-landscape .zone-label{font-size:7px;margin-top:1px}.game-screen-container.mobile-landscape .scene-label{font-size:8px;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(var(--card-h) * 1.5)}.game-screen-container.mobile-landscape{--ml-slot-h: 25vh}.game-screen-container.mobile-landscape.mobile-portrait{--ml-slot-h: 26vw}.game-screen-container.mobile-landscape.mobile-portrait .game-screen-main{grid-template-columns:60px minmax(0,1fr)}.game-screen-container.mobile-landscape.mobile-portrait .game-field{justify-content:space-between}.game-screen-container.mobile-landscape.mobile-portrait .opponent-battle,.game-screen-container.mobile-landscape.mobile-portrait .player-battle{flex:0 1 auto;align-items:center;padding-top:14px;padding-bottom:46px}.game-screen-container.mobile-landscape .character-slot{width:calc(var(--ml-slot-h) * 5 / 7);height:var(--ml-slot-h);min-height:0!important}.game-screen-container.mobile-landscape .character-slot-wrapper{gap:2px;flex:0 0 auto;min-width:0;max-width:none;padding-left:5px;padding-right:5px}.game-screen-container.mobile-landscape .opponent-battle,.game-screen-container.mobile-landscape .player-battle{justify-content:flex-start}.game-screen-container.mobile-landscape .opponent-battle .character-slot-wrapper:first-child,.game-screen-container.mobile-landscape .player-battle .character-slot-wrapper:first-child{margin-left:auto}.game-screen-container.mobile-landscape .opponent-battle .character-slot-wrapper:last-child,.game-screen-container.mobile-landscape .player-battle .character-slot-wrapper:last-child{margin-right:auto}.game-screen-container.mobile-landscape .stack-bp{font-size:9px;padding:1px 4px;gap:3px}.game-screen-container.mobile-landscape .stack-bp .game-stack-badge{font-size:10px}.game-screen-container.mobile-landscape .hand-card{width:var(--card-w);height:var(--card-h);flex-shrink:0}.game-screen-container.mobile-landscape .hand-card:hover,.game-screen-container.mobile-landscape .opponent-hand-card:hover{transform:none}@media(max-height:500px)and (orientation:landscape){:root{--card-w: 50px;--card-h: 70px;--card-half-h: 35px}.hand-card:hover{transform:translateY(-3px) scale(1.04)}.opponent-hand-card:hover{transform:translateY(3px) scale(1.04)}.character-slot-wrapper{gap:3px}.hand-zone{padding:4px 8px;gap:4px}.game-field{padding:4px;gap:4px}.drag-preview{width:70px;height:98px}}.touch-drag-preview{position:fixed;z-index:9999;pointer-events:none;opacity:.9;transform:scale(1.1);filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.touch-drag-preview img{width:70px;height:98px;border-radius:4px;object-fit:cover}.hand-card.touch-dragging{opacity:.4;transform:scale(.95)}.hand-card.engine-legal{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border:2px solid rgba(var(--glow-accent-rgba),.5);border-radius:8px;animation:engine-legal-pulse 2s ease-in-out infinite}@keyframes engine-legal-pulse{0%,to{box-shadow:0 0 6px 2px rgba(var(--glow-accent-rgba),.25),0 0 12px 4px rgba(var(--glow-accent-rgba),.1)}50%{box-shadow:0 0 10px 4px rgba(var(--glow-accent-rgba),.4),0 0 20px 6px rgba(var(--glow-accent-rgba),.15)}}.hand-card.engine-selected{box-shadow:0 0 14px 5px rgba(var(--glow-accent-rgba),.6),0 0 28px 10px rgba(var(--glow-accent-rgba),.25);transform:translateY(-14px) scale(1.08);z-index:11;transition:transform .15s ease,box-shadow .15s ease;border:2px solid rgba(var(--glow-accent-rgba),.7);border-radius:8px;animation:none}.hand-card.engine-selected:hover{transform:translateY(-14px) scale(1.08);box-shadow:0 0 14px 5px rgba(var(--glow-accent-rgba),.6),0 0 28px 10px rgba(var(--glow-accent-rgba),.25)}.game-screen-container.dragging .hand-card.engine-legal{animation:none}.character-slot.engine-target{cursor:pointer;border:2px solid rgba(var(--glow-accent-rgba),.5);position:relative;animation:engine-target-pulse 2s ease-in-out infinite both;animation-delay:-999999s}.character-slot.engine-nontarget{filter:grayscale(.7) brightness(.6);opacity:.72;transition:filter var(--motion-base, .2s) ease,opacity var(--motion-base, .2s) ease}.character-slot.engine-target:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent 0%,transparent 35%,rgba(var(--glow-accent-rgba),.12) 45%,rgba(var(--glow-accent-rgba),.2) 50%,rgba(var(--glow-accent-rgba),.12) 55%,transparent 65%,transparent 100%);background-size:200% 100%;animation:anim-target-shimmer 3s linear infinite both;animation-delay:-999999s;pointer-events:none;z-index:1}@keyframes engine-target-pulse{0%,to{box-shadow:0 0 8px 3px rgba(var(--glow-accent-rgba),.25),0 0 18px 6px rgba(var(--glow-accent-rgba),.12)}50%{box-shadow:0 0 14px 5px rgba(var(--glow-accent-rgba),.4),0 0 26px 8px rgba(var(--glow-accent-rgba),.18)}}.character-slot.engine-target.drag-over{animation:none;box-shadow:0 0 18px 8px rgba(var(--glow-accent-rgba),.6),0 0 32px 12px rgba(var(--glow-accent-rgba),.3);border-color:rgba(var(--glow-accent-rgba),.8);transition:box-shadow .15s ease}.character-slot.engine-target.drag-over:before{animation:none;background:none}.character-slot.engine-target-confirm{animation:anim-target-confirm .4s ease-out forwards}.character-slot.engine-has-effect,.scene-area.engine-has-effect{cursor:pointer;position:relative}.effect-fire-aura{position:absolute;inset:-4px;border-radius:12px;padding:5px;background:linear-gradient(0deg,#7f1d1d,#ef4444 28%,#f97316,#fde047 82%,#fff7cc);filter:url(#fx-fire) blur(1.5px);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:fx-aura-fire 2s ease-in-out infinite alternate;pointer-events:none;z-index:0}@keyframes fx-aura-fire{0%{opacity:1.02}50%{opacity:1.5}to{opacity:calc(1.5 * .8)}}@media(prefers-reduced-motion:reduce){.effect-fire-aura{animation:none;opacity:1}}@property --fx-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes fx-aura-orbit{to{--fx-angle: 360deg}}.effect-orbit-aura{position:absolute;inset:-4px;border-radius:12px;padding:5px;background:conic-gradient(from var(--fx-angle, 0deg),transparent 0deg,#0284c7 8deg,#38bdf8 16deg,#ffffff 22deg,#38bdf8 28deg,#0284c7 36deg,transparent 54deg,transparent 360deg);filter:blur(1.5px) drop-shadow(0 0 6px #38bdf8);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:1.5;animation:fx-aura-orbit 4s linear infinite;pointer-events:none;z-index:0}@media(prefers-reduced-motion:reduce){.effect-orbit-aura{animation:none}}.effect-activate-badge{position:absolute;top:-10px;right:-8px;background:linear-gradient(135deg,var(--color-accent) 0%,#f59e0b 100%);color:#1f2937;border-radius:50%;width:max(18px,calc(24px * var(--slot-scale, 1)));height:max(18px,calc(24px * var(--slot-scale, 1)));display:flex;align-items:center;justify-content:center;font-size:max(10px,calc(13px * var(--slot-scale, 1)));cursor:pointer;z-index:15;border:2px solid rgba(var(--glow-accent-rgba),.8);box-shadow:0 0 8px 2px rgba(var(--glow-accent-rgba),.4),0 2px 4px #0000004d;transition:transform .2s ease;animation:effect-badge-pulse 1.4s ease-out 1 both}.effect-activate-badge:hover{transform:scale(1.2)}.scene-effect-badge{top:-8px;right:-6px}@keyframes effect-badge-pulse{0%,to{box-shadow:0 0 6px 2px rgba(var(--glow-accent-rgba),.3),0 2px 4px #0000004d}50%{box-shadow:0 0 12px 4px rgba(var(--glow-accent-rgba),.6),0 2px 6px #0000004d}}.character-slot.engine-effect-active-source,.scene-area.engine-effect-active-source{position:relative;overflow:visible;z-index:10}.character-slot.engine-effect-active-source:before,.scene-area.engine-effect-active-source:before{content:"";position:absolute;inset:-6px;border-radius:inherit;box-shadow:0 0 14px 5px #64c8ff73;pointer-events:none;z-index:-1}.mobile-engine-actions-drawer{position:fixed;right:0;top:0;bottom:0;width:min(260px,70vw);max-width:70vw;background:#0f172a;border-left:1px solid #334155;z-index:200;overflow-y:auto;padding:44px 8px 8px;padding-right:calc(8px + var(--sai-right, 0px));padding-bottom:calc(8px + var(--sai-bottom, 0px))}.game-screen-container.fx-starfield-on{background:radial-gradient(ellipse at center,#0614288c,#020814d9 60%,#00040cf2)}.game-screen-container.fx-starfield-on .character-slot[data-stack-size="3"]:after,.game-screen-container.fx-starfield-on .character-slot[data-stack-size="4"]:after,.game-screen-container.fx-starfield-on .character-slot[data-stack-size="5"]:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:2px;border-radius:50%;background:#e6f5fff2;pointer-events:none;z-index:1;transform:translate(-50%,-50%);box-shadow:-70px -95px #c8e6ffe6,-50px -105px #fff0d2b3,-20px -110px #b4dcffd9,15px -108px #dcebffbf,45px -102px #fffae6cc,75px -85px #bed7fae6,92px -50px #dcf0ffb3,100px -10px #ffebc8cc,95px 30px #c8e1ffd9,80px 65px #e6f5ffbf,55px 95px #b4d2fae6,20px 110px #fff0d2b3,-15px 112px #d2e6ffd9,-50px 100px #e6f5ffbf,-78px 80px #c8dcfae6,-95px 45px #fff5dcb3,-105px 5px #bed7fad9,-100px -30px #dcebffcc,-88px -65px #fff0d2bf;animation:anim-starring-twinkle 3.2s ease-in-out infinite}.game-screen-container.fx-starfield-on .character-slot[data-stack-size="4"]:after,.game-screen-container.fx-starfield-on .character-slot[data-stack-size="5"]:after{width:3px;height:3px;animation-duration:2.4s;box-shadow:-70px -95px #fff5dc,-50px -105px #ffdca0e6,-20px -110px #fff0d2,15px -108px #ffebc8f2,45px -102px #fff5dc,75px -85px #ffe1aff2,92px -50px #fff0d2e6,100px -10px #ffdca0,95px 30px #ffebc8f2,80px 65px #fff5dce6,55px 95px #ffe6b4,20px 110px #fff0d2e6,-15px 112px #fff5dcf2,-50px 100px #ffebc8e6,-78px 80px #ffdca0,-95px 45px #fff0d2e6,-105px 5px #ffe6b4f2,-100px -30px #fff5dc,-88px -65px #fff0d2e6,-120px -120px 0 -1px #c8dcffb3,0 -135px 0 -1px #dcebffbf,120px -110px 0 -1px #fff0d2b3,135px 0 0 -1px #c8e1ffbf,120px 120px 0 -1px #e6f5ffb3,0 138px 0 -1px #fff5dcbf,-125px 115px 0 -1px #c8dcfab3,-138px 0 0 -1px #e6f5ffbf}@keyframes anim-starring-twinkle{0%,to{opacity:.6}40%{opacity:1}70%{opacity:.75}}@media(prefers-reduced-motion:reduce){.game-screen-container.fx-starfield-on .character-slot[data-stack-size]:after{animation:none!important}}.character-slot.judgment-clash-host{animation:anim-judgment-lunge-up 1.15s cubic-bezier(.5,0,.6,1.4);position:relative}.character-slot.judgment-clash-guest{animation:anim-judgment-lunge-down 1.15s cubic-bezier(.5,0,.6,1.4);position:relative}.character-slot.judgment-clash-guest:after,.character-slot.judgment-clash-host:after{content:"";position:absolute;left:50%;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,#fff0c8f2,rgba(var(--glow-accent-rgba),.7) 30%,#ef444459,rgba(var(--color-danger-rgba),0) 80%);filter:blur(1px);animation:anim-judgment-spark .7s ease-out .28s both;pointer-events:none;z-index:5}.character-slot.judgment-clash-guest:after{bottom:-20px;transform:translate(-50%,-50%)}.character-slot.judgment-clash-host:after{top:-20px;transform:translate(-50%,-50%)}@media(prefers-reduced-motion:reduce){.character-slot.judgment-clash-host,.character-slot.judgment-clash-guest{animation:none}.character-slot.judgment-clash-host:after,.character-slot.judgment-clash-guest:after{animation:none;opacity:0}}.chain-indicator{position:fixed;top:12px;right:12px;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:#1e1b4bb3;color:#c7d2fe;font-size:12px;font-weight:600;border:1px solid rgba(129,140,248,.5);box-shadow:0 2px 8px #00000059;z-index:180;pointer-events:none;transition:transform .2s ease,box-shadow .2s ease}.chain-indicator-icon{font-size:13px;line-height:1}.chain-indicator.pulse{animation:chainPulse 1.2s ease}@keyframes chainPulse{0%{transform:scale(1);box-shadow:0 2px 8px #00000059}25%{transform:scale(1.25);box-shadow:0 0 18px 4px #818cf8cc}60%{transform:scale(1.05)}to{transform:scale(1);box-shadow:0 2px 8px #00000059}}.auto-choice-toast{position:fixed;top:min(150px,34vh);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;padding:8px 16px;border-radius:8px;font-weight:600;font-size:clamp(11px,1.8vw,14px);box-shadow:0 8px 24px #7c3aed80;border:1px solid #c084fc;z-index:190;max-width:90vw;pointer-events:none;animation:toastFadeInOut 2.6s ease}.character-slot.area-swapping{animation:areaSwapSlide .4s ease;z-index:5}@keyframes areaSwapSlide{0%{transform:translateY(0)}40%{transform:translateY(-8px) scale(1.03)}to{transform:translateY(0)}}.mobile-target-prompt{position:fixed;top:calc(8px + var(--sai-top, 0px));left:50%;transform:translate(-50%);z-index:2100;padding:6px 14px;border-radius:999px;background:linear-gradient(135deg,var(--color-accent) 0%,#f59e0b 100%);color:#1f2937;font-size:12px;font-weight:700;letter-spacing:.3px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 10px #0006,0 0 12px 2px rgba(var(--glow-accent-rgba),.4)}.cin-screen{position:relative;width:100%;min-height:100vh;min-height:100dvh;display:grid;overflow:hidden;color:var(--color-text);font-family:system-ui,-apple-system,sans-serif;grid-template-rows:auto 1fr auto auto;grid-template-areas:"brand" "hero" "actions" "footer"}.cin-backdrop{position:absolute;inset:0;z-index:0;background:var(--color-bg)}.cin-splash{position:absolute;inset:0;opacity:.95;background:radial-gradient(circle at 30% 22%,rgba(var(--glow-accent-rgba),.5) 0%,transparent 55%),linear-gradient(140deg,var(--color-accent-deep) 0%,var(--color-brand-red-deep) 58%,var(--color-surface) 100%)}.cin-timer{position:absolute;width:min(60vw,420px);aspect-ratio:1;border-radius:50%;pointer-events:none;filter:blur(8px);top:10%;left:50%;transform:translate(-50%);background:radial-gradient(circle,var(--color-brand-red) 0%,rgba(var(--glow-accent-rgba),.5) 40%,transparent 70%)}.cin-scrim{position:absolute;inset:0}.cin-scrim-lobby{background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,transparent 22%,transparent 45%,rgba(0,0,0,.9) 100%)}.cin-scrim-flat{background:#00000080}.cin-hud{display:none}.cin-brand-slot,.cin-hero-slot,.cin-actions-slot,.cin-footer-slot{position:relative;z-index:2}.cin-footer-slot{grid-area:footer}.cin-brand-slot{grid-area:brand;padding:max(var(--space-4),env(safe-area-inset-top,0px)) var(--space-4) var(--space-4)}.cin-hero-slot{grid-area:hero;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4);min-height:0}.cin-actions-slot{grid-area:actions;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-4) max(var(--space-5),env(safe-area-inset-bottom,0px))}@media(min-width:760px)and (orientation:landscape){.cin-screen{grid-template-columns:minmax(320px,32vw) 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"brand hero" "actions hero" "footer footer"}.cin-timer{top:26%;left:auto;right:14%;transform:none}.cin-scrim-lobby{background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.6) 40%,transparent 72%)}.cin-actions-slot{align-self:end;max-width:480px}}.cin-board-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none}body.cin-active .game-screen-container.cin-board{position:relative;z-index:1;background:transparent}body.cin-active .cin-board .game-screen-main,body.cin-active .cin-board .game-screen-background-area{background:transparent}body.cin-active .cin-board .game-screen-sidebar{background:var(--color-surface-panel);border-right:1px solid var(--color-accent-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}body.cin-active .cin-board .deck-area,body.cin-active .cin-board .discard-area{background:transparent}body.cin-active .engine-action-panel,body.cin-active .battle-log{background:var(--color-surface-panel);border:1px solid var(--color-accent-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}body.cin-active .cin-board .character-slot{background:var(--color-surface-selected);border-color:var(--color-accent-soft)}body.cin-active .cin-board .shared-scene{background:var(--color-surface-panel)}body.cin-active .cin-board .hand-zone{background:transparent}body.cin-active .effect-choice-overlay,body.cin-active .ecm-overlay,body.cin-active .discards-modal-backdrop,body.cin-active .exile-modal-backdrop,body.cin-active .field-stack-modal-backdrop,body.cin-active .bug-report-backdrop,body.cin-active .phase-announcement-backdrop,body.cin-active .kbd-help-overlay,body.cin-active .game-over-overlay,body.cin-active .card-touch-preview-overlay{background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body.cin-active .ecm-overlay--clear,body.cin-active .ecm-overlay,body.cin-active .effect-choice-overlay{background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.58) 52%,rgba(0,0,0,.2) 74%,transparent 88%);-webkit-backdrop-filter:none;backdrop-filter:none}body.cin-active .effect-choice-modal,body.cin-active .ecm-modal,body.cin-active .discards-modal-content,body.cin-active .exile-modal-content,body.cin-active .field-stack-modal-content,body.cin-active .bug-report-modal,body.cin-active .phase-announcement-content,body.cin-active .game-over-content,body.cin-active .card-hover-tooltip{background:var(--color-surface-panel);border:1px solid var(--color-accent-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body.cin-active .effect-spotlight-card{box-shadow:0 0 40px rgba(var(--glow-accent-rgba),.45),0 12px 40px #0009}body.cin-active .effect-spotlight-clauses{border:1px solid var(--color-accent-soft)}body.cin-active .effect-spotlight-clause.is-trigger{background:linear-gradient(90deg,rgba(var(--glow-accent-rgba),.18),rgba(var(--glow-accent-rgba),.12));border-left:2px solid rgba(var(--glow-accent-rgba),.7)}body.cin-active .phase-wipe-band{box-shadow:0 0 30px rgba(var(--glow-accent-rgba),.35),inset 0 0 40px #00000080}.deck-builder-container{height:100vh;height:100dvh;background:linear-gradient(135deg,var(--color-brand-red) 0%,var(--color-brand-red-deep) 100%);display:flex;flex-direction:column;overflow:hidden}.deck-builder-header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background:#0000004d;border-bottom:2px solid rgba(255,255,255,.1);flex-shrink:0}.deck-builder-title{color:#fff;font-size:28px;font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.deck-builder-header-actions{display:flex;gap:15px;align-items:center}.view-mode-toggle{display:flex;gap:0;background:#ffffff1a;border-radius:8px;padding:4px}.mode-toggle-btn{padding:8px 16px;background:transparent;color:#ffffffb3;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.mode-toggle-btn:hover{color:#fff;background:#ffffff1a}.mode-toggle-btn.active{background:#fff;color:var(--color-brand-red)}.deck-builder-back-btn{padding:10px 20px;background:#fff3;color:#fff;border:2px solid white;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.deck-builder-back-btn:hover{background:#fff;color:var(--color-brand-red);transform:translateY(-2px)}.deck-builder-filters{display:flex;gap:12px;align-items:flex-end;padding:12px 20px;background:#fffffff2;border-bottom:2px solid rgba(0,0,0,.1);flex-shrink:0}.filter-group{flex:1;min-width:0}.filter-group label{display:block;margin-bottom:6px;font-weight:600;color:#333;font-size:13px}.filter-input,.filter-select{width:100%;padding:8px 10px;border:2px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease;background:#fff}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--color-brand-red)}.filter-clear-btn{padding:8px 20px;background:#f3f4f6;color:#666;border:2px solid #ddd;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.filter-clear-btn:hover{background:#e5e7eb;border-color:#999}.deck-builder-content{position:relative;flex:1;display:grid;grid-template-columns:1fr 300px 300px;gap:15px;padding:15px;overflow:hidden;min-height:0}.layout-mode .deck-builder-content{grid-template-columns:1fr 1fr 300px;gap:15px}.layout-mode .deck-builder-cards,.layout-mode .deck-builder-deck{min-height:0;margin:0}.layout-mode .cards-header h2{font-size:16px}.layout-mode .card-grid,.layout-mode .deck-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:9px}.layout-mode .card-number{font-size:7px;padding:2px 4px}.layout-mode .card-emoji{font-size:16px}.layout-mode .card-info{padding:4px}.layout-mode .card-name{font-size:8px;margin-bottom:3px}.layout-mode .card-tag,.layout-mode .type-badge{font-size:6px;padding:1px 3px}.layout-mode .card-level{font-size:6px}.layout-mode .deck-quantity-badge{font-size:8px;padding:2px 5px;border-radius:8px;bottom:2px;right:2px}.deck-builder-cards{background:#fffffff2;border-radius:12px;padding:15px;overflow:hidden;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;min-height:0}.cards-header{margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--color-brand-red);flex-shrink:0}.cards-header h2{margin:0;font-size:20px;color:var(--color-brand-red)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;overflow-y:auto;flex:1;align-content:start;padding-right:8px}.card-item{cursor:pointer;transition:transform .2s ease}.card-item,.deck-card-item,.deck-card-grid-item{-webkit-user-select:none;-ms-user-select:none;user-select:none}.deck-builder-container img{-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.card-item:hover{transform:translateY(-4px)}.card-placeholder{background:#fff;border:2px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.card-item:hover .card-placeholder{border-color:var(--color-brand-red);box-shadow:0 4px 8px #dc26264d}.card-number{background:var(--color-brand-red);color:#fff;padding:3px 6px;font-size:9px;font-weight:600;text-align:center}.card-image-placeholder{aspect-ratio:2/3;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center;min-height:0}.card-emoji{font-size:32px;opacity:.5}.card-info{padding:8px}.card-name{font-size:12px;font-weight:600;color:#333;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-details{display:flex;flex-direction:column;gap:4px}.card-tag{display:inline-block;padding:2px 4px;font-size:9px;border-radius:3px;font-weight:600;background:#f3f4f6;color:#666}.type-badge{background:#3b82f6;color:#fff}.type-badge.type-power{background:var(--color-brand-red)}.type-badge.type-speed{background:#eab308}.type-badge.type-armed{background:#6b7280}.type-badge.type-invasion{background:#7c3aed}.type-badge.type-devastation{background:var(--color-brand-red-deep)}.type-badge.type-hazard{background:#ea580c}.type-badge.type-meteo{background:#0891b2}.card-level{font-size:9px;color:#666;font-weight:600}.deck-builder-deck{background:#fffffff2;border-radius:12px;padding:15px;display:flex;flex-direction:column;box-shadow:0 4px 6px #0000001a;min-height:0;position:relative}.deck-builder-preview-panel{background:#fffffff2;border-radius:12px;padding:15px;box-shadow:0 4px 6px #0000001a;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.preview-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#666;text-align:center;padding:40px 20px}.preview-placeholder p{font-size:14px;margin:0}.deck-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px;padding-bottom:10px;border-bottom:2px solid var(--color-brand-red);flex-shrink:0}.deck-header h2{margin:0 0 6px;font-size:20px;color:var(--color-brand-red)}.deck-header-actions{display:flex;gap:6px}.deck-count{font-size:14px;font-weight:600;color:#666}.layout-mode .deck-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px}.layout-mode .deck-header>div:first-child{display:flex;flex-direction:column;gap:4px}.layout-mode .deck-header h2{margin:0;font-size:16px}.layout-mode .deck-count{font-size:12px;margin:0}.layout-mode .deck-actions{flex-direction:row;gap:6px;margin:0}.layout-mode .deck-save-btn,.layout-mode .deck-clear-btn{padding:6px 12px;font-size:12px}.deck-list{flex:1;overflow-y:auto;margin-bottom:15px;min-height:0}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;overflow-y:auto;flex:1;align-content:start;padding-right:8px;margin-bottom:15px}.deck-card-grid-item,.deck-card-grid-item .card-placeholder{position:relative}.deck-card-grid-item:hover .card-placeholder{border-color:var(--color-brand-red);box-shadow:0 4px 8px #dc26264d}.deck-quantity-badge{position:absolute;bottom:4px;right:4px;background:var(--color-brand-red);color:#fff;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:700;z-index:10;box-shadow:0 2px 4px #0003}.deck-empty{text-align:center;padding:30px 15px;color:#999}.deck-empty p{margin:10px 0}.deck-empty-hint{font-size:14px;color:#bbb}.deck-card-item{display:flex;justify-content:space-between;align-items:center;padding:2px 5px;margin-bottom:2px;background:#fff;border:2px solid #e5e7eb;border-radius:6px;transition:all .2s ease}.deck-card-item:hover{border-color:var(--color-brand-red);background:#fef2f2}.deck-card-thumb{width:40px;height:56px;flex-shrink:0;margin-right:10px;border-radius:4px;overflow:hidden;background:#f3f4f6}.deck-card-thumb img{width:100%;height:100%;object-fit:cover}.deck-card-info{flex:1;min-width:0}.deck-card-name{font-size:14px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px}.deck-card-number{display:inline-block;font-size:11px;font-weight:700;color:var(--color-brand-red);margin-left:8px;padding:2px 6px;background:#fef2f2;border-radius:4px}.deck-card-description{font-size:11px;color:#999;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-card-controls{display:flex;align-items:center;gap:12px}.deck-card-quantity{font-size:14px;font-weight:600;color:#666;min-width:24px;text-align:right}.deck-card-remove{width:24px;height:24px;background:#fee2e2;color:var(--color-brand-red);border:1px solid var(--color-brand-red);border-radius:4px;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.deck-card-remove:hover{background:var(--color-brand-red);color:#fff}.deck-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.deck-save-btn,.deck-clear-btn{padding:10px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.deck-save-btn{background:#16a34a;color:#fff}.deck-save-btn:hover:not(:disabled){background:#15803d;transform:translateY(-2px);box-shadow:0 4px 8px #16a34a4d}.deck-save-btn:disabled{background:#d1d5db;cursor:not-allowed}.deck-clear-btn{background:#ef4444;color:#fff}.deck-clear-btn:hover:not(:disabled){background:var(--color-brand-red);transform:translateY(-2px);box-shadow:0 4px 8px #ef44444d}.deck-clear-btn:disabled{background:#d1d5db;cursor:not-allowed}.deck-import-btn,.deck-export-btn{padding:10px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.deck-import-btn{background:#3b82f6;color:#fff}.deck-import-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.deck-export-btn{background:#16a34a;color:#fff}.deck-export-btn:hover:not(:disabled){background:#15803d;transform:translateY(-2px);box-shadow:0 4px 8px #16a34a4d}.deck-export-btn:disabled{background:#d1d5db;cursor:not-allowed}.layout-mode .deck-import-btn,.layout-mode .deck-export-btn{padding:6px 12px;font-size:12px}.export-menu-wrapper{position:relative;display:inline-flex}.export-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:160px;background:#fff;border-radius:8px;box-shadow:0 8px 24px #00000040;z-index:60;overflow:hidden;display:flex;flex-direction:column;animation:slideIn .15s ease}.export-menu.drop-up{top:auto;bottom:calc(100% + 6px)}.export-menu-item{padding:12px 16px;border:none;background:transparent;color:#1f2937;text-align:left;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease}.export-menu-item:hover{background:#16a34a26}.mobile-action-bar .export-menu-wrapper{flex:1}.mobile-action-bar .export-menu-wrapper .mobile-action-btn{width:100%}.import-modal-panel .import-hint{color:#9ca3af;font-size:13px;margin-bottom:12px}.import-textarea{width:100%;min-height:200px;background:#1a1a2e;color:#e5e7eb;border:1px solid #374151;border-radius:8px;padding:12px;font-family:monospace;font-size:13px;resize:vertical;box-sizing:border-box}.import-textarea:focus{outline:none;border-color:#8b5cf6}.card-preview-header{background:var(--color-brand-red);padding:6px 12px}.card-preview-number{color:#fff;font-size:12px;font-weight:600;text-align:center}.card-preview-image{aspect-ratio:2/3;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center}.card-preview-emoji{font-size:64px;opacity:.5}.card-preview-info{padding:12px;background:#fafafa}.card-preview-name{font-size:16px;font-weight:700;color:#333;margin-bottom:10px;text-align:center}.card-preview-details{display:flex;flex-direction:column;gap:6px}.card-preview-details .card-tag,.card-preview-details .type-badge{padding:4px 8px;font-size:11px;text-align:center}.card-preview-meta{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb;font-size:12px;color:#666}.deck-builder-cards::-webkit-scrollbar,.deck-list::-webkit-scrollbar,.deck-grid::-webkit-scrollbar{width:8px}.deck-builder-cards::-webkit-scrollbar-track,.deck-list::-webkit-scrollbar-track,.deck-grid::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.deck-builder-cards::-webkit-scrollbar-thumb,.deck-list::-webkit-scrollbar-thumb,.deck-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.deck-builder-cards::-webkit-scrollbar-thumb:hover,.deck-list::-webkit-scrollbar-thumb:hover,.deck-grid::-webkit-scrollbar-thumb:hover{background:#9ca3af}.save-modal-overlay,.load-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}.save-modal-panel,.load-modal-panel{background:#fff;border-radius:12px;padding:30px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.save-modal-panel h2,.load-modal-panel h2{margin:0 0 20px;color:var(--color-brand-red);font-size:24px;font-weight:700}.load-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.load-modal-header h2{margin:0}.close-btn{background:none;border:none;font-size:32px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.close-btn:hover{color:var(--color-brand-red)}.save-mode-selector{margin-bottom:20px;padding:15px;background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:10px}.save-mode-selector label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#333}.save-mode-selector input[type=radio]{cursor:pointer}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.form-group input{width:100%;padding:10px 12px;border:2px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:var(--color-brand-red)}.modal-buttons{display:flex;gap:12px;margin-top:20px}.btn-primary,.btn-secondary{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:#16a34a;color:#fff}.btn-primary:hover:not(:disabled){background:#15803d;transform:translateY(-2px);box-shadow:0 4px 8px #16a34a4d}.btn-primary:disabled{background:#d1d5db;cursor:not-allowed}.btn-secondary{background:#f3f4f6;color:#666;border:2px solid #ddd}.btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#999}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.loading{text-align:center;padding:40px 20px;color:#666;font-size:16px}.empty-state{text-align:center;padding:40px 20px;color:#999}.empty-state p{margin:10px 0}.empty-state .hint{font-size:14px;color:#bbb}.deck-list{display:flex;flex-direction:column;gap:1px;margin-top:0;max-height:400px;overflow-y:auto}.deck-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f9fafb;border-radius:8px;border:2px solid transparent;transition:all .2s ease}.deck-item:hover{border-color:var(--color-brand-red);background:#fff;box-shadow:0 2px 8px #dc26261a}.deck-info{flex:1;min-width:0}.deck-name{font-size:16px;font-weight:600;color:#333;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-meta{display:flex;gap:12px;font-size:13px;color:#666}.load-modal-preset-section{margin-bottom:16px}.load-modal-section-label{font-size:13px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.deck-item.preset{background:#fef3c7;border:2px solid #f59e0b}.deck-item.preset:hover{border-color:var(--color-accent-deep);background:#fef9c3;box-shadow:0 2px 8px #f59e0b33}.deck-item .preset-badge{display:inline-block;background:#f59e0b;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:8px;text-transform:uppercase;vertical-align:middle}.preset-description{color:#92400e;font-style:italic}.deck-actions-modal{display:flex;gap:8px;flex-shrink:0}.action-btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.load-btn{background:#3b82f6;color:#fff}.load-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 2px 6px #3b82f64d}.duplicate-btn{background:#f59e0b;color:#fff}.duplicate-btn:hover{background:var(--color-accent-deep);transform:translateY(-2px);box-shadow:0 2px 6px #f59e0b4d}.delete-btn{background:#ef4444;color:#fff}.delete-btn:hover{background:var(--color-brand-red);transform:translateY(-2px);box-shadow:0 2px 6px #ef44444d}.error-message{margin:15px 0;padding:12px;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:var(--color-brand-red);font-size:14px}.unsaved-indicator{color:#f59e0b;margin-left:6px;font-size:18px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.deck-load-btn{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.deck-load-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.layout-mode .deck-load-btn{padding:6px 12px;font-size:12px}.deck-sort-btn{padding:10px 20px;background:#6b7280;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.deck-sort-btn:hover:not(:disabled){background:#4b5563;transform:translateY(-2px);box-shadow:0 4px 8px #6b72804d}.deck-sort-btn.active{background:#10b981}.deck-sort-btn.active:hover:not(:disabled){background:#059669;box-shadow:0 4px 8px #10b9814d}.deck-sort-btn:disabled{opacity:.5;cursor:not-allowed}.layout-mode .deck-sort-btn{padding:6px 12px;font-size:12px}.card-thumbnail,.card-layout-image{width:100%;height:auto;border-radius:4px}.card-preview-image-full{width:100%;height:auto;max-height:400px;object-fit:contain}.refresh-cards-btn{padding:8px 16px;background:#059669;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.refresh-cards-btn:hover:not(:disabled){background:#047857}.refresh-cards-btn:disabled{opacity:.6;cursor:not-allowed}.mobile-filter-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:#fff3;border:2px solid white;border-radius:8px;color:#fff;font-size:20px;cursor:pointer}.mobile-tabs{display:none;background:#0003;padding:8px;gap:8px}.mobile-tab-btn{flex:1;padding:12px 16px;background:transparent;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#ffffffb3;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.mobile-tab-btn.active{background:#fff;border-color:#fff;color:var(--color-brand-red)}.mobile-tab-btn .tab-count{background:#fff3;padding:2px 8px;border-radius:10px;margin-left:6px;font-size:12px}.mobile-tab-btn.active .tab-count{background:#dc26261a;color:var(--color-brand-red)}.mobile-action-bar{display:none;padding:12px 16px;background:#0000004d;gap:8px}.mobile-action-bar button{flex:1;padding:12px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.mobile-action-bar .load-btn{background:#3b82f6;color:#fff}.mobile-action-bar .save-btn{background:#16a34a;color:#fff}.mobile-action-bar .clear-btn{background:#ef4444;color:#fff}@media(max-width:768px){.deck-builder-header{padding:12px 16px;flex-wrap:wrap;gap:12px}.deck-builder-title{font-size:20px;flex:1}.deck-builder-header-actions{gap:8px}.mobile-filter-toggle{display:flex}.refresh-cards-btn{padding:8px 12px;font-size:12px}.view-mode-toggle,.deck-builder-filters{display:none}.mobile-tabs{display:flex}.deck-builder-content{grid-template-columns:1fr;padding:12px;gap:12px}.deck-builder-preview-panel{display:none}.deck-builder-cards{padding:12px;border-radius:8px}.deck-builder-container.show-deck .deck-builder-cards{display:none}.deck-builder-container.show-deck .deck-builder-deck{display:flex}.deck-builder-deck{display:none;padding:12px;border-radius:8px}.card-grid{grid-template-columns:repeat(3,1fr);gap:8px}.card-info{padding:6px}.card-name{font-size:10px;margin-bottom:4px}.card-tag,.type-badge{font-size:8px;padding:2px 4px}.card-level{font-size:8px}.card-number{font-size:8px;padding:2px 4px}.cards-header{margin-bottom:10px;padding-bottom:8px}.cards-header h2{font-size:16px}.mobile-action-bar{display:flex}.deck-actions{display:none}.deck-header{margin-bottom:10px;padding-bottom:8px}.deck-header h2{font-size:16px}.deck-grid{grid-template-columns:repeat(3,1fr);gap:8px}.save-modal-panel,.load-modal-panel{width:95%;padding:20px;max-height:90vh}.save-modal-panel h2,.load-modal-panel h2{font-size:20px}.deck-item{flex-direction:column;align-items:flex-start;gap:12px}.deck-actions-modal{width:100%}.deck-actions-modal .action-btn{flex:1;padding:10px}.deck-builder-back-btn{padding:8px 16px;font-size:13px}}@media(max-width:480px){.card-grid,.deck-grid{grid-template-columns:repeat(2,1fr)}.deck-builder-header{padding:10px 12px}.deck-builder-title{font-size:18px}.mobile-tabs{padding:6px}.mobile-tab,.mobile-tab-btn{padding:10px 12px;font-size:13px}}.mobile-tab{flex:1;padding:12px 16px;background:transparent;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#ffffffb3;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.mobile-tab.active{background:#fff;border-color:#fff;color:var(--color-brand-red)}.mobile-hidden{display:none!important}.mobile-action-btn{flex:1;padding:12px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease}.mobile-action-btn.load{background:#3b82f6;color:#fff}.mobile-action-btn.save{background:#16a34a;color:#fff}.mobile-action-btn.clear{background:#ef4444;color:#fff}.mobile-action-btn.import{background:#3b82f6;color:#fff}.mobile-action-btn.export{background:#16a34a;color:#fff}.mobile-action-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-filter-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000}.mobile-filter-drawer{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to bottom,#1e3a8a,#1e1b4b);border-radius:16px 16px 0 0;z-index:1001;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-filter-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-filter-header h3{margin:0;font-size:18px;color:#fff}.close-drawer-btn{width:32px;height:32px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-filter-content{padding:16px 20px;display:flex;flex-direction:column;gap:16px}.mobile-filter-group{display:flex;flex-direction:column;gap:6px}.mobile-filter-group label{font-size:12px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.mobile-filter-group input,.mobile-filter-group select{padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px}.mobile-filter-group input::placeholder{color:#ffffff80}.mobile-filter-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.mobile-filter-group select option{background:#1e3a8a;color:#fff}.mobile-filter-actions{display:flex;gap:12px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1)}.mobile-filter-clear{flex:1;padding:14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.mobile-filter-apply{flex:1;padding:14px;background:var(--color-brand-red);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.deck-builder-container.mobile-landscape .deck-builder-header{padding:8px 12px}.deck-builder-container.mobile-landscape .deck-builder-title{font-size:16px}.deck-builder-container.mobile-landscape .deck-builder-filters{display:none}.deck-builder-container.mobile-landscape .mobile-filter-toggle{display:flex}.deck-builder-container.mobile-landscape .mobile-tabs,.deck-builder-container.mobile-landscape .mobile-action-bar,.deck-builder-container.mobile-landscape .view-mode-toggle{display:none}.deck-builder-container.mobile-landscape .deck-builder-content{grid-template-columns:1fr 280px;padding:8px;gap:8px}.deck-builder-container.mobile-landscape .deck-builder-preview-panel{display:none}.deck-builder-container.mobile-landscape .deck-builder-cards{padding:8px}.deck-builder-container.mobile-landscape .cards-header h2{font-size:14px;margin-bottom:8px}.deck-builder-container.mobile-landscape .card-grid{grid-template-columns:repeat(4,1fr);gap:6px}.deck-builder-container.mobile-landscape .card-number{font-size:7px;padding:1px 3px}.deck-builder-container.mobile-landscape .deck-builder-deck{display:flex;padding:8px;width:240px;min-width:240px}.deck-builder-container.mobile-landscape .deck-header{margin-bottom:6px;padding-bottom:6px}.deck-builder-container.mobile-landscape .deck-header h2{font-size:14px}.deck-builder-container.mobile-landscape .deck-count{font-size:11px}.deck-builder-container.mobile-landscape .deck-list{display:none}.deck-builder-container.mobile-landscape .deck-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:4px}.deck-builder-container.mobile-landscape .deck-grid .card-item{min-height:auto}.deck-builder-container.mobile-landscape .deck-grid .card-placeholder{padding:0}.deck-builder-container.mobile-landscape .deck-grid .card-number{font-size:6px;padding:1px 2px}.deck-builder-container.mobile-landscape .deck-grid .deck-quantity-badge{font-size:10px;padding:1px 4px}.deck-builder-container.mobile-landscape .deck-card-item{padding:4px 6px;margin-bottom:4px}.deck-builder-container.mobile-landscape .deck-card-thumb{width:30px;height:42px;margin-right:8px}.deck-builder-container.mobile-landscape .deck-card-name{font-size:12px}.deck-builder-container.mobile-landscape .deck-card-number{font-size:9px;padding:1px 4px}.deck-builder-container.mobile-landscape .deck-card-description{font-size:10px}.deck-builder-container.mobile-landscape .deck-card-quantity{font-size:12px}.deck-builder-container.mobile-landscape .deck-card-remove{width:24px;height:24px;font-size:16px}.deck-builder-container.mobile-landscape .deck-actions{display:flex;padding:6px 0;gap:6px}.deck-builder-container.mobile-landscape .deck-actions button,.deck-builder-container.mobile-landscape .refresh-cards-btn,.deck-builder-container.mobile-landscape .deck-builder-back-btn{padding:6px 10px;font-size:11px}.deck-builder-container.mobile-portrait .mobile-tabs,.deck-builder-container.mobile-portrait .mobile-action-bar{display:flex}.deck-builder-container.mobile-portrait .view-mode-toggle,.deck-builder-container.mobile-portrait .deck-builder-filters,.deck-builder-container.mobile-portrait .deck-builder-preview-panel{display:none}.deck-mobile-preview-overlay{position:fixed;inset:0;background:#000000d9;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;animation:deckPreviewFadeIn .15s ease-out}@keyframes deckPreviewFadeIn{0%{opacity:0}to{opacity:1}}.deck-mobile-preview{display:flex;flex-direction:row;align-items:flex-start;gap:16px;max-width:90vw;max-height:90vh;position:relative}.deck-mobile-preview-close{position:absolute;top:-8px;right:-8px;background:#0009;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:32px;height:32px;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1}.deck-mobile-preview-image{flex-shrink:0}.deck-mobile-preview-image img{width:180px;height:auto;border-radius:12px;box-shadow:0 8px 32px #00000080}.deck-mobile-preview-info{display:flex;flex-direction:column;gap:8px;max-width:240px;max-height:80vh;overflow-y:auto}.deck-mobile-preview-name{font-size:16px;font-weight:700;color:#fff}.deck-mobile-preview-meta{display:flex;flex-wrap:wrap;gap:4px}.deck-mobile-preview-meta span{background:#ffffff1f;padding:2px 8px;border-radius:4px;font-size:11px;color:#ffffffd9}.deck-mobile-preview-effect{font-size:12px;color:#ffffffbf;line-height:1.5;border-top:1px solid rgba(255,255,255,.1);padding-top:8px}.deck-mobile-preview-actions{display:flex;gap:8px;margin-top:8px}.deck-mobile-preview-add{flex:1;padding:10px 16px;background:var(--color-brand-red);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;min-height:44px}.deck-mobile-preview-remove{flex:1;padding:10px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;min-height:44px}@media(max-width:480px){.deck-mobile-preview{flex-direction:column;align-items:center}.deck-mobile-preview-image img{width:140px}.deck-mobile-preview-info{max-width:100%}}@media(max-height:500px)and (orientation:landscape){.deck-mobile-preview-image img{width:140px}.deck-mobile-preview-info{max-width:200px}}.deck-selection-container{min-height:100vh;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;padding:20px;display:flex;flex-direction:column}.deck-selection-header{text-align:center;margin-bottom:30px;position:relative}.deck-selection-header h1{font-size:36px;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.room-code{font-size:20px;color:#fbbf24;font-weight:700;margin-bottom:20px}.back-btn{position:absolute;top:0;left:0;padding:10px 20px;background-color:#ffffff1a;border:2px solid white;color:#fff;border-radius:8px;cursor:pointer;font-size:16px;transition:all .3s ease}.back-btn:hover{background-color:#fff3;transform:scale(1.05)}.deck-selection-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;flex:1;margin-bottom:30px}.deck-selector-section{background-color:#ffffff1a;border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.deck-selector-section h2{font-size:24px;margin-bottom:20px;color:#fbbf24;text-align:center;border-bottom:2px solid rgba(255,255,255,.2);padding-bottom:10px}.deck-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding-right:10px}.deck-list::-webkit-scrollbar{width:8px}.deck-list::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.deck-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.deck-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.deck-item{background-color:#fff;color:#1f2937;border-radius:8px;padding:15px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;border:2px solid transparent}.deck-item:hover{transform:translate(5px);box-shadow:0 4px 8px #0003}.deck-item.selected{border-color:#fbbf24;background-color:#fffbeb}.deck-info{flex:1}.deck-name{font-size:18px;font-weight:700;margin-bottom:5px}.deck-count{font-size:14px;color:#6b7280}.select-deck-btn{padding:8px 20px;background-color:#dc2626;border:none;color:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s ease}.select-deck-btn:hover:not(:disabled){background-color:#991b1b;transform:scale(1.05)}.select-deck-btn:disabled{background-color:#fbbf24;cursor:default}.no-decks-message{text-align:center;padding:40px 20px;color:#fffc;font-size:16px}.preset-section{margin-bottom:8px}.preset-section-toggle{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fbbf24;padding:10px 14px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;text-align:left;transition:background .2s ease;display:flex;align-items:center;gap:8px}.preset-section-toggle:hover{background:#ffffff26}.preset-toggle-icon{font-size:10px}.preset-deck-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.deck-item.preset{background-color:#fef3c7;border:2px solid #f59e0b}.deck-item.preset:hover{box-shadow:0 4px 8px #f59e0b4d}.deck-item.preset.selected{border-color:#fbbf24;background-color:#fef9c3}.preset-badge{display:inline-block;background:#f59e0b;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:8px;text-transform:uppercase;vertical-align:middle}.opponent-deck-status{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:18px}.deck-selected{background-color:#22c55e33;border:2px solid #22c55e;padding:20px 30px;border-radius:8px;text-align:center}.deck-waiting{background-color:#fbbf2433;border:2px solid #fbbf24;padding:20px 30px;border-radius:8px;text-align:center}.deck-selection-footer{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0}.deck-selection-error{max-width:520px;padding:10px 16px;background:#dc26261f;border:1px solid rgba(220,38,38,.5);border-radius:6px;color:#fca5a5;font-size:14px;line-height:1.4;text-align:center}.start-game-btn{padding:15px 50px;background-color:#22c55e;border:none;color:#fff;border-radius:8px;cursor:pointer;font-size:20px;font-weight:700;transition:all .3s ease;box-shadow:0 4px 6px #0003}.start-game-btn:hover:not(:disabled){background-color:#16a34a;transform:translateY(-2px);box-shadow:0 6px 8px #0000004d}.start-game-btn:disabled{background-color:#6b7280;cursor:not-allowed;opacity:.6}.waiting-for-host{padding:15px 50px;background-color:#6366f133;border:2px solid #6366f1;color:#a5b4fc;border-radius:8px;font-size:18px;font-weight:500;text-align:center}.deck-selection-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:24px}@media(max-width:1024px){.deck-selection-content{grid-template-columns:1fr}}@media(max-width:768px){.deck-selection-container{padding:calc(16px + var(--sai-top, 0px)) 16px calc(16px + var(--sai-bottom, 0px))}.deck-selection-header h1{font-size:28px}.room-code{font-size:16px}.back-btn{position:static;margin-bottom:20px;width:100%;min-height:44px}.deck-selector-section{padding:15px}.deck-selector-section h2{font-size:20px}.select-deck-btn{min-height:44px;padding:10px 20px}.start-game-btn{padding:12px 40px;font-size:18px;min-height:44px}.deck-item{padding:12px}.preset-section-toggle{min-height:44px}}.play-vs-ai-container{min-height:100vh;background:transparent;color:var(--color-text);padding:20px;display:flex;flex-direction:column;align-items:center}.play-vs-ai-header{text-align:center;margin-bottom:30px;width:100%;max-width:900px;position:relative}.play-vs-ai-header h1{color:#fff;font-size:36px;font-weight:700;margin-bottom:8px;text-shadow:0 0 10px rgba(255,255,255,.5),0 0 18px rgba(var(--legal-glow-rgba),.55)}.play-vs-ai-subtitle{font-size:16px;color:#ffffffb3}.play-vs-ai-header .back-btn{position:absolute;top:0;left:0;padding:10px 20px;background:#0006;border:1px solid rgba(251,191,36,.4);color:var(--color-accent);border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.play-vs-ai-header .back-btn:hover:not(:disabled){background:#fbbf241f;transform:translateY(-1px);box-shadow:0 4px 12px #fbbf2440}.play-vs-ai-header .back-btn:disabled{opacity:.5;cursor:not-allowed}.play-vs-ai-decks{display:grid;grid-template-columns:1fr 1fr;gap:30px;width:100%;max-width:900px;margin-bottom:30px}@media(max-width:700px){.play-vs-ai-decks{grid-template-columns:1fr}}.starter-deck-card{background:var(--color-surface-panel);border:1px solid rgba(251,191,36,.4);border-radius:12px;padding:0;color:var(--color-text);text-align:left;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease;font-family:inherit;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 12px #0006}.starter-deck-card:hover:not(:disabled){transform:translateY(-3px);border-color:var(--color-accent);box-shadow:0 8px 24px #fbbf244d}.starter-deck-card.selected{border-color:var(--color-accent);background:var(--color-surface-selected);box-shadow:0 0 24px #fbbf248c}.starter-deck-card.opposing{border-color:#ffffff26;opacity:.7}.starter-deck-card:disabled{cursor:not-allowed}.starter-deck-img-wrap{width:100%;aspect-ratio:2.4 / 1;overflow:hidden;flex-shrink:0}.starter-deck-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.starter-deck-card:hover:not(:disabled) .starter-deck-img{transform:scale(1.05)}.starter-deck-info{padding:16px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}.starter-deck-name{color:var(--color-accent);font-size:22px;font-weight:700;text-shadow:0 0 8px rgba(251,191,36,.4)}.starter-deck-desc{font-size:14px;color:#ffffffa6;line-height:1.4}.starter-deck-meta{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:8px}.starter-deck-tag{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:.5px;text-transform:uppercase}.starter-deck-tag.tag-you{background:var(--color-accent);color:#1a1a1a;box-shadow:0 0 10px #fbbf2480}.starter-deck-tag.tag-ai{background:#0006;color:var(--color-accent-bright);border:1px solid rgba(251,191,36,.4)}.starter-deck-count{font-size:13px;color:#ffffff80;margin-left:auto}.play-vs-ai-footer{width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center;gap:12px}.start-vs-ai-btn{padding:16px 48px;font-size:20px;font-weight:700;background:transparent;color:var(--color-accent);border:2px solid var(--color-accent);border-radius:8px;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 0 10px #fbbf2440}.start-vs-ai-btn:hover:not(:disabled){background:#fbbf241f;transform:translateY(-2px);box-shadow:0 4px 22px #fbbf2473}.start-vs-ai-btn:disabled{opacity:.4;cursor:not-allowed}.play-vs-ai-error{background:#dc262626;border:1px solid rgba(220,38,38,.5);color:var(--color-danger-text);padding:12px 20px;border-radius:8px;font-size:14px;max-width:600px;text-align:center}.pva-status{color:#ffffffb3;font-size:16px;margin-top:40px}.pva-selectors{display:grid;grid-template-columns:1fr 1fr;gap:30px;width:100%;max-width:900px;margin-bottom:30px}@media(max-width:700px){.pva-selectors{grid-template-columns:1fr}}.pva-deck-column{display:flex;flex-direction:column;gap:12px}.pva-deck-column-title{color:var(--color-accent);font-size:18px;font-weight:700;text-align:center;text-shadow:0 0 8px rgba(251,191,36,.4)}.pva-deck-select{width:100%;padding:14px 18px;background:var(--color-surface-panel);border:1px solid rgba(251,191,36,.4);border-radius:10px;color:var(--color-accent-bright);font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;color-scheme:dark}.pva-deck-select option{background-color:#1a1a1a;color:var(--color-accent-bright)}.pva-deck-select:hover:not(:disabled),.pva-deck-select:focus{border-color:var(--color-accent);box-shadow:0 0 20px #fbbf2459;outline:none}.pva-deck-select:disabled{cursor:not-allowed;opacity:.6}.pva-deck-list{display:flex;flex-direction:column;gap:10px}.pva-deck-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:var(--color-surface-panel);border:1px solid rgba(251,191,36,.4);border-radius:10px;color:var(--color-text);font-family:inherit;cursor:pointer;text-align:left;transition:transform .15s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease}.pva-deck-row:hover:not(:disabled){transform:translateY(-2px);border-color:var(--color-accent);box-shadow:0 6px 18px #fbbf2447}.pva-deck-row.selected{border-color:var(--color-accent);background:var(--color-surface-selected);box-shadow:0 0 20px #fbbf2480}.pva-deck-row:disabled{cursor:not-allowed;opacity:.6}.pva-deck-row-name{font-size:16px;font-weight:600;color:var(--color-accent-bright)}.pva-deck-row-count{font-size:13px;color:#ffffff80;flex-shrink:0}.pva-retry-btn{margin-left:12px;padding:6px 14px;background:transparent;border:1px solid rgba(251,191,36,.5);color:var(--color-accent);border-radius:6px;cursor:pointer;font-size:13px;font-weight:600}.pva-empty{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:40px;text-align:center;max-width:480px}.pva-empty-title{color:var(--color-accent);font-size:22px;font-weight:700;text-shadow:0 0 8px rgba(251,191,36,.4)}.pva-empty-desc{font-size:15px;color:#ffffffa6;line-height:1.5;margin-bottom:8px}.pva-random-toggle{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 18px;padding:11px 16px;max-width:560px;border:1px solid rgba(251,191,36,.35);border-radius:10px;background:var(--color-surface-panel);color:#ffffffe6;font-size:14px;font-weight:600;cursor:pointer}.pva-random-toggle input{width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent-bright)}.pva-random-note{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 16px;border:1px dashed rgba(251,191,36,.4);border-radius:10px;background:var(--color-surface-panel);color:#ffffffc7;font-size:15px}.tutorial-modal-backdrop{position:fixed;top:00px;left:0;width:100%;height:100%;background:transparent;display:flex;align-items:flex-start;justify-content:flex-start;z-index:900;pointer-events:none;animation:fadeIn .3s ease;padding:20px 20px 20px 410px}.tutorial-modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000080;max-width:600px;width:auto;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease;pointer-events:auto;border:2px solid #dc2626}.tutorial-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#dc2626,#991b1b);border-radius:10px 10px 0 0}.tutorial-modal-header h2{margin:0;font-size:20px;font-weight:700;color:#fff}.tutorial-modal-close{background:none;border:none;font-size:32px;line-height:1;color:#fff;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;opacity:.8}.tutorial-modal-close:hover{background:#fff3;opacity:1}.tutorial-modal-body{padding:20px;overflow-y:auto;flex:1}.tutorial-modal-body p{margin:0;font-size:15px;line-height:1.6;color:#374151;white-space:pre-line}.tutorial-modal-footer{padding:12px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.tutorial-continue-btn{padding:10px 20px;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.tutorial-continue-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.tutorial-continue-btn:active{transform:translateY(0)}@media(max-width:768px){.tutorial-modal-backdrop{padding-left:16px;padding-right:16px;align-items:center;justify-content:center}.tutorial-modal-content{max-width:90vw}.tutorial-modal-close{width:44px;height:44px}.tutorial-continue-btn{min-height:44px;padding:12px 24px}}@media(max-height:500px)and (orientation:landscape){.tutorial-modal-backdrop{padding-left:16px;padding-top:8px;align-items:flex-start}.tutorial-modal-content{max-width:50vw;max-height:90vh}.tutorial-modal-body p{font-size:13px}}body:has(.phase-wipe-backdrop) .tutorial-modal-backdrop,body:has(.effect-spotlight-backdrop) .tutorial-modal-backdrop{display:none!important}.cardinfo-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:901;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cardinfo-modal-content{background:#1a1a2e;border-radius:16px;box-shadow:0 8px 48px #0009;max-width:1100px;width:95%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease;border:2px solid #dc2626;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.cardinfo-modal-header{padding:20px 24px;background:linear-gradient(135deg,#dc2626,#991b1b);text-align:center}.cardinfo-modal-header h2{margin:0;font-size:24px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px}.cardinfo-modal-body{padding:24px;overflow-y:auto;flex:1}.cardinfo-layout{display:flex;gap:32px;align-items:flex-start}.cardinfo-image-container{flex:0 0 auto;display:flex;justify-content:center;align-items:flex-start;position:sticky;top:0;align-self:flex-start}.cardinfo-image{max-width:400px;max-height:60vh;width:auto;height:auto;border-radius:12px;box-shadow:0 4px 20px #0006}.cardinfo-descriptions{flex:1;min-width:0}.cardinfo-list{display:flex;flex-direction:column;gap:12px}.cardinfo-field{display:flex;gap:12px;align-items:flex-start;background:#ffffff0d;padding:12px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.cardinfo-field:hover{background:#ffffff14;border-color:#dc262666}.cardinfo-field-number{flex:0 0 28px;height:28px;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;border-radius:50%}.cardinfo-field-content{flex:1;min-width:0}.cardinfo-field-name{font-weight:600;font-size:15px;color:#fbbf24;margin-bottom:4px}.cardinfo-field-description{font-size:13px;line-height:1.5;color:#fffc}.cardinfo-modal-footer{padding:16px 24px;background:#0000004d;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.1)}.cardinfo-pagination{display:flex;align-items:center;gap:8px;font-size:16px;color:#ffffff80}.cardinfo-pagination span.active{color:#fbbf24;font-weight:700}.cardinfo-pagination .pagination-separator{color:#ffffff4d}.cardinfo-buttons{display:flex;gap:12px}.cardinfo-back-btn{padding:12px 24px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.cardinfo-back-btn:hover{background:#ffffff26;border-color:#ffffff4d}.cardinfo-next-btn{padding:12px 28px;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.cardinfo-next-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-2px);box-shadow:0 4px 16px #dc262666}.cardinfo-next-btn:active{transform:translateY(0)}.cardinfo-welcome{max-width:600px}.cardinfo-welcome-content{text-align:center;padding:20px 40px}.cardinfo-welcome-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#dc2626,#991b1b);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#fff;box-shadow:0 4px 20px #dc262666}.cardinfo-welcome-content h3{font-size:22px;font-weight:700;color:#fbbf24;margin:0 0 20px}.cardinfo-welcome-content p{font-size:16px;line-height:1.7;color:#ffffffd9;margin:0 0 16px}.cardinfo-welcome-warning{background:#dc262626;border:1px solid rgba(220,38,38,.3);border-radius:8px;padding:16px;margin-top:24px!important;color:#fca5a5!important;font-weight:500}@media(max-width:900px){.cardinfo-layout{flex-direction:column;align-items:center}.cardinfo-image{max-width:300px;max-height:40vh}.cardinfo-descriptions{width:100%}}@media(max-width:768px){.cardinfo-modal-content{width:95vw;max-height:85vh}.cardinfo-modal-header h2{font-size:18px}.cardinfo-modal-body{padding:16px}.cardinfo-modal-footer{flex-direction:column;gap:12px;padding:12px 16px}.cardinfo-buttons{width:100%;justify-content:stretch}.cardinfo-back-btn,.cardinfo-next-btn{flex:1;min-height:44px;text-align:center}.cardinfo-image{max-width:200px;max-height:35vh}.cardinfo-welcome-content{padding:16px 20px}}.zone-tour-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:9400;pointer-events:none}.zone-highlight{position:fixed;border:3px solid #fbbf24;border-radius:8px;box-shadow:0 0 0 9999px #0009,0 0 30px #fbbf24cc;animation:zonePulse 1.5s infinite;pointer-events:none;z-index:9500}@keyframes zonePulse{0%,to{box-shadow:0 0 0 9999px #0009,0 0 20px #fbbf2499}50%{box-shadow:0 0 0 9999px #0009,0 0 40px #fbbf24}}.zone-info-modal{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#0f172afa;border:2px solid #fbbf24;border-radius:12px;padding:20px 24px;max-width:420px;min-width:320px;z-index:9600;color:#fff;box-shadow:0 8px 32px #00000080}.zone-info-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.zone-info-step{background:#fbbf2433;color:#fbbf24;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.zone-info-header h3{color:#fbbf24;margin:0;font-size:20px;font-weight:700}.zone-info-description{color:#ffffffe6;font-size:15px;line-height:1.5;margin:0 0 16px}.zone-info-interactions{background:#ffffff0d;border-radius:8px;padding:12px 16px;margin-bottom:16px}.zone-info-label{color:#fff9;font-size:12px;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:8px}.zone-info-interactions ul{margin:0;padding-left:18px}.zone-info-interactions li{color:#ffffffd9;font-size:14px;margin:6px 0;line-height:1.4}.zone-info-buttons{display:flex;gap:10px;justify-content:flex-end}.zone-info-back{padding:10px 20px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#ffffffb3;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.zone-info-back:hover{border-color:#ffffff80;color:#fff}.zone-info-next{padding:10px 24px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:6px;color:#1a1a1a;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.zone-info-next:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fbbf2466}@media(max-width:768px){.zone-info-modal{min-width:0;max-width:min(420px,90vw);bottom:calc(80px + var(--sai-bottom, 0px));padding:16px 18px}.zone-info-header h3{font-size:17px}.zone-info-description{font-size:14px}.zone-info-back,.zone-info-next{min-height:44px;padding:10px 20px}}@media(max-height:500px)and (orientation:landscape){.zone-info-modal{bottom:12px;max-width:360px;padding:12px 16px}.zone-info-header h3{font-size:16px}.zone-info-description{font-size:13px;margin-bottom:10px}.zone-info-interactions{padding:8px 12px;margin-bottom:10px}.zone-info-interactions li{font-size:12px}}.tutorial-wrapper{position:relative;width:100%;height:100vh;height:100dvh}.tutorial-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;height:100dvh;background:linear-gradient(135deg,#1a1a1a,#4a0000,#8b0000)}.tutorial-loading-content{text-align:center;color:#fff}.tutorial-loading-content h2{font-size:32px;font-weight:700;margin-bottom:16px;text-shadow:0 0 10px rgba(255,255,255,.5)}.tutorial-loading-content p{font-size:18px;opacity:.9;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.tutorial-hand-filter{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9000}.rotate-phone-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#dc2626,#991b1b);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.rotate-phone-content{text-align:center;color:#fff;max-width:300px}.rotate-phone-icon{position:relative;margin-bottom:30px;display:flex;flex-direction:column;align-items:center}.phone-outline{width:60px;height:100px;border:4px solid white;border-radius:10px;position:relative;background:#ffffff1a;animation:tiltPhone 2s ease-in-out infinite}.phone-screen{position:absolute;inset:8px 4px 16px;background:#ffffff4d;border-radius:4px}.phone-outline:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:20px;height:6px;background:#fff;border-radius:3px}@keyframes tiltPhone{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.rotate-arrows{display:flex;justify-content:center;gap:60px;margin-top:15px}.arrow{font-size:40px;color:#fff;animation:spinArrow 1.5s ease-in-out infinite}.arrow-left{animation-delay:0s}.arrow-right{animation-delay:.75s}@keyframes spinArrow{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.rotate-phone-title{font-size:24px;font-weight:700;margin:0 0 15px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.rotate-phone-message{font-size:16px;line-height:1.5;margin:0;opacity:.9}.cin-skin{position:relative;min-height:100vh;min-height:100dvh;color:var(--color-text)}.cin-skin-content{position:relative;z-index:1;min-height:100vh;min-height:100dvh}.cin-panel{background:var(--color-surface-panel);border:1px solid var(--color-accent-soft);border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000059}.cin-title{color:var(--color-text-strong);text-shadow:0 2px 12px rgba(0,0,0,.5),0 0 18px rgba(var(--glow-accent-rgba),.35)}.cin-input,.cin-field{background:#0000004d;border:1px solid var(--color-accent-soft);border-radius:var(--radius-md);color:var(--color-text-strong);padding:var(--space-3);font:inherit}.cin-input:focus,.cin-field:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--glow-accent-rgba),.25)}.cin-back{padding:var(--space-2) var(--space-4);background:#0006;border:1px solid var(--color-accent-soft);border-radius:var(--radius-md);color:var(--color-accent);font-size:14px;font-weight:600;cursor:pointer;transition:background var(--motion-base) var(--ease-out),transform var(--motion-base) var(--ease-spring)}.cin-back:hover:not(:disabled){background:rgba(var(--glow-accent-rgba),.14);transform:translateY(-1px)}.cin-brandbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.cin-brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:800;font-size:18px;letter-spacing:2px;color:var(--color-text-strong);text-shadow:0 2px 12px rgba(0,0,0,.55)}.cin-brand-dot{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,var(--color-brand-red) 0%,var(--color-accent) 90%);box-shadow:0 0 10px var(--color-brand-red)}.cin-brandbar-right{display:inline-flex;align-items:center;gap:var(--space-3)}.cin-textlink{border:none;background:transparent;color:var(--color-text-dim);font-size:12px;font-weight:600;cursor:pointer}.cin-textlink:hover{color:var(--color-accent)}.cin-footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3) 44px max(var(--space-4),env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-accent-soft);background:linear-gradient(180deg,transparent,rgba(0,0,0,.45));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cin-footer-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:100%}.cin-footer-disclaimer{flex:1 1 280px;min-width:0;margin:0;font-size:10.5px;line-height:1.45;text-align:center;color:var(--color-text-dim);opacity:.75}.cin-footer-policies{display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:100%}.cin-util-btn{border:1px solid var(--color-accent-soft);background:#0006;color:var(--color-text-dim);font-size:12px;font-weight:600;padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:color var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out)}.cin-util-btn:hover{color:var(--color-accent);border-color:var(--color-accent)}.cin-util-btn--discord{color:#c7d0ff;border-color:#5865f28c}.cin-util-btn--discord:hover{color:#fff;border-color:#5865f2;background:#5865f2}.cin-util-icon{font-size:15px;line-height:0;flex-shrink:0}.cin-legal-link{background:none;border:none;padding:0;font-size:11px;font-weight:600;color:var(--color-text-dim);cursor:pointer;transition:color var(--motion-base) var(--ease-out)}.cin-legal-link:hover{color:var(--color-accent);text-decoration:underline}.cin-legal-sep{color:var(--color-text-dim);opacity:.5;font-size:11px}.cin-footer-legal-btn{display:none;background:none;border:none;padding:0;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-dim);cursor:pointer;margin-left:auto}.cin-footer-legal-btn:hover{color:var(--color-accent)}@media(max-width:640px){.cin-footer{flex-wrap:nowrap;justify-content:space-between;gap:var(--space-2);padding-left:var(--space-5);padding-right:var(--space-5)}.cin-footer-tools{flex-wrap:nowrap;gap:6px}.cin-util-label{display:none}.cin-util-btn{padding:var(--space-2)}.cin-util-icon{font-size:17px}.cin-theme .theme-switcher-label,.cin-footer-disclaimer,.cin-footer-policies{display:none}.cin-footer-legal-btn{display:inline-block}}.cin-legal-sheet-backdrop{position:fixed;inset:0;z-index:10000;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-4);padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));background:#0009}.cin-legal-sheet{position:relative;width:100%;max-width:460px;padding:var(--space-4) var(--space-4) var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-panel);border:1px solid var(--color-accent-soft);box-shadow:0 12px 40px #00000080}.cin-legal-sheet-close{position:absolute;top:6px;right:10px;background:none;border:none;color:var(--color-text-dim);font-size:24px;line-height:1;cursor:pointer}.cin-legal-sheet-close:hover{color:var(--color-text)}.cin-legal-sheet-disclaimer{margin:0 0 var(--space-3);padding-right:var(--space-4);font-size:12px;line-height:1.5;color:var(--color-text-dim)}.cin-legal-sheet-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cin-legal-sheet-links .cin-legal-link{font-size:13px}.cin-deck{display:flex;gap:var(--space-3);align-items:center;align-self:flex-start;max-width:300px;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-panel);border:1px solid var(--color-accent-soft);cursor:pointer;text-align:left;transition:transform var(--motion-base) var(--ease-spring),border-color var(--motion-base) var(--ease-out)}.cin-deck:hover{transform:translateY(-2px);border-color:var(--color-accent)}.cin-deck-art{width:48px;height:64px;flex-shrink:0;border-radius:var(--radius-md);border:1px solid var(--color-accent-soft);background:radial-gradient(circle at 40% 30%,rgba(var(--glow-accent-rgba),.55) 0%,transparent 60%),linear-gradient(160deg,var(--color-accent-deep) 0%,var(--color-brand-red-deep) 70%,var(--color-surface) 120%)}.cin-deck-art.small{width:40px;height:54px}.cin-deck-art.has-art{background-color:var(--color-surface);background-repeat:no-repeat;background-size:cover;background-position:center}.cin-deck-info{display:flex;flex-direction:column;gap:2px;min-width:0}.cin-deck-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-accent)}.cin-deck-name{font-weight:700;color:var(--color-text-strong);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cin-deck-change{font-size:11px;font-weight:600;color:var(--color-accent-bright)}.cin-deck-current{margin-left:auto;font-size:10px;font-weight:700;color:var(--color-text-on-accent);background:var(--color-accent);border-radius:999px;padding:2px 8px}.cin-play{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);border:none;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-deep) 100%);color:var(--color-text-on-accent);cursor:pointer;box-shadow:0 0 24px rgba(var(--glow-accent-rgba),.5);transition:transform var(--motion-base) var(--ease-spring)}.cin-play:hover:not(:disabled){transform:translateY(-2px)}.cin-play:disabled{opacity:.7;cursor:default}.cin-play.gated{background:var(--color-surface-panel);color:var(--color-text-strong);border:1px solid var(--color-accent-soft);box-shadow:none}.cin-play-main{font-size:22px;font-weight:800;letter-spacing:1px}.cin-play-sub{font-size:11px;font-weight:600;opacity:.85}.cin-secondary{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.cin-btn{padding:var(--space-3);border:1px solid var(--color-accent-soft);border-radius:var(--radius-lg);background:#00000059;color:var(--color-text-strong);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--motion-base) var(--ease-out),transform var(--motion-base) var(--ease-spring)}.cin-btn:hover:not(:disabled){background:rgba(var(--glow-accent-rgba),.18)}.cin-btn:disabled{opacity:.5;cursor:default}.cin-btn-ghost{color:var(--color-info);border-color:var(--color-info)}.cin-btn-accent{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-deep) 100%);color:var(--color-text-on-accent);border:none}.cin-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:var(--space-5);background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cin-overlay-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-6) var(--space-5);border-radius:var(--radius-xl);background:var(--color-surface-panel);border:1px solid var(--color-accent-soft);min-width:min(360px,90vw);text-align:center}.cin-orb{width:84px;height:84px;border-radius:50%;background:radial-gradient(circle,var(--color-brand-red) 0%,rgba(var(--glow-accent-rgba),.6) 45%,transparent 72%);filter:blur(2px)}.cin-overlay-status{font-size:18px;font-weight:700;color:var(--color-text-strong)}.cin-overlay-timer{font-size:30px;font-weight:800;color:var(--color-accent);font-variant-numeric:tabular-nums}.cin-overlay-deck{display:flex;align-items:center;justify-content:center;gap:10px}.cin-overlay-sub{font-size:13px;color:var(--color-text-dim)}.cin-overlay-sub b{color:var(--color-accent-bright)}.cin-overlay-error{color:var(--color-danger-text);font-size:13px;max-width:320px}.cin-overlay-actions{display:flex;flex-direction:column;gap:var(--space-2);width:100%;margin-top:var(--space-2)}.cin-picker{display:flex;flex-direction:column;gap:var(--space-4);width:min(640px,94vw);max-height:88vh;overflow-y:auto;padding:var(--space-5);border-radius:var(--radius-xl);background:var(--color-surface-panel);border:1px solid var(--color-accent-soft)}.cin-picker-head{display:flex;align-items:center;justify-content:space-between}.cin-picker-head h2{margin:0;color:var(--color-text-strong);font-size:20px}.cin-picker-banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md, 10px);background:var(--color-accent-soft);border:1px solid var(--color-accent);color:var(--color-text-strong);font-size:14px;font-weight:600;text-align:center}.cin-picker-close{border:none;background:transparent;color:var(--color-text-dim);font-size:18px;cursor:pointer}.cin-picker-section{display:flex;flex-direction:column;gap:var(--space-3)}.cin-picker-section h3{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-accent)}.cin-picker-list{display:flex;flex-direction:column;gap:var(--space-2)}.cin-deck-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-accent-soft);border-radius:var(--radius-lg);background:#00000040;cursor:pointer;text-align:left;transition:border-color var(--motion-base) var(--ease-out)}.cin-deck-row:hover{border-color:var(--color-accent)}.cin-deck-row.active{border-color:var(--color-accent);box-shadow:0 0 12px rgba(var(--glow-accent-rgba),.35)}.cin-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.cin-precon{display:flex;flex-direction:column;gap:4px;padding:var(--space-2);border:1px solid var(--color-accent-soft);border-radius:var(--radius-lg);background:#00000040;cursor:pointer;text-align:left;transition:transform var(--motion-base) var(--ease-spring),border-color var(--motion-base) var(--ease-out)}.cin-precon:hover:not(:disabled){transform:translateY(-2px);border-color:var(--color-accent)}.cin-precon:disabled{opacity:.6;cursor:default}.cin-precon-art{width:100%;aspect-ratio:16 / 10;border-radius:var(--radius-md);background-size:cover;background-position:center;background-color:var(--color-surface-selected);background-image:radial-gradient(circle at 40% 30%,rgba(var(--glow-accent-rgba),.4) 0%,transparent 60%),linear-gradient(160deg,var(--color-accent-deep) 0%,var(--color-brand-red-deep) 90%)}.cin-precon-name{font-weight:700;color:var(--color-text-strong);font-size:13px}.cin-precon-desc{font-size:11px;color:var(--color-text-dim);line-height:1.35}.cin-precon-busy{font-size:11px;color:var(--color-accent);font-weight:700}.cin-picker-build{align-self:flex-start}.cin-pm{min-width:min(400px,92vw)}.cin-pm-head{display:flex;align-items:center;justify-content:space-between;width:100%}.cin-pm-head h2{margin:0;font-size:20px}.cin-pm-choice{display:grid;gap:var(--space-3);width:100%}.cin-pm-bigbtn{padding:var(--space-4);font-size:16px}.cin-code{font-size:34px;font-weight:800;letter-spacing:8px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:#00000059;border:1px solid var(--color-accent-soft);color:var(--color-accent);text-shadow:0 0 14px rgba(var(--glow-accent-rgba),.5)}.cin-code-hint{font-size:12px;color:var(--color-text-dim)}.cin-copy-btn{margin-top:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-accent-soft);border-radius:var(--radius-lg);background:#00000059;color:var(--color-accent);font-size:13px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:background var(--motion-base) var(--ease-out),color var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out),transform var(--motion-base) var(--ease-spring)}.cin-copy-btn:hover{background:rgba(var(--glow-accent-rgba),.18);transform:translateY(-1px)}.cin-copy-btn:active{transform:translateY(0)}.cin-copy-btn.is-copied{color:var(--color-success, #4ade80);border-color:var(--color-success, #4ade80);background:#4ade801f}.cin-pm-field{width:100%;text-align:center;text-transform:uppercase;letter-spacing:6px;font-size:24px;font-weight:700}.cin-skin .deck-builder-container{background:transparent}.cin-skin .deck-builder-header{background:#00000059;border-bottom:1px solid var(--color-accent-soft)}.cin-skin .view-mode-toggle{background:#0000004d}.cin-skin .mode-toggle-btn.active{background:var(--color-accent);color:var(--color-text-on-accent)}.cin-skin .deck-builder-back-btn,.cin-skin .mobile-filter-toggle{background:#0006;border:1px solid var(--color-accent-soft);color:var(--color-accent)}.cin-skin .deck-builder-back-btn:hover{background:rgba(var(--glow-accent-rgba),.14);color:var(--color-accent-bright)}.cin-skin .deck-builder-filters{background:var(--color-surface-panel);border-bottom:1px solid var(--color-accent-soft)}.cin-skin .filter-group label{color:var(--color-text-dim)}.cin-skin .filter-input,.cin-skin .filter-select{background:#0000004d;border:1px solid var(--color-accent-soft);color:var(--color-text-strong)}.cin-skin .filter-input:focus,.cin-skin .filter-select:focus{border-color:var(--color-accent)}.cin-skin .filter-select option{background:var(--color-surface);color:var(--color-text)}.cin-skin .filter-clear-btn{background:#0000004d;color:var(--color-text-dim);border:1px solid var(--color-accent-soft)}.cin-skin .filter-clear-btn:hover{background:rgba(var(--glow-accent-rgba),.14);color:var(--color-text-strong)}.cin-skin .deck-builder-cards,.cin-skin .deck-builder-deck,.cin-skin .deck-builder-preview-panel{background:var(--color-surface-panel);border:1px solid var(--color-accent-soft);box-shadow:0 8px 24px #00000059}.cin-skin .cards-header,.cin-skin .deck-header{border-bottom-color:var(--color-accent)}.cin-skin .cards-header h2,.cin-skin .deck-header h2{color:var(--color-accent)}.cin-skin .deck-count{color:var(--color-text-dim)}.cin-skin .preview-placeholder,.cin-skin .preview-placeholder p{color:var(--color-text-faint)}.cin-skin .card-placeholder{background:var(--color-surface-selected);border:1px solid var(--color-accent-soft)}.cin-skin .card-item:hover .card-placeholder,.cin-skin .deck-card-grid-item:hover .card-placeholder{border-color:var(--color-accent);box-shadow:0 4px 12px rgba(var(--glow-accent-rgba),.35)}.cin-skin .card-image-placeholder,.cin-skin .card-preview-image{background:linear-gradient(135deg,var(--color-surface) 0%,#000 140%)}.cin-skin .card-number,.cin-skin .card-preview-header{background:var(--color-accent-deep)}.cin-skin .card-name{color:var(--color-text-strong)}.cin-skin .card-level{color:var(--color-text-dim)}.cin-skin .card-tag{background:#ffffff14;color:var(--color-text-dim)}.cin-skin .deck-card-item{background:#00000040;border:1px solid var(--color-accent-soft)}.cin-skin .deck-card-item:hover{border-color:var(--color-accent);background:rgba(var(--glow-accent-rgba),.1)}.cin-skin .deck-card-thumb{background:#0000004d}.cin-skin .deck-card-name{color:var(--color-text-strong)}.cin-skin .deck-card-number{color:var(--color-accent);background:rgba(var(--glow-accent-rgba),.12)}.cin-skin .deck-card-description{color:var(--color-text-faint)}.cin-skin .deck-card-quantity{color:var(--color-text-dim)}.cin-skin .deck-quantity-badge{background:var(--color-accent);color:var(--color-text-on-accent)}.cin-skin .deck-empty,.cin-skin .deck-empty-hint{color:var(--color-text-faint)}.cin-skin .card-preview-info{background:#0000004d}.cin-skin .card-preview-name{color:var(--color-text-strong)}.cin-skin .card-preview-meta{color:var(--color-text-dim);border-top-color:var(--color-accent-soft)}.cin-skin .save-modal-panel,.cin-skin .load-modal-panel{background:var(--color-surface-panel);border:1px solid var(--color-accent-soft);color:var(--color-text)}.cin-skin .save-modal-panel h2,.cin-skin .load-modal-panel h2{color:var(--color-accent)}.cin-skin .close-btn{color:var(--color-text-dim)}.cin-skin .close-btn:hover{color:var(--color-accent)}.cin-skin .save-mode-selector{background:#00000040}.cin-skin .save-mode-selector label{color:var(--color-text)}.cin-skin .form-group label{color:var(--color-text-dim)}.cin-skin .form-group input{background:#0000004d;border:1px solid var(--color-accent-soft);color:var(--color-text-strong)}.cin-skin .form-group input:focus{border-color:var(--color-accent)}.cin-skin .btn-secondary{background:#0000004d;color:var(--color-text);border:1px solid var(--color-accent-soft)}.cin-skin .btn-secondary:hover:not(:disabled){background:rgba(var(--glow-accent-rgba),.14)}.cin-skin .deck-item{background:#00000040}.cin-skin .deck-item:hover{border-color:var(--color-accent);background:rgba(var(--glow-accent-rgba),.08)}.cin-skin .deck-name{color:var(--color-text-strong)}.cin-skin .deck-meta{color:var(--color-text-dim)}.cin-skin .empty-state,.cin-skin .empty-state .hint,.cin-skin .loading{color:var(--color-text-faint)}.cin-skin .load-modal-section-label{color:var(--color-text-dim)}.cin-skin .error-message{background:rgba(var(--color-danger-rgba),.15);border:1px solid rgba(var(--color-danger-rgba),.5);color:var(--color-danger-text)}.cin-skin .deck-item.preset{background:#f59e0b1f;border-color:#f59e0b80}.cin-skin .deck-item.preset:hover{background:#f59e0b2e}.cin-skin .preset-description{color:var(--color-accent-bright)}.cin-skin .deck-builder-cards::-webkit-scrollbar-track,.cin-skin .deck-list::-webkit-scrollbar-track,.cin-skin .deck-grid::-webkit-scrollbar-track{background:#00000040}.cin-skin .deck-builder-cards::-webkit-scrollbar-thumb,.cin-skin .deck-list::-webkit-scrollbar-thumb,.cin-skin .deck-grid::-webkit-scrollbar-thumb{background:var(--color-accent-soft)}.cin-skin .mobile-tab,.cin-skin .mobile-tab-btn{border-color:var(--color-accent-soft);color:var(--color-text-dim)}.cin-skin .mobile-tab.active,.cin-skin .mobile-tab-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-accent)}.cin-skin .login-container{background:transparent;align-items:center;justify-content:center}.cin-skin .login-panel{width:min(420px,92vw);min-width:0;height:auto;background:var(--color-surface-panel);border:1px solid var(--color-accent-soft);border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000080;padding:var(--space-6)}.cin-skin .background-area{display:none}.cin-skin .title{color:var(--color-text-strong);text-shadow:0 0 12px rgba(var(--glow-accent-rgba),.4),0 2px 6px rgba(0,0,0,.4)}.cin-skin .login-button{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-deep) 100%);color:var(--color-text-on-accent);box-shadow:0 0 18px rgba(var(--glow-accent-rgba),.35)}.cin-skin .login-button:hover{background:linear-gradient(135deg,var(--color-accent-bright) 0%,var(--color-accent) 100%);box-shadow:0 4px 22px rgba(var(--glow-accent-rgba),.5)}.cin-skin .toggle-mode-button{color:var(--color-accent-bright)}.cin-skin .privacy-link{color:var(--color-text-faint)}.cin-skin .privacy-link:hover{color:var(--color-accent)}.cin-skin .error-message.success{background:#22c55e2e;border-color:#22c55e80;color:#86efac}.cin-skin .play-vs-ai-container{background:transparent}.cin-skin .play-vs-ai-header h1{text-shadow:0 0 10px rgba(255,255,255,.5),0 0 18px rgba(var(--glow-accent-rgba),.55)}.cin-skin .play-vs-ai-header .back-btn,.cin-skin .pva-retry-btn{background:#0006;border-color:var(--color-accent-soft);color:var(--color-accent)}.cin-skin .play-vs-ai-header .back-btn:hover:not(:disabled){background:rgba(var(--glow-accent-rgba),.14);box-shadow:0 4px 12px rgba(var(--glow-accent-rgba),.25)}.cin-skin .pva-deck-column-title,.cin-skin .pva-empty-title,.cin-skin .starter-deck-name{text-shadow:0 0 8px rgba(var(--glow-accent-rgba),.4)}.cin-skin .pva-deck-row,.cin-skin .starter-deck-card{border-color:var(--color-accent-soft)}.cin-skin .pva-deck-row:hover:not(:disabled),.cin-skin .starter-deck-card:hover:not(:disabled){border-color:var(--color-accent);box-shadow:0 6px 18px rgba(var(--glow-accent-rgba),.28)}.cin-skin .pva-deck-row.selected,.cin-skin .starter-deck-card.selected{border-color:var(--color-accent);box-shadow:0 0 20px rgba(var(--glow-accent-rgba),.5)}.cin-skin .start-vs-ai-btn{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-deep) 100%);color:var(--color-text-on-accent);border:none;box-shadow:0 0 18px rgba(var(--glow-accent-rgba),.4)}.cin-skin .start-vs-ai-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-bright) 0%,var(--color-accent) 100%);box-shadow:0 4px 24px rgba(var(--glow-accent-rgba),.55)}.cin-skin .start-vs-ai-btn:disabled{background:var(--color-surface-panel);color:var(--color-text-dim)}:root{--color-accent: #fbbf24;--color-accent-bright: #fde68a;--color-accent-deep: #d97706;--color-accent-soft: rgba(251, 191, 36, .4);--glow-accent-rgba: 251, 191, 36;--color-brand-red: #dc2626;--color-brand-red-deep: #991b1b;--color-info: #3b82f6;--color-info-deep: #1d4ed8;--color-info-bright: #60a5fa;--color-info-rgba: 59, 130, 246;--color-feedback: #a78bfa;--color-feedback-rgba: 167, 139, 250;--color-support: #7c3aed;--color-support-deep: #6d28d9;--color-bg: #0a0a0f;--color-surface: #1a1a1a;--color-surface-panel: linear-gradient(135deg, #1a1a1a 0%, #2a0000 100%);--color-surface-selected: linear-gradient(135deg, #2a1f00 0%, #3d2400 100%);--color-text: #e5e5e5;--color-text-strong: #ffffff;--color-text-on-accent: #1a1a1a;--color-text-dim: rgba(255, 255, 255, .65);--color-text-faint: rgba(255, 255, 255, .5);--color-danger-rgba: 220, 38, 38;--color-danger-text: #fca5a5;--board-field-1: #1a1a1a;--board-field-2: #4a0000;--board-field-3: #8b0000;--board-container-bg: #1a1a1a;--slot-bg: rgba(139, 0, 0, .1);--slot-border: rgba(139, 0, 0, .5);--slot-hover-bg: rgba(139, 0, 0, .2);--slot-hover-border: rgba(220, 38, 38, .7);--slot-occupied-border: rgba(251, 191, 36, .6);--starfield-1: rgba(255, 255, 255, .85);--starfield-2: rgba(159, 220, 255, .55);--turn-opp: #94a3b8;--turn-opp-rgba: 148, 163, 184;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 30px;--motion-fast: .15s;--motion-base: .2s;--motion-slow: .3s;--ease-out: ease;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--accent: var(--color-accent);--text-primary: var(--color-text);--font-display: "Rajdhani", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--heading-weight: 700;--heading-tracking: .5px}:root{--card-w: 90px;--card-h: 126px;--card-half-h: 63px;--sidebar-w: clamp(240px, 22vw, 320px);--sidebar-outer: calc(var(--sidebar-w) + 20px);--sai-top: env(safe-area-inset-top, 0px);--sai-right: env(safe-area-inset-right, 0px);--sai-bottom: env(safe-area-inset-bottom, 0px);--sai-left: env(safe-area-inset-left, 0px)}@media(min-width:1921px){:root{--card-w: 110px;--card-h: 154px;--card-half-h: 77px}}@media(max-width:1440px){:root{--card-w: 80px;--card-h: 112px;--card-half-h: 56px}}@media(max-width:1280px){:root{--card-w: 72px;--card-h: 100px;--card-half-h: 50px}}*{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}#root{width:100%;height:100vh;height:100dvh;padding:var(--sai-top) var(--sai-right) var(--sai-bottom) var(--sai-left)}@media(pointer:coarse){html,body{overscroll-behavior:none}}@media(pointer:coarse){button,[role=button],a,select,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}img{-webkit-touch-callout:none;-webkit-user-drag:none}button,a,[role=button],select,label,summary{touch-action:manipulation}@media(pointer:coarse){body{-webkit-user-select:none;-moz-user-select:none;user-select:none}input,textarea,[contenteditable=true],[contenteditable=""]{-webkit-user-select:text;user-select:text}}.guest-toast{position:fixed;left:50%;bottom:calc(24px + var(--sai-bottom, 0px));transform:translate(-50%);z-index:10000;display:flex;align-items:center;gap:14px;max-width:min(92vw,420px);padding:12px 16px;background:#14141bf5;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:12px;box-shadow:0 8px 28px #00000073;font-size:14px;animation:guest-toast-in .2s ease-out}@keyframes guest-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.guest-toast{animation:none}}.guest-toast-btn{flex:none;padding:8px 16px;min-height:40px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s ease}.guest-toast-btn:hover{background:#b91c1c}.edge-fade-x{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-start, 0px),#000 calc(100% - var(--fade-end, 0px)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-start, 0px),#000 calc(100% - var(--fade-end, 0px)),transparent 100%)}.edge-fade-y{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fade-start, 0px),#000 calc(100% - var(--fade-end, 0px)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fade-start, 0px),#000 calc(100% - var(--fade-end, 0px)),transparent 100%)}:root{--anim-instant: .1s;--anim-fast: .15s;--anim-normal: .25s;--anim-slow: .4s;--anim-dramatic: .6s;--ease-snap: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-decel: cubic-bezier(0, 0, .2, 1);--ease-accel: cubic-bezier(.4, 0, 1, 1);--anim-gold: #fbbf24;--anim-blue: #3b82f6;--anim-green: #10b981;--anim-red: #dc2626;--legal-glow-rgba: 251, 191, 36}@keyframes anim-fade-in{0%{opacity:0}to{opacity:1}}@keyframes anim-fade-out{0%{opacity:1}to{opacity:0}}@keyframes anim-scale-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes anim-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}@keyframes anim-legal-pulse{0%,to{box-shadow:0 0 6px 2px #3b82f666}50%{box-shadow:0 0 14px 4px #3b82f6b3}}@keyframes anim-pass-idle-pulse{0%,to{box-shadow:0 0 0 1px rgba(var(--legal-glow-rgba),.35),0 0 6px 1px rgba(var(--legal-glow-rgba),.25)}50%{box-shadow:0 0 0 2px rgba(var(--legal-glow-rgba),.7),0 0 18px 4px rgba(var(--legal-glow-rgba),.55)}}@keyframes anim-card-flip{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@keyframes anim-card-flip-reverse{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes anim-shine-sweep{0%{left:-50%;opacity:0}30%{opacity:.6}to{left:150%;opacity:0}}@keyframes anim-chevron-rise{0%{opacity:0;transform:translateY(4px)}30%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes anim-buff-glow{0%,to{box-shadow:0 0 4px 1px #93c5fd4d,0 0 10px 3px #60a5fa26,inset 0 0 8px 2px #93c5fd0d}50%{box-shadow:0 0 8px 3px #93c5fd99,0 0 20px 6px #60a5fa4d,0 0 35px 10px #dbeafe1a,inset 0 0 12px 3px #93c5fd1a}}@keyframes anim-chevron-sink{0%{opacity:0;transform:translateY(-4px)}30%{opacity:1}to{opacity:0;transform:translateY(10px)}}@keyframes anim-debuff-glow{0%,to{box-shadow:0 0 4px 1px #c084fc4d,0 0 10px 3px #a855f726,inset 0 0 8px 2px #c084fc0d}50%{box-shadow:0 0 8px 3px #c084fc99,0 0 20px 6px #a855f74d,0 0 35px 10px #8b5cf61a,inset 0 0 12px 3px #c084fc1a}}@keyframes anim-ground-ripple{0%{transform:scale(.3);opacity:.8;border-width:3px}60%{opacity:.4;border-width:2px}to{transform:scale(2.5);opacity:0;border-width:1px}}@keyframes anim-ground-ripple-delayed{0%,15%{transform:scale(.3);opacity:0}25%{opacity:.6}to{transform:scale(2.8);opacity:0;border-width:1px}}@keyframes anim-target-confirm{0%{box-shadow:0 0 #fbbf24cc;border-color:#fbbf24}40%{box-shadow:0 0 20px 10px #fbbf2499,0 0 40px 20px #fbbf2433}to{box-shadow:0 0 0 0 transparent;border-color:#fbbf2473}}@keyframes anim-target-shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes anim-bp-float{0%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(-40px)}}@keyframes anim-draw-card{0%{opacity:0;transform:translate(var(--draw-dx, 0px),var(--draw-dy, 0px)) scale(.5)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes anim-enter-field{0%{opacity:.8;transform:scale(1.12);box-shadow:0 0 20px 6px #fbbf2480}to{opacity:1;transform:scale(1);box-shadow:none}}@keyframes anim-discard-out{0%{opacity:1;transform:translate(0) scale(1) rotate(0)}to{opacity:0;transform:translate(60px) scale(.7) rotate(8deg)}}@keyframes anim-loser-shake{0%,to{transform:translate(0)}15%{transform:translate(-4px)}30%{transform:translate(4px)}45%{transform:translate(-3px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}90%{transform:translate(1px)}}@keyframes anim-winner-pulse{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes anim-banner-enter{0%{opacity:0;transform:scale(1.4)}60%{opacity:1;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes anim-banner-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes anim-phase-wipe-top{0%{transform:translate(-110vw,-110vh) rotate(-8deg);opacity:0}35%{transform:translate(-10vw,-10vh) rotate(-8deg);opacity:1}70%{transform:translate(-10vw,-10vh) rotate(-8deg);opacity:1}to{transform:translate(110vw,-110vh) rotate(-8deg);opacity:0}}@keyframes anim-phase-wipe-bottom{0%{transform:translate(110vw,110vh) rotate(-8deg);opacity:0}35%{transform:translate(10vw,10vh) rotate(-8deg);opacity:1}70%{transform:translate(10vw,10vh) rotate(-8deg);opacity:1}to{transform:translate(-110vw,110vh) rotate(-8deg);opacity:0}}@keyframes anim-phase-wipe-text{0%{opacity:0;transform:translate(-50%,-50%) scale(1.4);text-shadow:none;letter-spacing:12px}35%{opacity:1;transform:translate(-50%,-50%) scale(1);letter-spacing:4px;text-shadow:0 0 4px rgba(255,255,255,.9),0 0 18px rgba(255,255,255,.55),0 0 30px currentColor}70%{opacity:1;transform:translate(-50%,-50%) scale(1);letter-spacing:4px;text-shadow:0 0 2px rgba(255,255,255,.75),0 0 20px currentColor}to{opacity:0;transform:translate(-50%,-50%) scale(.94)}}@keyframes anim-judgment-spark{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}55%{opacity:.9;transform:translate(-50%,-50%) scale(1.35)}75%{opacity:.6;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1.75)}}@keyframes anim-judgment-lunge-up{0%{transform:translateY(0)}22%{transform:translateY(-28px)}62%{transform:translateY(-24px)}to{transform:translateY(0)}}@keyframes anim-judgment-lunge-down{0%{transform:translateY(0)}22%{transform:translateY(28px)}62%{transform:translateY(24px)}to{transform:translateY(0)}}@keyframes anim-spotlight-fade-in{0%{opacity:0}to{opacity:1}}@keyframes anim-spotlight-fade-out{0%{opacity:1}to{opacity:0}}@keyframes anim-spotlight-clause-pulse{0%,to{box-shadow:0 0 4px 1px #93c5fd66}50%{box-shadow:0 0 10px 3px #93c5fdcc}}.spc-brackets,.spc-sysline,.spc-eyebrow,.spc-streaks{display:none}:root[data-ucg-style=specium] .spc-panel{--spc-chamfer: 14px;position:relative;border-radius:0;border:1px solid var(--sssp-hair);background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.014) 3px 4px),var(--color-surface-panel);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--spc-chamfer)),calc(100% - var(--spc-chamfer)) 100%,0 100%)}:root[data-ucg-style=specium] .spc-chamfer{--spc-chamfer: 12px;border-radius:0;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--spc-chamfer)),calc(100% - var(--spc-chamfer)) 100%,0 100%)}:root[data-ucg-style=specium] .spc-brackets{display:block;position:absolute;inset:8px;pointer-events:none;z-index:3;--b: var(--sssp-amber);--spc-bracket: 18px;opacity:.8;background:linear-gradient(var(--b),var(--b)) 0 0 / var(--spc-bracket) 2px no-repeat,linear-gradient(var(--b),var(--b)) 0 0 / 2px var(--spc-bracket) no-repeat,linear-gradient(var(--b),var(--b)) 100% 0 / var(--spc-bracket) 2px no-repeat,linear-gradient(var(--b),var(--b)) 100% 0 / 2px var(--spc-bracket) no-repeat,linear-gradient(var(--b),var(--b)) 0 100% / var(--spc-bracket) 2px no-repeat,linear-gradient(var(--b),var(--b)) 0 100% / 2px var(--spc-bracket) no-repeat,linear-gradient(var(--b),var(--b)) 100% 100% / var(--spc-bracket) 2px no-repeat,linear-gradient(var(--b),var(--b)) 100% 100% / 2px var(--spc-bracket) no-repeat}:root[data-ucg-style=specium] .spc-sysline{display:flex;align-items:center;gap:10px;font-family:var(--sssp-mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--sssp-amber);opacity:.82;white-space:nowrap}:root[data-ucg-style=specium] .spc-sysline-ticks{display:flex;gap:4px;align-items:center;flex:1}:root[data-ucg-style=specium] .spc-sysline-ticks i{display:block;width:2px;height:9px;background:var(--sssp-amber);opacity:.5}:root[data-ucg-style=specium] .spc-sysline-ticks i:nth-child(3n){height:14px;opacity:.9}:root[data-ucg-style=specium] .spc-sysline-link{color:#5fff9a;flex-shrink:0}:root[data-ucg-style=specium] .spc-eyebrow{display:inline-block;transform:skew(-10deg);background:var(--sssp-red);color:#fff;font-family:var(--sssp-body);font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:5px 14px 4px}:root[data-ucg-style=specium] .spc-label{font-family:var(--sssp-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--sssp-amber)}:root[data-ucg-style=specium] .spc-title{font-family:var(--sssp-display);font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.01em;color:#fff;text-shadow:3px 3px 0 var(--sssp-red)}:root[data-ucg-style=specium] .spc-btn{--bar: var(--sssp-silver);position:relative;display:inline-flex;align-items:center;gap:12px;border:none;border-radius:0;padding-left:calc(var(--sssp-slant) + 18px);padding-right:20px;background:#ffffff0d;color:var(--color-text-strong);font-family:var(--sssp-body);font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:left;cursor:pointer;animation:none;clip-path:polygon(var(--sssp-slant) 0,100% 0,calc(100% - var(--sssp-slant)) 100%,0 100%);transition:transform var(--motion-fast) var(--ease-out),filter var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}:root[data-ucg-style=specium] .spc-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--sssp-slant) + 5px);background:var(--bar);clip-path:polygon(var(--sssp-slant) 0,calc(var(--sssp-slant) + 5px) 0,5px 100%,0 100%)}:root[data-ucg-style=specium] .spc-btn:hover:not(:disabled){transform:translate(4px);filter:brightness(1.12)}:root[data-ucg-style=specium] .spc-btn:not([data-accent]):hover:not(:disabled){background:#ffffff17}:root[data-ucg-style=specium] .spc-btn:disabled{opacity:.45;cursor:not-allowed}:root[data-ucg-style=specium] .spc-btn[data-status]:after{content:attr(data-status);margin-left:auto;font-family:var(--sssp-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--sssp-amber);opacity:.8}:root[data-ucg-style=specium] .spc-btn[data-accent=red]{background:linear-gradient(100deg,var(--sssp-red),var(--color-brand-red-deep));color:#fff;--bar: #fff;font-weight:800}:root[data-ucg-style=specium] .spc-btn[data-accent=blue]{background:linear-gradient(100deg,var(--sssp-blue),var(--color-info-deep));color:#fff;--bar: var(--color-info-bright);font-weight:800}:root[data-ucg-style=specium] .spc-btn[data-accent=red]:hover:not(:disabled){background:linear-gradient(100deg,var(--sssp-red),var(--color-brand-red-deep))}:root[data-ucg-style=specium] .spc-btn[data-accent=blue]:hover:not(:disabled){background:linear-gradient(100deg,var(--sssp-blue),var(--color-info-deep))}:root[data-ucg-style=specium] .spc-btn[data-accent=ghost]{background:transparent;color:var(--sssp-amber);--bar: var(--sssp-amber)}:root[data-ucg-style=specium] .spc-btn[data-accent=ghost]:hover:not(:disabled){background:#ffb24c1a}:root[data-ucg-style=specium] .spc-btn[data-accent]:not([data-accent=ghost]):after{color:#fff;opacity:.9}:root[data-ucg-style=specium]{--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-xl: 0px;--sssp-amber: var(--color-accent);--sssp-red: var(--color-brand-red);--sssp-blue: var(--color-info);--sssp-silver: #d6dae2;--sssp-hair: rgba(255, 180, 80, .28);--sssp-mono: "Space Mono", monospace;--sssp-display: "Saira Semi Condensed", "Barlow Condensed", sans-serif;--sssp-body: "Barlow Condensed", system-ui, sans-serif;--sssp-slant: 14px}:root[data-ucg-style=specium] .menu-panel{background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.014) 3px 4px),var(--color-surface-panel);animation:none;box-shadow:2px 0 20px #00000080;border-right:1px solid var(--sssp-hair);overflow:hidden}:root[data-ucg-style=specium] .menu-panel:before{content:"";position:absolute;inset:8px;pointer-events:none;z-index:3;--b: var(--sssp-amber);background:linear-gradient(var(--b),var(--b)) 0 0/20px 2px no-repeat,linear-gradient(var(--b),var(--b)) 0 0/2px 20px no-repeat,linear-gradient(var(--b),var(--b)) 100% 0/20px 2px no-repeat,linear-gradient(var(--b),var(--b)) 100% 0/2px 20px no-repeat,linear-gradient(var(--b),var(--b)) 0 100%/20px 2px no-repeat,linear-gradient(var(--b),var(--b)) 0 100%/2px 20px no-repeat,linear-gradient(var(--b),var(--b)) 100% 100%/20px 2px no-repeat,linear-gradient(var(--b),var(--b)) 100% 100%/2px 20px no-repeat;opacity:.8}:root[data-ucg-style=specium] .menu-sysline{display:flex;align-items:center;gap:10px;position:relative;z-index:4;margin:4px 4px 18px;font-family:var(--sssp-mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--sssp-amber);opacity:.82;white-space:nowrap}:root[data-ucg-style=specium] .menu-sysline-ticks{display:flex;gap:4px;align-items:center;flex:1}:root[data-ucg-style=specium] .menu-sysline-ticks i{display:block;width:2px;height:9px;background:var(--sssp-amber);opacity:.5}:root[data-ucg-style=specium] .menu-sysline-ticks i:nth-child(3n){height:14px;opacity:.9}:root[data-ucg-style=specium] .menu-sysline-link{color:#5fff9a}:root[data-ucg-style=specium] .menu-eyebrow{display:inline-block;align-self:flex-start;transform:skew(-10deg);background:var(--sssp-red);color:#fff;font-family:var(--sssp-body);font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:5px 14px 4px;margin-bottom:2px}:root[data-ucg-style=specium] .menu-eyebrow{position:relative;z-index:4}:root[data-ucg-style=specium] .menu-title{font-family:var(--sssp-display);font-weight:800;font-style:italic;font-size:clamp(34px,4vw,52px);line-height:.85;text-transform:uppercase;letter-spacing:.01em;text-align:left;color:#fff;text-shadow:3px 3px 0 var(--sssp-red);animation:none;margin-top:6px}:root[data-ucg-style=specium] .welcome-text{font-family:var(--sssp-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;text-align:left;color:var(--sssp-amber);opacity:.75;position:relative;padding-top:12px}:root[data-ucg-style=specium] .welcome-text:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--sssp-amber) 40%,transparent)}:root[data-ucg-style=specium] .menu-button{--bar: var(--sssp-silver);position:relative;display:flex;align-items:center;gap:12px;font-family:var(--sssp-body);font-weight:700;font-size:clamp(16px,1.5vw,20px);letter-spacing:.04em;text-transform:uppercase;text-align:left;border:none;border-radius:0;padding-left:calc(var(--sssp-slant) + 18px);color:var(--color-text-strong);animation:none;background-color:#ffffff0d;background-image:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.4) 50%,transparent 60%);background-repeat:no-repeat;background-size:220% 100%;background-position:150% 0;clip-path:polygon(var(--sssp-slant) 0,100% 0,calc(100% - var(--sssp-slant)) 100%,0 100%);transition:transform var(--motion-fast) var(--ease-out),filter var(--motion-fast) var(--ease-out)}:root[data-ucg-style=specium] .menu-button:hover{transform:translate(4px);filter:brightness(1.12);box-shadow:none;animation:spc-menu-shine .55s var(--ease-out)}@keyframes spc-menu-shine{0%{background-position:150% 0}to{background-position:-55% 0}}@keyframes spc-menu-shine2{0%{background-position:150% 0,0 0}to{background-position:-55% 0,0 0}}:root[data-ucg-style=specium] .menu-button:before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--sssp-slant) + 5px);background:var(--bar);clip-path:polygon(var(--sssp-slant) 0,calc(var(--sssp-slant) + 5px) 0,5px 100%,0 100%)}:root[data-ucg-style=specium] .menu-button[data-status]:after{content:attr(data-status);margin-left:auto;font-family:var(--sssp-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--sssp-amber);opacity:.8}:root[data-ucg-style=specium] .menu-button[data-accent=red]{background-color:transparent;background-image:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.4) 50%,transparent 60%),linear-gradient(100deg,var(--sssp-red),var(--color-brand-red-deep));background-repeat:no-repeat;background-size:220% 100%,auto;background-position:150% 0,0 0;color:#fff;--bar: #fff;font-weight:800}:root[data-ucg-style=specium] .menu-button[data-accent=blue]{background-color:transparent;background-image:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.4) 50%,transparent 60%),linear-gradient(100deg,var(--sssp-blue),var(--color-info-deep));background-repeat:no-repeat;background-size:220% 100%,auto;background-position:150% 0,0 0;color:#fff;--bar: var(--color-info-bright);font-weight:800}:root[data-ucg-style=specium] .menu-button[data-accent=red]:hover,:root[data-ucg-style=specium] .menu-button[data-accent=blue]:hover{animation:spc-menu-shine2 .55s var(--ease-out)}:root[data-ucg-style=specium] .menu-button[data-accent]:after{color:#fff;opacity:.9}:root[data-ucg-style=specium] .menu-footer-chips{display:flex;gap:8px;margin-top:6px}:root[data-ucg-style=specium] .menu-button.small{flex:1;justify-content:center;gap:0;padding:9px 8px;font-family:var(--sssp-mono);font-size:10px;font-weight:700;letter-spacing:.12em;border:none;border-top:1px solid var(--sssp-hair);color:var(--color-text-dim);background:#ffffff0b;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}:root[data-ucg-style=specium] .menu-button.small:before,:root[data-ucg-style=specium] .menu-button.small:after{content:none}:root[data-ucg-style=specium] .menu-button.small:hover{color:var(--sssp-amber);background:#ffb24c1a}:root[data-ucg-style=specium] .menu-container>canvas{opacity:.3!important}:root[data-ucg-style=specium] .menu-background-area{background:radial-gradient(55% 45% at 68% 28%,rgba(0,163,255,.22),transparent 62%),radial-gradient(50% 42% at 38% 72%,rgba(230,0,35,.18),transparent 60%),radial-gradient(38% 40% at 86% 82%,rgba(255,178,76,.1),transparent 60%)}:root[data-ucg-style=specium] .menu-streaks{display:block;position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}:root[data-ucg-style=specium] .menu-streaks span{position:absolute;top:-30%;height:160%;transform:skew(-18deg)}:root[data-ucg-style=specium] .menu-streaks span:nth-child(1){left:-8%;width:46px;background:linear-gradient(180deg,transparent,rgba(0,163,255,.22),transparent)}:root[data-ucg-style=specium] .menu-streaks span:nth-child(2){left:30%;width:12px;background:linear-gradient(180deg,transparent,rgba(230,0,35,.5),transparent)}:root[data-ucg-style=specium] .menu-streaks span:nth-child(3){right:-4%;width:120px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.05),transparent)}:root[data-ucg-style=specium] .menu-sysline,:root[data-ucg-style=specium] .menu-eyebrow,:root[data-ucg-style=specium] .menu-title,:root[data-ucg-style=specium] .welcome-text,:root[data-ucg-style=specium] .menu-buttons{position:relative;z-index:2}:root[data-ucg-style=specium] .menu-privacy-link{font-family:var(--sssp-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--color-text-faint)}:root[data-ucg-style=specium] .home-frame{background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.014) 3px 4px),var(--color-surface-panel);border:1px solid var(--sssp-hair);border-radius:0;font-family:var(--sssp-body)}:root[data-ucg-style=specium] .home-splash{background:linear-gradient(115deg,transparent 40%,rgba(230,0,35,.28) 60%,transparent 75%),linear-gradient(160deg,rgba(0,163,255,.18),transparent 55%),#0b0e16}:root[data-ucg-style=specium] .home-timer{background:radial-gradient(circle,var(--sssp-amber),transparent 70%)}:root[data-ucg-style=specium] .home-brand{font-family:var(--sssp-display);font-weight:800;font-style:italic;letter-spacing:.04em;text-transform:uppercase;color:#fff;text-shadow:2px 2px 0 var(--sssp-red)}:root[data-ucg-style=specium] .home-brand-dot{background:var(--sssp-amber);border-radius:0}:root[data-ucg-style=specium] .home-deck{background:#ffffff0d;border:1px solid var(--sssp-hair);border-radius:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}:root[data-ucg-style=specium] .home-deck-art{border-radius:0}:root[data-ucg-style=specium] .home-deck-label{font-family:var(--sssp-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--sssp-amber)}:root[data-ucg-style=specium] .home-deck-name{font-family:var(--sssp-display);font-weight:800;font-style:italic;text-transform:uppercase}:root[data-ucg-style=specium] .home-deck-change{font-family:var(--sssp-mono);font-size:10px;letter-spacing:.1em;color:var(--sssp-blue)}:root[data-ucg-style=specium] .home-play{background:linear-gradient(100deg,var(--sssp-red),var(--color-brand-red-deep));border:none;border-left:5px solid #fff;border-radius:0;clip-path:polygon(var(--sssp-slant) 0,100% 0,calc(100% - var(--sssp-slant)) 100%,0 100%)}:root[data-ucg-style=specium] .home-play-main{font-family:var(--sssp-display);font-weight:800;font-style:italic;letter-spacing:.04em;text-transform:uppercase;color:#fff}:root[data-ucg-style=specium] .home-btn{background:#ffffff0d;border:none;border-left:4px solid var(--sssp-silver);border-radius:0;font-family:var(--sssp-body);font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-strong);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}:root[data-ucg-style=specium] .home-btn.ghost{background:transparent;border-left-color:var(--sssp-amber);color:var(--sssp-amber)}:root[data-ucg-style=specium] .cin-screen,:root[data-ucg-style=specium] .cin-skin,:root[data-ucg-style=specium] .cin-overlay{font-family:var(--sssp-body)}:root[data-ucg-style=specium] .cin-splash{opacity:1;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.014) 3px 4px),linear-gradient(115deg,transparent 44%,rgba(230,0,35,.3) 58%,transparent 72%),radial-gradient(60% 55% at 72% 26%,rgba(0,163,255,.26),transparent 60%),radial-gradient(50% 50% at 34% 80%,rgba(230,0,35,.18),transparent 60%),radial-gradient(40% 45% at 88% 84%,rgba(255,178,76,.1),transparent 60%),linear-gradient(140deg,#0a0c13,#0c0f18 55%,#160b10)}:root[data-ucg-style=specium] .cin-timer{background:radial-gradient(circle,rgba(255,178,76,.5) 0%,rgba(230,0,35,.28) 42%,transparent 70%)}:root[data-ucg-style=specium] .cin-hud{display:block;position:absolute;inset:0;z-index:3;pointer-events:none}:root[data-ucg-style=specium] .cin-hud-c{position:absolute;width:22px;height:22px;border:2px solid var(--sssp-amber);opacity:.75}:root[data-ucg-style=specium] .cin-hud-c.tl{top:12px;left:12px;border-right:0;border-bottom:0}:root[data-ucg-style=specium] .cin-hud-c.tr{top:12px;right:12px;border-left:0;border-bottom:0}:root[data-ucg-style=specium] .cin-hud-c.bl{bottom:12px;left:12px;border-right:0;border-top:0}:root[data-ucg-style=specium] .cin-hud-c.br{bottom:12px;right:12px;border-left:0;border-top:0}:root[data-ucg-style=specium] .cin-sysline{position:absolute;top:16px;left:46px;right:46px;display:flex;align-items:center;gap:12px;font-family:var(--sssp-mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--sssp-amber);opacity:.8;white-space:nowrap}:root[data-ucg-style=specium] .cin-sysline-link{margin-left:auto;color:#5fff9a;white-space:nowrap}@media(max-width:600px){:root[data-ucg-style=specium] .cin-sysline{gap:8px;font-size:9px;letter-spacing:.1em}:root[data-ucg-style=specium] .cin-sysline>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}}:root[data-ucg-style=specium] .cin-brand{font-family:var(--sssp-display);font-weight:800;font-style:italic;font-size:30px;letter-spacing:.03em;text-transform:uppercase;text-shadow:2px 2px 0 var(--sssp-red)}:root[data-ucg-style=specium] .cin-brand-dot{border-radius:0;background:var(--sssp-amber);box-shadow:none;width:10px;height:10px}:root[data-ucg-style=specium] .cin-textlink{font-family:var(--sssp-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase}:root[data-ucg-style=specium] .cin-util-btn{font-family:var(--sssp-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;border:none;border-top:1px solid var(--sssp-hair);background:#ffffff0d;color:var(--color-text-dim);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}:root[data-ucg-style=specium] .cin-util-btn:hover{color:var(--sssp-amber);background:#ffb24c1a}:root[data-ucg-style=specium] .cin-theme .theme-switcher-label{font-family:var(--sssp-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--sssp-amber)}:root[data-ucg-style=specium] .cin-theme .theme-switcher-select{font-family:var(--sssp-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;border-radius:0;border:1px solid var(--sssp-hair);background:#ffffff0d;color:var(--color-text-dim)}:root[data-ucg-style=specium] .cin-deck{max-width:340px;background:#ffffff0d;border:1px solid var(--sssp-hair);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}:root[data-ucg-style=specium] .cin-deck:hover{border-color:var(--sssp-amber)}:root[data-ucg-style=specium] .cin-deck-art{border-radius:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}:root[data-ucg-style=specium] .cin-deck-label{font-family:var(--sssp-mono);letter-spacing:.16em;color:var(--sssp-amber)}:root[data-ucg-style=specium] .cin-deck-name{font-family:var(--sssp-display);font-style:italic;text-transform:uppercase;font-size:18px}:root[data-ucg-style=specium] .cin-deck-change{font-family:var(--sssp-mono);letter-spacing:.1em;color:var(--sssp-blue)}:root[data-ucg-style=specium] .cin-play{position:relative;align-items:flex-start;text-align:left;padding:18px 26px 18px calc(var(--sssp-slant) + 22px);background-color:transparent;background-image:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.4) 50%,transparent 60%),linear-gradient(100deg,var(--sssp-red),var(--color-brand-red-deep));background-repeat:no-repeat;background-size:220% 100%,auto;background-position:150% 0,0 0;color:#fff;box-shadow:none;clip-path:polygon(var(--sssp-slant) 0,100% 0,calc(100% - var(--sssp-slant)) 100%,0 100%)}:root[data-ucg-style=specium] .cin-play:hover:not(:disabled){animation:spc-menu-shine2 .55s var(--ease-out)}:root[data-ucg-style=specium] .cin-play:before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--sssp-slant) + 6px);background:#fff;clip-path:polygon(var(--sssp-slant) 0,calc(var(--sssp-slant) + 6px) 0,6px 100%,0 100%)}:root[data-ucg-style=specium] .cin-play-main{font-family:var(--sssp-display);font-style:italic;font-size:34px;letter-spacing:.03em}:root[data-ucg-style=specium] .cin-play-sub{font-family:var(--sssp-mono);letter-spacing:.16em;text-transform:uppercase}:root[data-ucg-style=specium] .cin-play.gated{background:#ffffff0d;color:var(--color-text-strong)}:root[data-ucg-style=specium] .cin-play.gated:before{background:var(--sssp-amber)}:root[data-ucg-style=specium] .cin-btn{--bar: var(--sssp-silver);position:relative;display:flex;align-items:center;text-align:left;text-transform:uppercase;letter-spacing:.03em;font-weight:700;font-family:var(--sssp-body);font-size:15px;border:none;color:var(--color-text-strong);background-color:#ffffff0d;background-image:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.4) 50%,transparent 60%);background-repeat:no-repeat;background-size:220% 100%;background-position:150% 0;padding-left:calc(var(--sssp-slant) + 16px);clip-path:polygon(var(--sssp-slant) 0,100% 0,calc(100% - var(--sssp-slant)) 100%,0 100%)}:root[data-ucg-style=specium] .cin-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--sssp-slant) + 5px);background:var(--bar);clip-path:polygon(var(--sssp-slant) 0,calc(var(--sssp-slant) + 5px) 0,5px 100%,0 100%)}:root[data-ucg-style=specium] .cin-btn:hover:not(:disabled){animation:spc-menu-shine .55s var(--ease-out);background-color:#ffffff17;background-image:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.4) 50%,transparent 60%)}:root[data-ucg-style=specium] .cin-btn[data-accent=blue]{background-color:transparent;background-image:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.4) 50%,transparent 60%),linear-gradient(100deg,var(--sssp-blue),var(--color-info-deep));background-size:220% 100%,auto;background-position:150% 0,0 0;color:#fff;--bar: var(--color-info-bright)}:root[data-ucg-style=specium] .cin-btn[data-accent=blue]:hover:not(:disabled){animation:spc-menu-shine2 .55s var(--ease-out);background-color:transparent;background-image:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.4) 50%,transparent 60%),linear-gradient(100deg,var(--sssp-blue),var(--color-info-deep))}:root[data-ucg-style=specium] .cin-btn-ghost{background-color:transparent;color:var(--sssp-amber);--bar: var(--sssp-amber)}:root[data-ucg-style=specium] .cin-btn-ghost:hover:not(:disabled){background-color:#ffb24c1a}:root[data-ucg-style=specium] .cin-btn[data-status]:after{content:attr(data-status);margin-left:auto;font-family:var(--sssp-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--sssp-amber);opacity:.8}:root[data-ucg-style=specium] .cin-btn[data-accent]:after{color:#fff;opacity:.9}:root[data-ucg-style=specium] .cin-overlay-card,:root[data-ucg-style=specium] .cin-picker,:root[data-ucg-style=specium] .cin-pm{border:1px solid var(--sssp-amber);clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%)}:root[data-ucg-style=specium] .cin-overlay-timer,:root[data-ucg-style=specium] .cin-code{font-family:var(--sssp-display);font-style:italic;color:var(--sssp-amber);text-shadow:none}:root[data-ucg-style=specium] .cin-orb{border-radius:0;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}:root[data-ucg-style=specium] .cin-deck-row,:root[data-ucg-style=specium] .cin-precon{clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}:root[data-ucg-style=specium] .cin-board .game-screen-sidebar,:root[data-ucg-style=specium] .cin-board .engine-action-panel,:root[data-ucg-style=specium] .cin-board .battle-log{border:1px solid var(--sssp-hair);border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-ucg-style=specium] .cin-board .character-slot{border-radius:0;border-width:1px;border-color:#ffffff1f;background:#ffffff05}:root[data-ucg-style=specium] .cin-board .opponent-battle .character-slot{border-color:#e6002366;background:linear-gradient(160deg,rgba(230,0,35,.12),transparent 62%)}:root[data-ucg-style=specium] .cin-board .player-battle .character-slot{border-color:#00a3ff66;background:linear-gradient(160deg,rgba(0,163,255,.12),transparent 62%)}:root[data-ucg-style=specium] .cin-board .character-slot.legal-target,:root[data-ucg-style=specium] .cin-board .character-slot.selected,:root[data-ucg-style=specium] .cin-board .character-slot.engine-target,:root[data-ucg-style=specium] .cin-board .character-slot.engine-target-confirm{border-color:var(--sssp-amber);box-shadow:inset 0 0 0 1px var(--sssp-amber),0 0 16px #ffb24c4d}:root[data-ucg-style=specium] .cin-board .character-slot.legal-target:after,:root[data-ucg-style=specium] .cin-board .character-slot.selected:after,:root[data-ucg-style=specium] .cin-board .character-slot.engine-target:after{content:"";position:absolute;inset:3px;pointer-events:none;--b: var(--sssp-amber);background:linear-gradient(var(--b),var(--b)) 0 0/12px 2px no-repeat,linear-gradient(var(--b),var(--b)) 0 0/2px 12px no-repeat,linear-gradient(var(--b),var(--b)) 100% 100%/12px 2px no-repeat,linear-gradient(var(--b),var(--b)) 100% 100%/2px 12px no-repeat}:root[data-ucg-style=specium] .cin-board .scene-area,:root[data-ucg-style=specium] .cin-board .shared-scene{border:1px solid var(--sssp-amber)!important;border-radius:0;background:linear-gradient(160deg,#1b1206,#0b0c12);box-shadow:inset 0 0 20px #ffb24c1f;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}:root[data-ucg-style=specium] .cin-board .scene-label{font-family:var(--sssp-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--sssp-amber);text-shadow:none}:root[data-ucg-style=specium] .cin-board .deck-stack,:root[data-ucg-style=specium] .cin-board .discard-pile,:root[data-ucg-style=specium] .cin-board .exile-pile{border:1px solid var(--sssp-amber);border-radius:0;background:linear-gradient(160deg,#1b0e13,#0b0c12);box-shadow:none;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}:root[data-ucg-style=specium] .cin-board .discard-pile{border-color:var(--sssp-hair)}:root[data-ucg-style=specium] .cin-board .exile-pile{border-color:#c084fc80}:root[data-ucg-style=specium] .cin-board .exile-icon{color:#c084fc}:root[data-ucg-style=specium] .cin-board .deck-count{font-family:var(--sssp-display);font-weight:800;font-style:italic;text-shadow:none}:root[data-ucg-style=specium] .cin-board .zone-label{font-family:var(--sssp-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--sssp-amber);text-shadow:none}:root[data-ucg-style=specium] .cin-board .hand-card-back,:root[data-ucg-style=specium] .cin-board .charge-card-back{--back: 230, 0, 35;position:relative;border-radius:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.02) 3px 4px),linear-gradient(120deg,transparent 42%,rgba(var(--back),.38) 56%,transparent 72%),linear-gradient(160deg,#220c11,#0b0d12);border:1px solid rgba(var(--back),.55);color:transparent;overflow:hidden}:root[data-ucg-style=specium] .cin-board .hand-card-back:before{content:"";position:absolute;top:50%;left:50%;width:38%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(45deg);border:2px solid rgba(var(--back),.7);background:linear-gradient(135deg,rgba(var(--back),.2),transparent);font-size:0;opacity:1}:root[data-ucg-style=specium] .cin-board .hand-card-back:after{content:"";position:absolute;top:50%;left:50%;width:3px;height:26%;transform:translate(-50%,-50%);background:var(--sssp-amber);opacity:.85}:root[data-ucg-style=specium] .cin-board .player-hand .hand-card-back{--back: 0, 163, 255;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.02) 3px 4px),linear-gradient(120deg,transparent 42%,rgba(var(--back),.34) 56%,transparent 72%),linear-gradient(160deg,#0c1c2e,#0b0f16)}:root[data-ucg-style=specium] .play-vs-ai-container{position:relative;font-family:var(--sssp-body)}:root[data-ucg-style=specium] .pva-sysline{width:100%;max-width:900px;margin:2px auto 20px}:root[data-ucg-style=specium] .pva-eyebrow{margin-bottom:10px}:root[data-ucg-style=specium] .play-vs-ai-header h1{font-family:var(--sssp-display);font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.01em;color:#fff;text-shadow:3px 3px 0 var(--sssp-red)}:root[data-ucg-style=specium] .play-vs-ai-subtitle{font-family:var(--sssp-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--sssp-amber);opacity:.78}:root[data-ucg-style=specium] .play-vs-ai-header .back-btn.spc-btn{position:absolute;top:0;left:0;font-size:12px;letter-spacing:.12em;padding-top:8px;padding-bottom:8px}:root[data-ucg-style=specium] .pva-deck-column-title{font-family:var(--sssp-display);font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#fff;text-shadow:2px 2px 0 var(--sssp-red)}:root[data-ucg-style=specium] .pva-deck-row{--row: var(--sssp-silver);--row-rgb: 214, 218, 226;position:relative;border-radius:0;border:1px solid rgba(var(--row-rgb),.35);background:linear-gradient(100deg,rgba(var(--row-rgb),.1),transparent 60%),repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.014) 3px 4px),var(--color-surface-panel);padding-left:calc(var(--sssp-slant) + 18px);clip-path:polygon(var(--sssp-slant) 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);transition:transform var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}:root[data-ucg-style=specium] .pva-deck-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--sssp-slant) + 6px);background:var(--row);clip-path:polygon(var(--sssp-slant) 0,calc(var(--sssp-slant) + 6px) 0,6px 100%,0 100%)}:root[data-ucg-style=specium] .pva-deck-row.player{--row: var(--color-info-bright);--row-rgb: 79, 214, 255}:root[data-ucg-style=specium] .pva-deck-row.ai{--row: #ff5b74;--row-rgb: 255, 91, 116}:root[data-ucg-style=specium] .pva-deck-row:hover:not(:disabled){transform:translate(3px);border-color:rgba(var(--row-rgb),.8);background:linear-gradient(100deg,rgba(var(--row-rgb),.18),transparent 62%),var(--color-surface-panel)}:root[data-ucg-style=specium] .pva-deck-row.selected{--row: var(--sssp-amber);border-color:var(--sssp-amber);background:linear-gradient(100deg,rgba(255,178,76,.16),transparent 60%),var(--color-surface-panel);box-shadow:inset 0 0 0 1px var(--sssp-amber),0 0 18px #ffb24c47}:root[data-ucg-style=specium] .pva-deck-row.selected:before{width:calc(var(--sssp-slant) + 9px)}:root[data-ucg-style=specium] .pva-deck-row.selected:after{content:"◉ SET";position:absolute;top:6px;right:12px;font-family:var(--sssp-mono);font-size:8px;letter-spacing:.18em;color:var(--sssp-amber)}:root[data-ucg-style=specium] .pva-deck-row.selected .pva-deck-row-name{color:#fff}:root[data-ucg-style=specium] .pva-deck-row-name{font-family:var(--sssp-body);font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-strong)}:root[data-ucg-style=specium] .pva-deck-row-count{font-family:var(--sssp-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--sssp-amber);opacity:.8}:root[data-ucg-style=specium] .pva-status,:root[data-ucg-style=specium] .pva-empty-desc{font-family:var(--sssp-mono);letter-spacing:.1em;text-transform:uppercase;font-size:12px}:root[data-ucg-style=specium] .pva-empty-title{font-family:var(--sssp-display);font-style:italic;font-weight:800;text-transform:uppercase;color:#fff;text-shadow:2px 2px 0 var(--sssp-red)}:root[data-ucg-style=specium] .play-vs-ai-error{font-family:var(--sssp-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;border-radius:0}:root[data-ucg-style=specium] .game-screen-sidebar{position:relative;border-right:1px solid var(--sssp-hair);background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.014) 3px 4px),var(--color-surface-panel);font-family:var(--sssp-body)}:root[data-ucg-style=specium] .board-sysline{margin:6px 6px 14px}:root[data-ucg-style=specium] .engine-action-panel,:root[data-ucg-style=specium] .battle-log{border:1px solid var(--sssp-hair);border-radius:0;font-family:var(--sssp-body);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}:root[data-ucg-style=specium] .phase-badge,:root[data-ucg-style=specium] .mobile-phase-badge{font-family:var(--sssp-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--sssp-amber);border-radius:0}:root[data-ucg-style=specium] .deck-builder-container{position:relative;font-family:var(--sssp-body);background:linear-gradient(115deg,transparent 46%,rgba(230,0,35,.12) 60%,transparent 74%),radial-gradient(60% 55% at 78% 18%,rgba(0,163,255,.1),transparent 60%),var(--color-bg)}:root[data-ucg-style=specium] .deck-builder-header{position:relative;padding-top:40px;background:#00000059;border-bottom:1px solid var(--sssp-hair)}:root[data-ucg-style=specium] .db-sysline{position:absolute;top:12px;left:30px;right:30px}:root[data-ucg-style=specium] .db-titleblock{display:flex;flex-direction:column;align-items:flex-start;gap:6px}:root[data-ucg-style=specium] .deck-builder-title{font-family:var(--sssp-display);font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.01em;color:#fff;text-shadow:3px 3px 0 var(--sssp-red)}:root[data-ucg-style=specium] .refresh-cards-btn,:root[data-ucg-style=specium] .filter-clear-btn,:root[data-ucg-style=specium] .deck-builder-back-btn,:root[data-ucg-style=specium] .deck-save-btn,:root[data-ucg-style=specium] .deck-load-btn,:root[data-ucg-style=specium] .deck-clear-btn,:root[data-ucg-style=specium] .deck-import-btn,:root[data-ucg-style=specium] .deck-export-btn{--bar: var(--sssp-silver);--btn-slant: 12px;position:relative;border:none;border-radius:0;padding-left:calc(var(--btn-slant) + 14px);padding-right:16px;background:#ffffff0f;color:var(--color-text-strong);font-family:var(--sssp-body);font-weight:700;letter-spacing:.05em;text-transform:uppercase;box-shadow:none;clip-path:polygon(var(--btn-slant) 0,100% 0,calc(100% - var(--btn-slant)) 100%,0 100%);transition:transform var(--motion-fast) var(--ease-out),filter var(--motion-fast) var(--ease-out)}:root[data-ucg-style=specium] .refresh-cards-btn:before,:root[data-ucg-style=specium] .filter-clear-btn:before,:root[data-ucg-style=specium] .deck-builder-back-btn:before,:root[data-ucg-style=specium] .deck-save-btn:before,:root[data-ucg-style=specium] .deck-load-btn:before,:root[data-ucg-style=specium] .deck-clear-btn:before,:root[data-ucg-style=specium] .deck-import-btn:before,:root[data-ucg-style=specium] .deck-export-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--btn-slant) + 4px);background:var(--bar);clip-path:polygon(var(--btn-slant) 0,calc(var(--btn-slant) + 4px) 0,4px 100%,0 100%)}:root[data-ucg-style=specium] .refresh-cards-btn:hover:not(:disabled),:root[data-ucg-style=specium] .filter-clear-btn:hover:not(:disabled),:root[data-ucg-style=specium] .deck-builder-back-btn:hover:not(:disabled),:root[data-ucg-style=specium] .deck-save-btn:hover:not(:disabled),:root[data-ucg-style=specium] .deck-load-btn:hover:not(:disabled),:root[data-ucg-style=specium] .deck-clear-btn:hover:not(:disabled),:root[data-ucg-style=specium] .deck-import-btn:hover:not(:disabled),:root[data-ucg-style=specium] .deck-export-btn:hover:not(:disabled){transform:translate(3px);filter:brightness(1.12)}:root[data-ucg-style=specium] .deck-save-btn{background:linear-gradient(100deg,var(--sssp-red),var(--color-brand-red-deep));color:#fff;--bar: #fff;font-weight:800}:root[data-ucg-style=specium] .deck-load-btn{background:linear-gradient(100deg,var(--sssp-blue),var(--color-info-deep));color:#fff;--bar: var(--color-info-bright);font-weight:800}:root[data-ucg-style=specium] .deck-clear-btn{background:transparent;color:var(--sssp-red);--bar: var(--sssp-red)}:root[data-ucg-style=specium] .deck-builder-back-btn,:root[data-ucg-style=specium] .filter-clear-btn{background:transparent;color:var(--sssp-amber);--bar: var(--sssp-amber)}:root[data-ucg-style=specium] .deck-import-btn{background:linear-gradient(100deg,var(--sssp-blue),var(--color-info-deep));color:#fff;--bar: var(--color-info-bright);font-weight:800}:root[data-ucg-style=specium] .deck-export-btn{background:linear-gradient(100deg,var(--sssp-red),var(--color-brand-red-deep));color:#fff;--bar: #fff;font-weight:800}:root[data-ucg-style=specium] .view-mode-toggle{border-radius:0;border:1px solid var(--sssp-hair);background:#0000004d}:root[data-ucg-style=specium] .mode-toggle-btn{border-radius:0;font-family:var(--sssp-body);font-weight:700;letter-spacing:.05em;text-transform:uppercase}:root[data-ucg-style=specium] .mode-toggle-btn.active{background:linear-gradient(100deg,var(--sssp-blue),var(--color-info-deep));color:#fff}:root[data-ucg-style=specium] .deck-builder-filters{background:#0000004d;border-bottom:1px solid var(--sssp-hair)}:root[data-ucg-style=specium] .filter-group label{font-family:var(--sssp-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--sssp-amber)}:root[data-ucg-style=specium] .filter-input,:root[data-ucg-style=specium] .filter-select{border-radius:0;border:1px solid var(--sssp-hair);background:#ffffff0d;color:var(--color-text-strong);font-family:var(--sssp-body)}:root[data-ucg-style=specium] .deck-builder-cards,:root[data-ucg-style=specium] .deck-builder-deck,:root[data-ucg-style=specium] .deck-builder-preview-panel{border:1px solid var(--sssp-hair);border-radius:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.014) 3px 4px),var(--color-surface-panel)}:root[data-ucg-style=specium] .cards-header h2,:root[data-ucg-style=specium] .deck-header h2{font-family:var(--sssp-display);font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.03em;color:#fff}:root[data-ucg-style=specium] .deck-count{font-family:var(--sssp-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sssp-amber)}:root[data-ucg-style=specium] .card-placeholder{position:relative;background:var(--color-surface-panel);border:1px solid var(--sssp-hair);border-radius:0;box-shadow:none;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}:root[data-ucg-style=specium] .card-grid{padding-top:10px}:root[data-ucg-style=specium] .card-image-placeholder{background:#0b0e16;aspect-ratio:5 / 7}:root[data-ucg-style=specium] .card-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:0}:root[data-ucg-style=specium] .deck-card-item,:root[data-ucg-style=specium] .deck-card-grid-item,:root[data-ucg-style=specium] .deck-card-thumb{border-radius:0}:root[data-ucg-style=specium] .card-number{display:none}:root[data-ucg-style=specium] .deck-card-number{color:var(--sssp-amber);font-family:var(--sssp-mono);font-weight:700;letter-spacing:.08em}:root[data-ucg-style=specium] .deck-card-name,:root[data-ucg-style=specium] .card-name{font-family:var(--sssp-body);font-weight:700;text-transform:uppercase;letter-spacing:.02em}:root[data-ucg-style=specium] .deck-quantity-badge{inset:4px 4px auto auto}:root[data-ucg-style=specium] .card-item:hover .card-placeholder{border-color:var(--sssp-amber);box-shadow:inset 0 0 0 1px var(--sssp-amber)}:root[data-ucg-style=specium] .deck-card-item:hover{outline:1px solid var(--sssp-amber)}:root[data-ucg-style=specium][data-spc-cardframe=hairline] .card-placeholder{clip-path:none}:root[data-ucg-style=specium][data-spc-cardframe=hairline] .card-item:hover .card-placeholder{box-shadow:0 0 0 1px var(--sssp-amber),0 6px 18px #0000008c}:root[data-ucg-style=specium][data-spc-cardframe=bracket] .card-placeholder{border-color:transparent;background:#0b0e16;clip-path:none}:root[data-ucg-style=specium][data-spc-cardframe=bracket] .card-placeholder:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;--b: var(--sssp-amber);background:linear-gradient(var(--b),var(--b)) 0 0 / 16px 2px no-repeat,linear-gradient(var(--b),var(--b)) 0 0 / 2px 16px no-repeat,linear-gradient(var(--b),var(--b)) 100% 100% / 16px 2px no-repeat,linear-gradient(var(--b),var(--b)) 100% 100% / 2px 16px no-repeat}:root[data-ucg-style=specium][data-spc-cardframe=bracket] .card-item:hover .card-placeholder{border-color:transparent;box-shadow:0 6px 18px #0000008c}:root[data-ucg-style=specium][data-spc-cardframe=edge] .card-placeholder{border:none;border-top:1px solid var(--sssp-hair);clip-path:none}:root[data-ucg-style=specium][data-spc-cardframe=edge] .card-placeholder:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;z-index:2;background:var(--sssp-amber)}:root[data-ucg-style=specium] .deck-empty,:root[data-ucg-style=specium] .deck-empty-hint{font-family:var(--sssp-mono);letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:var(--color-text-dim)}:root[data-ucg-style=specium] .engine-modal-overlay{background:#030408b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000}:root[data-ucg-style=specium] .engine-modal-overlay.mulligan,:root[data-ucg-style=specium] .engine-modal-overlay.clear{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(180deg,rgba(5,6,12,.9) 0%,rgba(5,6,12,.72) 55%,rgba(5,6,12,.28) 74%,transparent 86%)}:root[data-ucg-style=specium] .engine-modal{position:relative;background:linear-gradient(160deg,#111420,#0a0c12);border:1px solid var(--sssp-amber);border-radius:0;padding:28px 34px 30px;clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);font-family:var(--sssp-body)}:root[data-ucg-style=specium] .engine-modal:before{content:"";position:absolute;inset:8px;pointer-events:none;--b: var(--sssp-amber);background:linear-gradient(var(--b),var(--b)) 0 0/16px 2px no-repeat,linear-gradient(var(--b),var(--b)) 0 0/2px 16px no-repeat,linear-gradient(var(--b),var(--b)) 100% 0/16px 2px no-repeat,linear-gradient(var(--b),var(--b)) 100% 0/2px 16px no-repeat;opacity:.8}:root[data-ucg-style=specium] .engine-modal:after{content:"◉ SYS PROMPT · INPUT REQUIRED";position:absolute;top:12px;left:0;right:0;text-align:center;font-family:var(--sssp-mono);font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:var(--sssp-amber);opacity:.75}:root[data-ucg-style=specium] .engine-modal h3{font-family:var(--sssp-display);font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.01em;color:#fff;text-shadow:2px 2px 0 var(--sssp-red);margin-top:6px}:root[data-ucg-style=specium] .engine-modal p{font-family:var(--sssp-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-dim)}:root[data-ucg-style=specium] .engine-modal .engine-btn{border-radius:0;border:none;font-family:var(--sssp-body);font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-align:center;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}:root[data-ucg-style=specium] .engine-modal .engine-btn-primary{background:linear-gradient(100deg,var(--sssp-red),var(--color-brand-red-deep));color:#fff}:root[data-ucg-style=specium] .engine-modal .engine-btn-secondary{background:transparent;border:1px solid var(--sssp-hair);color:var(--sssp-amber)}:root[data-ucg-style=specium] .engine-modal .engine-btn:hover{filter:brightness(1.12)}:root[data-ucg-style=specium] .engine-modal .engine-btn-hint{font-family:var(--sssp-mono);font-size:9px;opacity:.7}:root[data-ucg-style=specium] .ecm-overlay{background:linear-gradient(180deg,rgba(3,4,8,.8) 0%,rgba(3,4,8,.72) 60%,rgba(3,4,8,.3) 78%,transparent 90%);z-index:2000}:root[data-ucg-style=specium] .ecm-modal{position:relative;background:linear-gradient(160deg,#111420,#0a0c12);border:1px solid var(--sssp-amber);border-radius:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);font-family:var(--sssp-body)}:root[data-ucg-style=specium] .ecm-modal:before{content:"";position:absolute;inset:8px;pointer-events:none;--b: var(--sssp-amber);background:linear-gradient(var(--b),var(--b)) 0 0/16px 2px no-repeat,linear-gradient(var(--b),var(--b)) 0 0/2px 16px no-repeat,linear-gradient(var(--b),var(--b)) 100% 0/16px 2px no-repeat,linear-gradient(var(--b),var(--b)) 100% 0/2px 16px no-repeat;opacity:.8}:root[data-ucg-style=specium] .ecm-title{font-family:var(--sssp-display);font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.02em;color:#fff;text-shadow:2px 2px 0 var(--sssp-red)}:root[data-ucg-style=specium] .ecm-subtitle{font-family:var(--sssp-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-dim)}:root[data-ucg-style=specium] .ecm-card{border-radius:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}:root[data-ucg-style=specium] .ecm-card-img,:root[data-ucg-style=specium] .ecm-card-placeholder{border-radius:0}:root[data-ucg-style=specium] .ecm-card-selectable{outline:1px solid rgba(0,163,255,.5)}:root[data-ucg-style=specium] .ecm-card-selectable:hover{outline-color:var(--color-info-bright);box-shadow:0 0 14px #00a3ff66}:root[data-ucg-style=specium] .ecm-card-name{font-family:var(--sssp-body);text-transform:uppercase;letter-spacing:.02em}:root[data-ucg-style=specium] .ecm-card-level{font-family:var(--sssp-mono);color:var(--sssp-amber)}:root[data-ucg-style=specium] .ecm-card-badge{border-radius:0;font-family:var(--sssp-mono);text-transform:uppercase;letter-spacing:.1em}:root[data-ucg-style=specium] .ecm-skip-btn,:root[data-ucg-style=specium] .ecm-choice-btn{border-radius:0;border:1px solid var(--sssp-hair);font-family:var(--sssp-body);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--sssp-amber);background:transparent;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}:root[data-ucg-style=specium] .ecm-choice-btn{background:linear-gradient(100deg,var(--sssp-red),var(--color-brand-red-deep));border:none;color:#fff}:root[data-ucg-style=specium] .ecm-skip-btn:hover{background:#ffb24c1a}:root[data-ucg-style=specium] .effect-choice-modal,:root[data-ucg-style=specium] .discards-modal-content,:root[data-ucg-style=specium] .exile-modal-content,:root[data-ucg-style=specium] .field-stack-modal-content{background:linear-gradient(160deg,#111420,#0a0c12);border:1px solid var(--sssp-amber);border-radius:0;font-family:var(--sssp-body);clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%)}:root[data-ucg-style=specium] .effect-choice-title,:root[data-ucg-style=specium] .discards-modal-header,:root[data-ucg-style=specium] .exile-modal-header,:root[data-ucg-style=specium] .field-stack-modal-header{font-family:var(--sssp-display);font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.02em;color:#fff;text-shadow:2px 2px 0 var(--sssp-red)}:root[data-ucg-style=specium] .effect-choice-row{border-radius:0;border-left:3px solid var(--sssp-hair)}:root[data-ucg-style=specium] .effect-choice-row:hover{border-left-color:var(--sssp-amber);background:#ffb24c14}:root[data-ucg-style=specium] .effect-choice-key{font-family:var(--sssp-mono);color:var(--sssp-amber);border-radius:0}:root[data-ucg-style=specium] .effect-choice-cancel{border-radius:0;border:1px solid var(--sssp-hair);background:transparent;color:var(--sssp-amber);font-family:var(--sssp-body);font-weight:800;text-transform:uppercase;letter-spacing:.06em;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}:root[data-ucg-style=specium] .discards-modal-close,:root[data-ucg-style=specium] .exile-modal-close,:root[data-ucg-style=specium] .field-stack-modal-close{color:var(--sssp-amber);border-radius:0}