@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Rajdhani:wght@400;500;600;700&display=swap";:root{--bg: #050510;--bg-panel: rgba(13, 13, 26, .72);--gold: #C9A84C;--gold-soft: rgba(201, 168, 76, .35);--danger: #E74C3C;--cyan: #1ABC9C;--text: #E8E8F0;--muted: #6B7280;--border: rgba(201, 168, 76, .14);--font-display: "Chakra Petch", sans-serif;--font-body: "Rajdhani", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(ellipse 70% 45% at 50% -10%,rgba(201,168,76,.07) 0%,transparent 60%),radial-gradient(ellipse 55% 40% at 85% 105%,rgba(26,188,156,.05) 0%,transparent 55%),radial-gradient(ellipse 55% 40% at 12% 108%,rgba(123,47,190,.05) 0%,transparent 55%),var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(201,168,76,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(201,168,76,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 90% 80% at 50% 50%,#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 50%,#000 30%,transparent 100%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#root{position:relative;z-index:1}.arena{min-height:100vh;display:flex;flex-direction:column;padding:12px 20px 16px;max-width:1680px;margin:0 auto}.arena-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--border);margin-bottom:10px}.arena-logo{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:.22em;color:var(--gold);text-transform:uppercase}.arena-logo span{color:var(--muted);font-weight:500}.hud-row{display:flex;align-items:center;gap:16px;padding:8px 14px;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-name{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);min-width:82px}.integrity{min-width:200px}.integrity-top{display:flex;align-items:baseline;gap:8px;font-family:var(--font-display)}.integrity-pct{font-size:28px;font-weight:700;line-height:1;transition:color .3s ease}.integrity-label{font-size:9px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase}.integrity-bar{margin-top:5px;height:6px;background:#ffffff12;border-radius:3px;overflow:hidden}.integrity-fill{height:100%;border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px currentColor}.pv-hit{animation:pvHit .5s ease}@keyframes pvHit{0%{transform:scale(1)}30%{transform:scale(1.35);color:var(--danger)}to{transform:scale(1)}}.token-track{display:flex;align-items:center;gap:8px}.token-pips{display:flex;gap:3px}.token-pip{width:11px;height:16px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#ffffff12;transition:background .25s ease,box-shadow .25s ease}.token-pip--on{background:linear-gradient(180deg,#E8CD7A,var(--gold));box-shadow:0 0 6px var(--gold-soft)}.token-count{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--gold);min-width:34px}.hud-meta{display:flex;gap:14px;margin-left:auto;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.hud-meta b{color:var(--text);font-family:var(--font-display)}.zone{flex:1;display:flex;align-items:center;gap:10px;padding:12px 14px;min-height:168px;border-radius:12px;position:relative}.zone--bot{border:1px dashed rgba(231,76,60,.13);margin:8px 0 4px}.zone--player{border:1px dashed rgba(201,168,76,.16);margin:4px 0 8px}.zone-tag{position:absolute;top:-8px;left:16px;padding:1px 10px;background:var(--bg);font-family:var(--font-display);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.zone-empty{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#6b728066;font-weight:600}.midline{display:flex;align-items:stretch;gap:12px;margin:2px 0}.battle-log{flex:1;background:#050510d9;border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:8px;padding:8px 14px;max-height:86px;overflow-y:auto;font-size:13px;font-weight:500;line-height:1.5;color:#9aa3b2}.battle-log::-webkit-scrollbar{width:4px}.battle-log::-webkit-scrollbar-thumb{background:var(--gold-soft);border-radius:2px}.battle-log .log-line--last{color:var(--text)}.battle-log .log-line:before{content:"▸ ";color:var(--gold-soft)}.btn-endturn{font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0a0a14;background:linear-gradient(160deg,#E8CD7A 0%,var(--gold) 55%,#A88838 100%);border:none;border-radius:8px;padding:0 26px;cursor:pointer;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transition:transform .15s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 4px 24px #c9a84c40}.btn-endturn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 6px 32px #c9a84c66}.btn-endturn:active{transform:translateY(0)}.btn-endturn:disabled{filter:grayscale(.8) brightness(.6);cursor:wait;transform:none}.action-banner{display:flex;align-items:center;gap:12px;padding:10px 16px;margin:6px 0;background:linear-gradient(90deg,#c9a84c24,#c9a84c0a);border:1px solid var(--gold-soft);border-radius:8px;font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--gold);animation:bannerIn .25s ease}@keyframes bannerIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.btn-strike{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.1em;color:#fff;background:linear-gradient(160deg,#FF6B57,var(--danger));border:none;border-radius:6px;padding:8px 18px;cursor:pointer;text-transform:uppercase;transition:transform .15s ease,box-shadow .2s ease;box-shadow:0 2px 16px #e74c3c59}.btn-strike:hover{transform:translateY(-1px);box-shadow:0 4px 24px #e74c3c80}.btn-cancel{font-family:var(--font-display);font-size:11px;font-weight:600;color:var(--muted);background:transparent;border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:7px 14px;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;transition:color .2s ease,border-color .2s ease}.btn-cancel:hover{color:var(--text);border-color:#ffffff4d}.hand-shell{margin-top:4px}.hand-label{font-family:var(--font-display);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;display:flex;gap:18px}.hand-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.tcg-card{position:relative;aspect-ratio:1054 / 1492;border-radius:8px;overflow:visible;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .18s ease,filter .18s ease;z-index:1;animation:cardIn .35s ease backwards}@keyframes cardIn{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}.tcg-card img{width:100%;height:100%;object-fit:contain;border-radius:8px;display:block;box-shadow:0 4px 18px #000000a6}.tcg-card--hand{width:150px}.tcg-card--terrain{width:112px}.tcg-card:hover{transform:scale(2.2);transform-origin:top left;z-index:50}.tcg-card--terrain:hover{transform:scale(2.6)}.tcg-card:nth-child(n+6):hover{transform-origin:top right}.tcg-card--hand:hover{transform:translateY(-6px) scale(2.05);transform-origin:bottom left}.tcg-card--hand:nth-child(n+6):hover{transform-origin:bottom right}.tcg-card--highlight{animation:cardIn .35s ease backwards,targetPulse 1.1s ease-in-out infinite}.tcg-card--highlight img,.tcg-card--highlight .tcg-card--noimg{outline:3px solid var(--gold);outline-offset:-1px}@keyframes targetPulse{0%,to{filter:drop-shadow(0 0 4px var(--gold-soft))}50%{filter:drop-shadow(0 0 16px rgba(201,168,76,.75))}}.tcg-card--dimmed{opacity:.3;filter:saturate(.4)}.tcg-card--offline img{filter:grayscale(.9) brightness(.55)}.tcg-badge{position:absolute;left:50%;transform:translate(-50%);padding:2px 8px;border-radius:4px;font-family:var(--font-display);font-size:9px;font-weight:700;white-space:nowrap;z-index:2;pointer-events:none;letter-spacing:.04em}.tcg-badge--offline{top:40%;background:var(--danger);color:#fff;letter-spacing:.12em;box-shadow:0 0 14px #e74c3c80}.tcg-badge--info{bottom:-8px;background:#12121f;border:1px solid var(--gold-soft);color:var(--gold);max-width:96%;overflow:hidden;text-overflow:ellipsis}.tcg-badge--stats{top:-8px;background:#0d0d1a;border:1px solid rgba(255,255,255,.2);font-size:11px;color:var(--text)}.tcg-card--noimg{width:100%;height:100%;border-radius:8px;background:linear-gradient(165deg,#10101e,#0a0a14);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;text-align:center;font-family:var(--font-body)}.turn-banner{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:90;pointer-events:none}.turn-banner span{font-family:var(--font-display);font-size:clamp(26px,4.5vw,52px);font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 40px rgba(201,168,76,.5);padding:14px 48px;border-top:1px solid var(--gold-soft);border-bottom:1px solid var(--gold-soft);background:#050510d1;animation:turnFlash 1.4s ease forwards}.turn-banner--bot span{color:var(--danger);text-shadow:0 0 40px rgba(231,76,60,.5);border-color:#e74c3c59}@keyframes turnFlash{0%{opacity:0;transform:scaleX(.6)}15%{opacity:1;transform:scaleX(1)}80%{opacity:1}to{opacity:0}}.gameover{position:fixed;top:0;right:0;bottom:0;left:0;background:#03030ae0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;z-index:99;animation:bannerIn .4s ease}.gameover-title{font-family:var(--font-display);font-size:clamp(32px,6vw,64px);font-weight:700;letter-spacing:.28em;text-transform:uppercase}.gameover-title--win{color:var(--gold);text-shadow:0 0 60px rgba(201,168,76,.6)}.gameover-title--lose{color:var(--danger);text-shadow:0 0 60px rgba(231,76,60,.6)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}@media (max-width: 900px){.arena{padding:8px 10px 12px}.tcg-card--hand{width:112px}.tcg-card--terrain{width:88px}.hud-meta{display:none}.zone{min-height:130px}}