:root{font-family:Manrope,IBM Plex Sans,Segoe UI,sans-serif;--bg: #06110c;--bg-elevated: #0b1b13;--surface: #11251a;--surface-2: #173022;--surface-3: #1e3b2a;--text-main: #ecfff3;--text-muted: #a5cfb7;--line: #2c5a42;--line-strong: #3f7d5b;--green-300: #72d28f;--green-400: #4db572;--green-500: #36995f;--green-600: #26794a;--green-700: #1d5d39;--accent: var(--green-400);--accent-strong: var(--green-300);--accent-muted: rgba(114, 210, 143, .16);--warn: #ffcf66;--danger: #ff6f7f;--ok: #6ce7a5;--focus: #9bf9bf;--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--shadow-soft: 0 14px 40px rgba(0, 0, 0, .34);--shadow-glow: 0 0 0 1px rgba(114, 210, 143, .25), 0 12px 26px rgba(16, 47, 32, .44);--dur-fast: .15s;--dur-med: .23s;--ease-out: cubic-bezier(.2, .75, .2, 1)}*,*:before,*:after{box-sizing:border-box}html,body,#app{min-height:100vh}body{margin:0;color:var(--text-main);background:radial-gradient(1200px 600px at 10% -10%,rgba(54,153,95,.35),transparent 70%),radial-gradient(860px 540px at 98% 0%,rgba(114,210,143,.14),transparent 70%),linear-gradient(140deg,#041009,#07150e 44%,#091910);line-height:1.45}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(190,255,216,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(190,255,216,.025) 1px,transparent 1px);background-size:32px 32px}#app{display:grid;align-items:start;padding:1rem .95rem 2.2rem}.page{width:min(1240px,100%);margin:0 auto;display:grid;gap:1rem;animation:page-enter .7s var(--ease-out) both}@keyframes page-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero{border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(120deg,rgba(114,210,143,.1),transparent 45%),linear-gradient(180deg,#081a11e6,#091c12f2);box-shadow:var(--shadow-soft);padding:1.05rem;display:grid;gap:.7rem;position:relative;overflow:clip}.hero:after{content:"";position:absolute;width:280px;height:280px;top:-140px;right:-130px;border-radius:999px;border:1px solid rgba(114,210,143,.2);background:radial-gradient(circle,rgba(114,210,143,.22),transparent 72%)}.hero__topline{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap}.eyebrow{margin:0;letter-spacing:.11em;text-transform:uppercase;font-size:.72rem;color:var(--text-muted);font-weight:700}.hero-mark{border:1px solid rgba(155,249,191,.65);color:var(--accent-strong);border-radius:999px;padding:.3rem .72rem;font-size:.69rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;background:#2355396b}.hero h1{margin:0;max-width:20ch;font-size:clamp(1.56rem,2.7vw,2.5rem);line-height:1.05;letter-spacing:-.02em}.hero p{margin:0;color:var(--text-muted);max-width:66ch}.hero-social{display:grid;gap:.55rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.1rem}.hero-social p{margin:0;border:1px solid rgba(114,210,143,.34);background:#162e20cc;border-radius:14px;padding:.58rem .65rem;display:grid;gap:.17rem}.hero-social strong{font-size:1rem;line-height:1.1;color:#dcffe9}.hero-social span{color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.workspace{display:grid;gap:.95rem;grid-template-columns:minmax(285px,350px) minmax(0,1fr);align-items:start}.panel-flat{border:1px solid var(--line);border-radius:var(--r-md);background:linear-gradient(180deg,#0e2217f2,#0b1c13f2);box-shadow:var(--shadow-soft);padding:.9rem}.sidebar,.editor{display:grid;gap:.9rem}.section-title{margin:0;font-size:1.02rem;letter-spacing:-.01em}.deck-create,.composer,.meta-row,label{display:grid;gap:.42rem}.composer{grid-template-columns:repeat(2,minmax(0,1fr))}.composer button{grid-column:1 / -1}label>span{font-size:.73rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.085em;font-weight:700}input,select,button{font:inherit;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:#152f21eb;color:var(--text-main);min-height:44px;padding:.57rem .7rem;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),transform var(--dur-fast) var(--ease-out)}input::placeholder{color:#8bb09a}input:hover,select:hover{border-color:#4d936d}button{cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(180deg,var(--green-400),var(--green-500));border-color:#5fc282;color:#03180b;box-shadow:inset 0 0 0 1px #ddffeb4d}button:hover{background:linear-gradient(180deg,#63ca87,#3ea76b);transform:translateY(-1px)}button:active{transform:translateY(0);background:linear-gradient(180deg,#57c07b,#338f5b)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px;box-shadow:var(--shadow-glow)}button:disabled,button:disabled:hover,button:disabled:active{background:#385748;border-color:#4b7260;color:#b8d8c5;cursor:not-allowed;transform:none;box-shadow:none}.ghost{background:#163122e6;color:#cbffe0;border-color:#65bc88;box-shadow:none}.ghost:hover{background:#224833f0}.danger{background:linear-gradient(180deg,#d95f71,#b54758);border-color:#f19ba8;color:#ffeef1}.danger:hover{background:linear-gradient(180deg,#e46f80,#bd5262)}.deck-list-wrap{display:grid;gap:.52rem}.deck-item{border:1px solid rgba(88,141,108,.7);border-radius:var(--r-sm);background:#142b1eb3;padding:.72rem;display:grid;gap:.44rem}.deck-title{width:100%;text-align:left;display:inline-flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.52rem .62rem}.deck-title.active{background:#72d28f2e;border-color:#88dfaa;color:#ddffe8}.deck-subtext{margin:0;color:var(--text-muted);font-size:.8rem}.active-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(227,255,238,.75);background:#c2ffdb24;color:#d6ffe8;padding:.12rem .48rem;border-radius:999px;font-size:.61rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.tiny-actions{display:inline-flex;gap:.4rem;flex-wrap:wrap}.tiny-actions button{min-width:5.2rem}.editor__header{display:flex;align-items:start;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.editor__header h2{margin:0;letter-spacing:-.01em}.deck-subtitle{margin:.22rem 0 0;color:var(--text-muted);font-size:.84rem}.meta-row{align-items:end}.meta-row label{min-width:190px}.status{margin:.22rem 0 0;color:#fff1ca;display:inline-flex;flex-direction:column;gap:.08rem;font-size:.82rem;border:1px solid #8c7542;background:#52421f52;padding:.44rem .56rem;border-radius:var(--r-sm)}.status strong{color:var(--warn)}.status-ok{color:#d8ffe9;border-color:#5db983;background:#23603d47}.status-ok strong{color:var(--ok)}.commander-field{margin-top:.2rem}.summary{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.pill{margin:0;border:1px solid #4e8a68;border-radius:999px;padding:.36rem .72rem;color:#dfffea;font-size:.78rem;background:#1f3e2cd1;font-weight:650}.validation{border:1px solid #5d946f;border-radius:var(--r-sm);padding:.76rem;background:#183827bf}.validation.invalid{border-color:#8f7b42;background:#4d3e1f73}.validation h3{margin:0 0 .35rem;font-size:.87rem;text-transform:uppercase;letter-spacing:.07em}.validation ul{margin:.35rem 0 0;padding-left:1.1rem;display:grid;gap:.16rem}.validation .ok{margin:0;color:#bfffdc;font-weight:600}.deck-section{margin-top:.38rem}.deck-section h3{margin:0 0 .45rem;text-transform:uppercase;letter-spacing:.07em;font-size:.82rem;color:#c9f4da}.deck-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-sm);background:#0f2318eb}.deck-table{width:100%;border-collapse:collapse;min-width:540px}th,td{border-bottom:1px solid rgba(93,151,118,.35);padding:.56rem;text-align:left;vertical-align:middle}th{font-size:.73rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.09em;background:#1a3827eb}.qty-cell,.action-group{display:inline-flex;gap:.35rem;align-items:center}.qty-cell span,.qty-cell button{min-width:2.3rem}.qty-cell span{text-align:center;min-width:1.75rem;font-weight:700}.action-group button{white-space:nowrap;min-width:5.2rem}.deck-table input,.deck-table select{min-width:4.2rem}.empty{color:var(--text-muted);margin:.8rem 0}::selection{background:#72d28f59;color:#f2fff7}@media (max-width: 960px){#app{padding:.8rem .66rem 1.8rem}.hero-social,.workspace,.composer,.summary{grid-template-columns:1fr}.composer button,.meta-row,.meta-row label{width:100%}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}