@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(/waha11/fonts/RobotoCondensed-Regular.woff2) format("woff2")}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/waha11/fonts/RobotoCondensed-Bold.woff2) format("woff2")}@font-face{font-family:Roboto Condensed;font-style:italic;font-weight:400;font-display:swap;src:url(/waha11/fonts/RobotoCondensed-Italic.woff2) format("woff2")}@font-face{font-family:Roboto Condensed;font-style:italic;font-weight:700;font-display:swap;src:url(/waha11/fonts/RobotoCondensed-BoldItalic.woff2) format("woff2")}:root{--bg: #eef1f5;--bg-elev: #ffffff;--bg-elev-2: #f3f5f8;--border: #d6dce5;--border-strong: #c2cad6;--text: #1c2230;--text-dim: #5c6779;--accent: #9a6b17;--accent-soft: #f5ebd5;--secondary: #2f6da8;--secondary-soft: #e3eef8;--danger: #b23a30;--danger-soft: #fbe6e3;--ok: #3f7d4a;--ok-soft: #e4f2e6;--radius: 12px;--card-w: 360px;--card-scale: 1;--card-blue: #4a90d9;--card-navy: #1a3a5c;--card-burgundy: #8b2a2a;--card-gold: #9e7624}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 50% -200px,#ffffff 0%,var(--bg) 60%);color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}.app{display:flex;flex-direction:column;min-height:100%}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding:14px 28px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.brand{display:flex;flex-direction:column;line-height:1.1}.brand-mark{font-weight:800;letter-spacing:2px;color:var(--accent)}.brand-sub{font-size:12px;color:var(--text-dim)}.nav{display:flex;gap:6px;flex-wrap:wrap}.nav-link{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;color:var(--text-dim);font-weight:500;transition:background .15s,color .15s}.nav-link:hover{background:var(--bg-elev-2);color:var(--text)}.nav-link.is-active{background:var(--accent-soft);color:var(--accent)}.nav-badge{font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:1px 5px;border-radius:100px;background:var(--bg-elev-2);color:var(--text-dim)}.content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:28px}.footer{padding:24px 28px;text-align:center;color:var(--text-dim);font-size:13px;border-top:1px solid var(--border)}.page-head{margin-bottom:20px}.page-head h1{margin:0 0 4px;font-size:28px;letter-spacing:.5px}.page-sub{margin:0;color:var(--text-dim)}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.tabs{display:inline-flex;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:3px}.tab{border:0;background:transparent;color:var(--text-dim);padding:8px 16px;border-radius:8px;cursor:pointer;font:inherit;font-weight:600}.tab.is-active{background:var(--accent-soft);color:var(--accent)}.select,.search{background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:9px 12px;font:inherit;min-width:200px}.select:focus,.search:focus{outline:2px solid var(--accent);outline-offset:1px}.search{flex:1}.count{color:var(--text-dim);font-size:13px;margin-bottom:14px}.grid{display:flex;flex-direction:column;gap:32px;align-items:stretch}.grid-item{display:flex;flex-direction:column;gap:10px}.grid-link{display:block}.card-pair{display:grid;grid-template-columns:minmax(0,var(--card-w)) minmax(0,var(--card-w));gap:24px;justify-content:start}.grid-face{display:flex;flex-direction:column;gap:8px}.card-face-label{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-dim)}.card{--card-pad: calc(16px * var(--card-scale));--card-gap: calc(10px * var(--card-scale));--card-accent: var(--card-blue);--card-accent-dark: var(--card-navy);--card-accent-light: #87ceeb;position:relative;width:100%;aspect-ratio:2 / 3;display:flex;flex-direction:column;gap:0;padding:0;background:var(--bg-elev);border:1px solid #b0b0b0;border-radius:8px;box-shadow:0 15px 35px #00000040,0 5px 15px #0000001a;overflow:hidden;color:#333;font-family:Roboto Condensed,Inter,Segoe UI,system-ui,sans-serif}.card-bg{position:absolute;inset:0;background-image:var(--card-bg-image);background-size:cover;background-position:center;pointer-events:none;z-index:0}.card--primary.card--back .card-bg,.card--secondary.card--back .card-bg,.card--primary.card--front .card-bg{opacity:1}.card-scrim{position:absolute;inset:0;pointer-events:none;z-index:0}.card--secondary.card--back .card-scrim{background:linear-gradient(180deg,#0a121cc7,#060c14e0)}.card--secondary.card--front .card-scrim{background:#ffffffd1}.card-head,.card-body,.card-back{position:relative;z-index:1}.card-body{flex:1;min-height:0;position:relative;overflow:hidden;padding:0;min-width:0}.card-content{display:flex;flex-direction:column;gap:0;width:100%;min-width:0}.card-head{flex-shrink:0;display:flex;align-items:center;gap:calc(12px * var(--card-scale));padding:calc(16px * var(--card-scale)) calc(16px * var(--card-scale)) calc(16px * var(--card-scale)) calc(20px * var(--card-scale));background:linear-gradient(90deg,#ffffffe6,#f0f8ffb3);border-bottom:calc(3px * var(--card-scale)) solid var(--card-accent);position:relative;min-width:0}.card-head:before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(6px * var(--card-scale));background:linear-gradient(180deg,var(--card-accent-light),var(--card-accent-dark))}.header-icon{width:calc(36px * var(--card-scale));height:calc(36px * var(--card-scale));flex-shrink:0;background-color:var(--card-accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3C/svg%3E") center / contain no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.15))}.header-text{display:flex;flex-direction:column;min-width:0}.card--primary.card--front{background:#fff}.card--primary.card--front:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fffc,#fffffff2);z-index:0;pointer-events:none}.card--secondary.card--front{background:linear-gradient(180deg,#f7fbff,#fff)}.card--deck-tactical.card--front{--card-accent: #1f6d85;--card-accent-dark: #0f3d4c;--card-accent-light: #7ec4d6}.card--deck-fixed.card--front{--card-accent: #6b3fb8;--card-accent-dark: #3d2470;--card-accent-light: #c4a6f0}.card--secondary.card--attacker{--card-accent: var(--danger);--card-accent-dark: #7a1f1a;--card-accent-light: #e08a84}.card--secondary.card--defender{--card-accent: var(--ok);--card-accent-dark: #2a5a32;--card-accent-light: #8ec496}.card-name{margin:0 0 calc(2px * var(--card-scale));font-size:calc(22px * var(--card-scale));font-weight:700;line-height:1.1;letter-spacing:1px;text-transform:uppercase;color:#1a1a1a;display:block;overflow-wrap:anywhere}.card-name-en{color:#777;font-size:calc(13px * var(--card-scale));font-weight:400;font-style:italic;letter-spacing:.5px;line-height:1.2;text-transform:uppercase;display:block;overflow-wrap:anywhere}.card--back{background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.7) 0%,transparent 55%),var(--bg-elev-2)}.card--primary.card--back:after{content:"";position:absolute;inset:0;background:#0f141db8;z-index:0;pointer-events:none}.card--primary.card--back .card-back-content{background:transparent;padding:0;border-radius:0;border:none;box-shadow:none}.card--primary.card--back .card-back-type{color:#79b8f2}.card--primary.card--back .card-back-vs{color:#9ba7b9}.card--primary.card--back .card-back-name h3{color:#fff}.card--primary.card--back .card-back-name-en{color:#c0cad7}.card--primary.card--back .card-back-lore{color:#d2dbe5}.card--deck-tactical.card--back{border-color:#1f6d85}.card--deck-fixed.card--back{border-color:#6b3fb8}.card-back{flex:1;min-height:0;display:flex;flex-direction:column;padding:5px;min-width:0;text-align:center}.card-back-matchup{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.card-back-content{display:flex;flex-direction:column;gap:calc(12px * var(--card-scale));width:100%;margin:auto 0}.card-back-type{font-size:calc(15px * var(--card-scale));font-weight:800;letter-spacing:.04em;line-height:1.2;color:var(--secondary);overflow-wrap:anywhere}.card-back-vs{font-size:calc(11px * var(--card-scale));font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-dim)}.card-back-name{flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:calc(8px * var(--card-scale)) 0}.card-back-name h3{margin:0;font-size:calc(26px * var(--card-scale));font-weight:800;line-height:1.15;overflow-wrap:anywhere}.card-back-name-en{color:var(--text-dim);font-size:calc(13px * var(--card-scale));font-weight:600}.card-back-lore{margin:0;color:var(--text-dim);font-style:italic;font-size:calc(13px * var(--card-scale));line-height:1.4;overflow-wrap:anywhere}.card-back--stamp{justify-content:center;align-items:center;padding:24px;overflow:hidden}.card-back-stamp{display:flex;flex-direction:column;gap:calc(4px * var(--card-scale));font-size:calc(42px * var(--card-scale));font-weight:800;line-height:1.05;letter-spacing:.02em;text-transform:uppercase;text-align:center}.card-back-stamp span{display:block;white-space:nowrap;overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none}.card--deck-tactical.card--back .card-back-stamp{color:#bfe9f5}.card--deck-fixed.card--back .card-back-stamp{color:#d9c9f5}.card--deck-tactical.card--front .card-back-stamp{color:#1f6d85}.card--deck-fixed.card--front .card-back-stamp{color:#6b3fb8}.card-lore{margin:0;color:var(--text-dim);font-style:italic;font-size:calc(13px * var(--card-scale));display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}.briefing,.block{border:0;border-bottom:1px solid rgba(0,0,0,.08);border-radius:0;background:#ffffff80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:calc(12px * var(--card-scale)) calc(16px * var(--card-scale));min-width:0}.briefing{display:flex;flex-direction:column;gap:calc(10px * var(--card-scale));flex-shrink:0}.briefing:last-child{border-bottom:none}.briefing-part{margin:0;font-size:calc(15px * var(--card-scale));line-height:1.5;color:#2c2c2c;display:flex;flex-direction:column;gap:calc(6px * var(--card-scale))}.briefing-label{font-size:calc(18px * var(--card-scale));text-transform:uppercase;letter-spacing:.5px;color:var(--card-navy);font-weight:700}.briefing-action{border-top:1px dashed rgba(0,0,0,.1);padding-top:calc(10px * var(--card-scale))}.briefing-action:first-child{border-top:0;padding-top:0}.briefing-action-title{font-weight:700;color:var(--card-navy);text-transform:uppercase;letter-spacing:.5px;font-size:calc(18px * var(--card-scale));margin-bottom:calc(8px * var(--card-scale))}.briefing-action-rows{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:calc(6px * var(--card-scale))}.briefing-action-rows li{display:flex;gap:calc(8px * var(--card-scale));min-width:0;font-size:calc(15px * var(--card-scale));line-height:1.5;color:#2c2c2c}.briefing-action-rows li>span:last-child{min-width:0;overflow-wrap:anywhere}.briefing-action-label{color:var(--card-burgundy);font-weight:700;text-transform:uppercase;letter-spacing:.3px;width:34%;min-width:0;flex-shrink:0;overflow-wrap:anywhere;font-size:calc(13px * var(--card-scale))}.card-blocks{display:flex;flex-direction:column;gap:0;min-width:0}.block:last-child{border-bottom:none}.block-head{display:flex;align-items:center;gap:calc(6px * var(--card-scale));flex-wrap:wrap;min-width:0;margin-bottom:calc(6px * var(--card-scale))}.block-heading{min-width:0;font-weight:700;font-size:calc(18px * var(--card-scale));color:var(--card-navy);text-transform:uppercase;letter-spacing:.5px;overflow-wrap:anywhere}.block-kind{font-size:calc(10px * var(--card-scale));text-transform:uppercase;letter-spacing:.6px;padding:calc(2px * var(--card-scale)) calc(6px * var(--card-scale));border-radius:4px;font-weight:700;white-space:nowrap}.block-kind--fixed{background:#ece1fb;color:#6b3fb8}.block-kind--tactical{background:#dcf0f7;color:#1f6d85}.block-when{color:var(--card-burgundy);font-size:calc(13px * var(--card-scale));font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin:0 0 calc(8px * var(--card-scale))}.block-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.row{display:flex;justify-content:space-between;align-items:flex-start;gap:calc(10px * var(--card-scale));min-width:0;margin-bottom:calc(10px * var(--card-scale));padding-bottom:calc(8px * var(--card-scale));border-bottom:1px dashed rgba(0,0,0,.1)}.row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.row-text{flex:1;min-width:0;font-size:calc(15px * var(--card-scale));line-height:1.5;color:#2c2c2c;overflow-wrap:anywhere}.row-vp{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;font-weight:700;color:var(--card-gold);font-variant-numeric:tabular-nums;font-size:calc(16px * var(--card-scale));white-space:nowrap;margin-left:calc(10px * var(--card-scale));line-height:1.2}.row-vp-sub{display:block;font-size:calc(10px * var(--card-scale));color:#777;font-weight:400;text-align:right;margin-top:calc(-2px * var(--card-scale))}.card-footer{border-top:1px solid var(--border);padding-top:calc(8px * var(--card-scale));color:var(--text-dim);font-size:calc(12px * var(--card-scale))}.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-elev);color:var(--text);font:inherit;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.download-btn:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.download-btn:disabled{opacity:.6;cursor:default}.page--detail .detail-wrap{max-width:calc(var(--card-w) * 2 + 24px);margin:0 auto 32px}.page--detail .card{max-width:none;margin:0}.detail-deck{margin:0 0 12px;font-size:18px}.back{display:inline-block;margin-bottom:16px;color:var(--text-dim)}.back:hover{color:var(--accent)}.empty{color:var(--text-dim);padding:40px 0;text-align:center}.placeholder{max-width:520px;margin:80px auto;text-align:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:40px 28px}.placeholder-badge{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:3px 10px;border-radius:100px;background:var(--accent-soft);color:var(--accent);margin-bottom:12px}.placeholder h1{margin:0 0 10px}.placeholder p{color:var(--text-dim);margin:0 0 20px}.btn{display:inline-block;padding:10px 20px;border-radius:10px;background:var(--accent);color:#fff;font-weight:700}.btn:hover{filter:brightness(1.1)}@media(max-width:820px){.card-pair{grid-template-columns:1fr}:root{--card-w: 100%}}@media(max-width:640px){.content{padding:14px}.topbar{padding:12px 16px;gap:12px}}