:root{--ink: #070b1a;--bg: #0b1230;--panel: #14225a;--panel-2: #1c2f72;--text: #eef4ff;--text-muted: #9fb3e0;--hero-yellow: #ffd60a;--hero-blue: #1f6fff;--accent: #ffd60a;--danger: #ff3b4e;--warning: #ff9f1a;--ok: #3ce8a0;--radius: 14px;--outline: 3px;--shadow: 5px 5px 0 var(--ink);--font-display: "Bangers", Impact, "Arial Black", sans-serif;--font-ui: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--font-body: "Barlow", system-ui, sans-serif;--ease-pop: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}input{font:inherit}h1,h2,h3,p{margin:0}::selection{background:var(--hero-yellow);color:var(--ink)}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 60%,transparent) transparent}.app{position:relative;max-width:1480px;margin:0 auto;padding:12px 20px 28px}.app:before,.app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.app:after{top:-240px;right:-240px;bottom:-240px;left:-240px;will-change:transform,opacity}.app:before{background:radial-gradient(1100px 520px at 12% -12%,color-mix(in srgb,var(--accent) 32%,transparent),transparent 65%),radial-gradient(900px 600px at 105% 8%,#4b1d8a55,transparent 60%),radial-gradient(800px 500px at 50% 115%,#0f3a8a66,transparent 60%),linear-gradient(180deg,#0b1230,#060a1c)}.app:after{background-image:radial-gradient(1.2px 1.2px at 23px 41px,#fff,transparent),radial-gradient(1px 1px at 137px 83px,#ffffffb0,transparent),radial-gradient(1.5px 1.5px at 71px 163px,#fff,transparent),radial-gradient(1px 1px at 181px 17px,#ffffff90,transparent),radial-gradient(1.3px 1.3px at 211px 131px,#ffffffc0,transparent),radial-gradient(1px 1px at 97px 229px,#ffffff80,transparent);background-size:240px 240px;opacity:.7;animation:stars-drift 120s linear infinite,stars-twinkle 5s ease-in-out infinite alternate}.btn{--btn-bg: var(--panel-2);--btn-fg: var(--text);display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border:var(--outline) solid var(--ink);border-radius:10px;background:var(--btn-bg);color:var(--btn-fg);box-shadow:4px 4px 0 var(--ink);font-family:var(--font-ui);font-weight:800;font-size:16px;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;transition:transform .14s var(--ease-pop),box-shadow .14s,filter .15s}.btn:hover{transform:translate(-1px,-2px);box-shadow:5px 6px 0 var(--ink);filter:brightness(1.08)}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.btn--blue{--btn-bg: var(--hero-blue);--btn-fg: #fff}.btn--yellow{--btn-bg: var(--hero-yellow);--btn-fg: var(--ink)}.btn--danger{--btn-bg: var(--danger);--btn-fg: #fff}:focus-visible{outline:3px solid var(--hero-yellow);outline-offset:2px}.actions{display:flex;flex-wrap:wrap;gap:10px}.tabs{display:flex;gap:12px;margin-bottom:20px;padding:6px 8px 10px 2px;overflow-x:auto}.tab{--tab-accent: #3b9cff;position:relative;flex:1 0 auto;min-width:170px;display:flex;align-items:center;gap:10px;padding:9px 14px 9px 10px;border:var(--outline) solid var(--ink);border-radius:12px;background:linear-gradient(160deg,color-mix(in srgb,var(--tab-accent) 24%,var(--panel)),var(--panel) 70%);box-shadow:3px 3px 0 var(--ink);color:var(--text-muted);font-family:var(--font-ui);font-weight:800;font-style:italic;font-size:16px;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:transform .2s var(--ease-pop),color .2s,box-shadow .2s,background .3s}.tab:hover{transform:translateY(-2px);color:var(--text)}.tab.active{background:var(--tab-accent);color:var(--ink);transform:translateY(-3px);box-shadow:4px 5px 0 var(--ink),0 0 26px color-mix(in srgb,var(--tab-accent) 55%,transparent)}.tab-icon{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;border:2px solid var(--ink);background:var(--tab-accent);color:var(--ink);transition:transform .35s var(--ease-pop),background .3s,color .3s}.tab.active .tab-icon{background:var(--ink);color:var(--tab-accent);transform:rotate(-12deg) scale(1.12)}.tab:hover .tab-icon{transform:rotate(-12deg)}.tab-icon--img{width:38px;height:38px;margin:-4px 0;background:var(--ink)}.tab-icon--img img{width:30px;height:30px;object-fit:contain}.tab-icon--cover{overflow:hidden}.tab-icon--cover img{width:100%;height:100%;object-fit:cover}.tab.active .tab-icon--cover img{animation:none}.tab-icon--img,.tab.active .tab-icon--img,.tab:hover .tab-icon--img{transform:none}.tab.active .tab-icon--img{box-shadow:0 0 14px color-mix(in srgb,var(--tab-accent) 70%,transparent)}.tab.active .tab-icon--img img{animation:emblem-pulse 2.4s ease-in-out infinite}.layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:22px;align-items:start}.operations{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:20px}.operations--single{grid-template-columns:minmax(0,760px)}.sidebar{position:sticky;top:12px;display:grid;gap:18px;max-height:calc(100vh - 24px);overflow-y:auto;padding:2px 8px 8px 2px}.panel{position:relative;padding:14px;border:var(--outline) solid var(--ink);border-radius:var(--radius);background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:var(--shadow)}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background-image:radial-gradient(color-mix(in srgb,var(--accent) 45%,transparent) 1.3px,transparent 1.6px);background-size:9px 9px;-webkit-mask-image:linear-gradient(215deg,#000,transparent 40%);mask-image:linear-gradient(215deg,#000,transparent 40%)}.panel-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;transition:margin .25s}.panel.is-collapsed .panel-head{margin-bottom:0}.panel-toggle{display:flex;align-items:center;gap:6px;min-width:0;padding:0;border:0;background:none;cursor:pointer}.panel-chevron{flex-shrink:0;color:var(--accent);transition:transform .25s var(--ease-pop)}.panel.is-collapsed .panel-chevron{transform:rotate(-90deg)}.panel-toggle:hover .panel-title{color:var(--hero-yellow)}.panel-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s ease}.panel.is-collapsed .panel-body{grid-template-rows:0fr}.panel-body-inner{min-height:0;overflow:hidden}.panel-title{font-family:var(--font-display);font-weight:400;font-size:26px;letter-spacing:1.2px;line-height:1;white-space:nowrap;text-shadow:2px 2px 0 var(--ink)}.panel-count{display:inline-block;min-width:26px;padding:1px 6px;margin-left:4px;border:2px solid var(--ink);border-radius:999px;background:var(--accent);color:var(--ink);font-family:var(--font-ui);font-weight:800;font-size:13px;text-align:center;text-shadow:none;vertical-align:middle}.op-card{position:relative;isolation:isolate;overflow:hidden;padding:12px 14px 16px;border:var(--outline) solid var(--ink);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);animation:card-in .5s var(--ease-pop) backwards;animation-delay:calc(var(--i, 0) * 45ms);transition:transform .22s var(--ease-pop),box-shadow .22s}.op-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:var(--op-bg);background-size:cover;background-position:center;transform:scale(1.04);transition:transform .8s ease,filter .4s}.op-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 35%,transparent) 0%,transparent 50%),linear-gradient(180deg,#070b1a55,#070b1a90 60%,#070b1ab8);transition:opacity .3s}.op-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.op-card:hover:before{transform:scale(1.12)}.op-card--empty:before{filter:saturate(.8) brightness(.85)}.op-card--complete{box-shadow:var(--shadow),0 0 0 2px var(--accent),0 0 30px color-mix(in srgb,var(--accent) 45%,transparent)}.op-card--complete:hover{box-shadow:7px 7px 0 var(--ink),0 0 0 2px var(--accent),0 0 34px color-mix(in srgb,var(--accent) 55%,transparent)}.op-card--flash{animation:flash 1.3s ease-out}.op-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.op-index{flex-shrink:0;min-width:36px;height:30px;display:grid;place-items:center;padding:0 6px;border:2px solid var(--ink);border-radius:8px;background:var(--accent);color:var(--ink);box-shadow:2px 2px 0 var(--ink);font-family:var(--font-display);font-size:19px;letter-spacing:1px;transform:skew(-8deg)}.op-titles{flex:1;min-width:0;display:grid}.op-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-weight:400;font-size:23px;letter-spacing:1.2px;line-height:1.1;color:#fff;text-shadow:2px 2px 0 var(--ink)}.op-name-en{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-ui);font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);opacity:.85}.op-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:-4px 0 14px}.op-rank{display:flex;align-items:center;overflow:hidden;border:2px solid var(--ink);border-radius:8px;background:#070b1ac0;box-shadow:2px 2px 0 var(--ink)}.op-rank--none{padding:3px 10px;font-family:var(--font-ui);font-weight:800;font-size:13px;text-transform:uppercase;color:var(--text-muted)}.op-rank-btn{display:grid;place-items:center;width:26px;align-self:stretch;border:0;background:color-mix(in srgb,var(--accent) 25%,transparent);cursor:pointer;transition:background .15s}.op-rank-btn:hover:not(:disabled){background:var(--accent);color:var(--ink)}.op-rank-btn:disabled{opacity:.3;cursor:default}.op-rank-value{display:flex;align-items:baseline;gap:5px;padding:2px 8px;cursor:text}.op-rank-label{font-family:var(--font-ui);font-weight:800;font-size:13px;letter-spacing:.5px;text-transform:uppercase;color:var(--text)}.op-rank-value input{width:2.4ch;padding:0;border:0;outline:none;background:transparent;color:var(--accent);font-family:var(--font-display);font-size:22px;line-height:1;text-align:center;text-shadow:1px 1px 0 var(--ink)}.op-rank:focus-within{box-shadow:2px 2px 0 var(--ink),0 0 0 3px var(--hero-yellow)}.op-reward{display:flex;align-items:center;gap:6px;padding:2px 10px 2px 4px;border:2px solid var(--ink);border-radius:8px;background:#070b1ac0;box-shadow:2px 2px 0 var(--ink)}.op-reward img{width:26px;height:26px;object-fit:contain;filter:drop-shadow(1px 1px 0 var(--ink))}.op-reward-q{display:grid;place-items:center;width:26px;height:26px;font-family:var(--font-display);font-size:20px;color:var(--text-muted)}.op-reward-bonus{padding:0 6px;border-radius:5px;background:var(--hero-yellow);color:var(--ink);font-family:var(--font-ui);font-weight:900;font-size:14px}.op-reward-label{font-family:var(--font-ui);font-weight:700;font-size:13px;text-transform:uppercase;color:var(--text)}.op-reward--unknown .op-reward-label{color:var(--text-muted)}.op-done{flex-shrink:0;display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border:2px solid var(--ink);border-radius:6px;background:var(--ok);color:var(--ink);box-shadow:2px 2px 0 var(--ink);font-family:var(--font-ui);font-weight:900;font-size:13px;text-transform:uppercase;transform:rotate(-6deg);animation:stamp-in .45s var(--ease-pop)}.op-badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-4px 0 10px}.op-power{flex-shrink:0;display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border:2px solid var(--ink);border-radius:6px;background:var(--hero-yellow);color:var(--ink);box-shadow:2px 2px 0 var(--ink);font-family:var(--font-ui);font-weight:900;font-size:14px;cursor:help}.op-power sup{font-size:11px}.waves{flex-shrink:0;display:flex;align-items:stretch;overflow:hidden;border:2px solid var(--ink);border-radius:999px;background:#070b1ab0;box-shadow:2px 2px 0 var(--ink);cursor:text;transition:box-shadow .2s}.waves:focus-within{box-shadow:2px 2px 0 var(--ink),0 0 0 3px var(--hero-yellow)}.waves-label{display:grid;place-items:center;padding:0 8px;background:var(--accent);color:var(--ink);font-family:var(--font-ui);font-weight:900;font-size:12px;letter-spacing:1px;text-transform:uppercase}.waves-input{width:58px;padding:3px 6px;border:0;outline:none;background:transparent;color:#fff;font-family:var(--font-ui);font-weight:800;font-size:17px;text-align:center}.waves-input::placeholder{color:var(--text-muted)}.slot-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.slot-row--items{margin-top:12px}.slot{position:relative;aspect-ratio:1;display:grid;place-items:center;border:2px dashed color-mix(in srgb,var(--accent) 60%,#ffffff30);border-radius:12px;background:#070b1a70;transition:transform .2s var(--ease-pop),border-color .2s,background .2s,box-shadow .2s}.slot--item{width:62%;justify-self:center;border-radius:50%}.slot-plus{font-family:var(--font-display);font-size:28px;line-height:1;color:color-mix(in srgb,var(--accent) 70%,#fff);opacity:.45;transition:transform .25s var(--ease-pop),opacity .2s,color .2s}.slot--item .slot-plus{font-size:18px}.slot:hover .slot-plus{opacity:.8;transform:scale(1.15)}.slot.filled{border:var(--outline) solid var(--rank, var(--ink));background:var(--panel-2);box-shadow:3px 3px 0 var(--ink)}.slot img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border-radius:9px;cursor:grab}.slot--hero img,.pool-card--hero .portrait img{object-fit:cover;object-position:top center;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--accent) 55%,var(--panel-2)),var(--panel) 75%)}.slot--item img,.pool-card--item .portrait img{object-fit:contain;padding:14%;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--accent) 35%,var(--panel-2)),var(--panel) 80%)}.slot--artifact img{border-radius:50%}.slot--totem{width:56%;justify-self:center;border-radius:12px}.slot--totem img{object-fit:contain;padding:10%;border-radius:9px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--hero-yellow) 30%,var(--panel-2)),var(--panel) 80%);cursor:inherit}.slot--totem.is-empty,.slot--totem.is-none{border-color:#ffffff18;opacity:.45}.slot--totem.is-locked img{filter:grayscale(1) brightness(.55)}.slot--totem.is-available{cursor:pointer;border-style:dashed;border-color:color-mix(in srgb,var(--hero-yellow) 60%,transparent)}.slot--totem.is-available img{opacity:.4;filter:saturate(.4);transition:opacity .15s,filter .15s}.slot--totem.is-available:hover img{opacity:.85;filter:none}.slot--totem.is-equipped{cursor:pointer;border:var(--outline) solid var(--hero-yellow);box-shadow:3px 3px 0 var(--ink),0 0 14px color-mix(in srgb,var(--hero-yellow) 45%,transparent)}.slot--totem.is-equipped:hover{transform:scale(1.06)}.totem-lock{position:absolute;right:-6px;bottom:-6px;z-index:2;padding:2px;border-radius:50%;background:var(--ink);color:var(--text-muted);box-sizing:content-box}.totem-add{position:absolute;z-index:2;font-family:var(--font-display);font-size:22px;color:var(--hero-yellow);text-shadow:2px 2px 0 var(--ink);pointer-events:none}.chips{display:flex;gap:6px;margin-bottom:8px}.chip{padding:3px 10px;border:2px solid var(--ink);border-radius:999px;background:#070b1a90;color:var(--text-muted);font-family:var(--font-ui);font-weight:800;font-size:13px;text-transform:uppercase;cursor:pointer;transition:background .15s,color .15s}.chip:hover{color:var(--text)}.chip.is-active{background:var(--accent);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.pool-hint{margin-bottom:4px;font-size:12px;color:var(--text-muted)}.totem-portrait{cursor:pointer;border-radius:12px;outline-offset:3px}.totem-card .totem-portrait>img:first-child{object-fit:contain;padding:12%;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--hero-yellow) 30%,var(--panel-2)),var(--panel) 80%)}.totem-card.is-owned .totem-portrait>img:first-child{border-color:var(--hero-yellow)}.totem-card.is-missing .totem-portrait>img:first-child{filter:grayscale(1) brightness(.6)}.totem-card.is-missing .pool-name{opacity:.6}.totem-portrait .totem-hero{position:absolute;top:auto;right:auto;left:-6px;bottom:-6px;z-index:2;width:44%;height:auto;aspect-ratio:1;padding:0;box-shadow:none;object-fit:cover;object-position:top center;border:2px solid var(--ink);border-radius:50%;background:var(--panel-2)}.totem-check{position:absolute;top:-7px;right:-7px;z-index:2;display:grid;place-items:center;width:22px;height:22px;border:2px solid var(--ink);border-radius:50%;background:var(--panel);color:var(--text-muted)}.totem-card.is-owned .totem-check{background:var(--ok);color:var(--ink)}.totem-owner{margin-top:-3px;font-family:var(--font-ui);font-weight:600;font-size:11px;line-height:1.05;text-align:center;color:var(--hero-yellow);opacity:.8}.slot img:active{cursor:grabbing}.slot-img{animation:pop-in .4s var(--ease-pop)}.slot.is-target{border-color:var(--hero-yellow)}.slot.is-target:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:3px solid var(--hero-yellow);border-radius:inherit;pointer-events:none;animation:ring-pulse 1.1s ease-in-out infinite;will-change:opacity}.slot--artifact.is-target:before{border-radius:50%}.slot.is-over{transform:scale(1.1);border-style:solid;border-color:var(--hero-yellow);background:color-mix(in srgb,var(--hero-yellow) 22%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--hero-yellow) 35%,transparent),0 0 26px color-mix(in srgb,var(--hero-yellow) 60%,transparent)}.slot.is-over:before{animation:none;opacity:0}.slot.is-over .slot-plus{opacity:1;color:var(--hero-yellow);transform:scale(1.5) rotate(90deg)}.slot.has-error{border-color:var(--danger);animation:error-pulse 1.2s ease-in-out infinite}.slot--hero.ranked img,.pool-card--hero.ranked .portrait img,.rank-preview.ranked img{background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--rank) 55%,#fff),transparent 70%),linear-gradient(160deg,var(--rank),color-mix(in srgb,var(--rank) 55%,#000))}.slot.ranked--plus:after,.pool-card.ranked--plus .portrait:after,.rank-preview.ranked--plus:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#ffffff70 0%,transparent 28%,transparent 70%,#ffffff30 100%);box-shadow:inset 0 0 0 2px #ffffff60}.rank-stars{position:absolute;left:50%;bottom:-9px;z-index:3;display:flex;align-items:center;gap:1px;padding:1px 4px;border-radius:999px;background:var(--ink);color:#8fd8ff;transform:translate(-50%);white-space:nowrap;pointer-events:none}.star{width:11px;height:11px;fill:currentColor}.rank-stars--count{gap:3px;padding:1px 7px;color:var(--hero-yellow);font-family:var(--font-ui);font-weight:900;font-size:13px;line-height:1.2}.rank-stars--count .star{width:12px;height:12px}.rank-ribbon{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1px 7px;border:2px dashed #ffffff40;border-radius:6px;background:transparent;color:var(--text-muted);font-family:var(--font-ui);font-weight:800;font-size:11px;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;transition:transform .15s var(--ease-pop),border-color .15s,color .15s}.rank-ribbon:hover{transform:scale(1.06);border-color:var(--hero-yellow);color:var(--text)}.ranked .rank-ribbon{border:2px solid var(--ink);background:var(--rank);color:#fff;text-shadow:1px 1px 0 var(--ink);box-shadow:2px 2px 0 var(--ink)}.pool-card--hero .portrait img{cursor:pointer}.pool-card.ranked .pool-name{margin-top:6px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:16px;background:#04071499;animation:fade-in .15s ease}.modal{width:min(520px,100%);max-height:calc(100vh - 32px);overflow-y:auto;padding:18px;outline:none;animation:modal-in .3s var(--ease-pop)}.modal-head{position:relative;display:flex;align-items:center;gap:16px;margin-bottom:18px}.modal-titles{flex:1;min-width:0}.modal-titles .panel-title{font-size:30px;white-space:normal}.modal-context{margin-top:4px;font-size:12px;color:var(--text-muted)}.modal-sub{margin-top:6px;display:inline-block;padding:2px 10px;border:2px solid var(--ink);border-radius:6px;background:var(--rank, #ffffff14);color:#fff;box-shadow:2px 2px 0 var(--ink);font-family:var(--font-ui);font-weight:900;font-size:15px;text-transform:uppercase;text-shadow:1px 1px 0 var(--ink)}.modal-close{align-self:flex-start;display:grid;place-items:center;width:34px;height:34px;border:2px solid var(--ink);border-radius:50%;background:var(--panel);cursor:pointer;transition:transform .15s var(--ease-pop),background .15s}.modal-close:hover{transform:rotate(90deg);background:var(--danger)}.rank-preview{position:relative;flex-shrink:0;width:96px;height:96px;border-radius:14px}.rank-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;border:var(--outline) solid var(--rank, var(--ink));border-radius:inherit;background:var(--panel);box-shadow:4px 4px 0 var(--ink);transition:background .25s,border-color .25s}.rank-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rank-chip{position:relative;padding:7px 10px;border:2px solid var(--ink);border-radius:8px;background:var(--rank);color:#fff;box-shadow:2px 2px 0 var(--ink);font-family:var(--font-ui);font-weight:900;font-size:15px;letter-spacing:.4px;text-align:left;text-transform:uppercase;text-shadow:1px 1px 0 var(--ink);cursor:pointer;transition:transform .15s var(--ease-pop),box-shadow .15s,filter .15s}.rank-chip--plus{background:linear-gradient(125deg,color-mix(in srgb,var(--rank) 60%,#fff) 0%,var(--rank) 35%)}.rank-chip:hover{transform:translate(-1px,-2px);box-shadow:3px 4px 0 var(--ink);filter:brightness(1.1)}.rank-chip.is-selected{box-shadow:2px 2px 0 var(--ink),0 0 0 3px var(--hero-yellow);transform:scale(1.03)}.rank-chip{display:flex;align-items:center;justify-content:space-between}.rank-chip .icon-check{color:var(--hero-yellow);filter:drop-shadow(1px 1px 0 var(--ink))}.stars-input{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:10px 12px;border:2px solid var(--ink);border-radius:10px;background:#070b1a80;animation:fade-in .2s ease}.stars-input-label{font-family:var(--font-ui);font-weight:800;font-size:15px;text-transform:uppercase;color:var(--text-muted)}.star-pips{display:flex;gap:4px}.star-pip{padding:2px;border:0;background:none;color:#ffffff30;cursor:pointer;transition:transform .15s var(--ease-pop),color .15s}.star-pip .star{width:30px;height:30px;stroke:var(--ink);stroke-width:1.5}.star-pip.is-on{color:#8fd8ff}.star-pip:hover{transform:scale(1.2) rotate(-8deg)}.stepper{display:flex;align-items:center;gap:8px}.stepper-btn{display:grid;place-items:center;width:34px;height:34px;border:2px solid var(--ink);border-radius:8px;background:var(--panel-2);box-shadow:2px 2px 0 var(--ink);cursor:pointer}.stepper-btn:disabled{opacity:.4;cursor:default}.stepper-value{display:flex;align-items:center;gap:5px;min-width:70px;justify-content:center;color:var(--hero-yellow);font-family:var(--font-display);font-size:30px;text-shadow:2px 2px 0 var(--ink)}.stepper-value .star{width:24px;height:24px;stroke:var(--ink);stroke-width:1.5}.modal-foot{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.btn:disabled{opacity:.45;cursor:default;transform:none;box-shadow:4px 4px 0 var(--ink)}.level-badge{position:absolute;top:-10px;left:-10px;z-index:2;display:flex;align-items:center;gap:2px;height:24px;padding:0 7px 0 6px;border:2px solid var(--ink);border-radius:999px;background:var(--hero-yellow);color:var(--ink);box-shadow:2px 2px 0 var(--ink);font-family:var(--font-ui);font-weight:900;cursor:text;transition:transform .18s var(--ease-pop),box-shadow .18s}.level-badge:hover{transform:scale(1.08)}.level-badge:focus-within{transform:scale(1.18);box-shadow:2px 2px 0 var(--ink),0 0 0 3px #fff}.level-badge-lv{font-size:9px;letter-spacing:.5px;opacity:.75}.level-badge input{width:calc(var(--len, 1) * 1ch + 2px);padding:0;border:0;outline:none;background:transparent;color:inherit;font-family:var(--font-ui);font-weight:900;font-size:15px;text-align:center}.level-badge input::placeholder{color:#070b1a80}.is-shaking{animation:shake .38s ease}.search{display:flex;align-items:center;gap:6px;padding:5px 11px;border:2px solid var(--ink);border-radius:999px;background:#070b1aa0;color:var(--text-muted);transition:box-shadow .2s,color .2s}.search:focus-within{color:var(--text);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 60%,transparent)}.search input{width:100px;border:0;outline:none;background:transparent;color:var(--text);font-family:var(--font-ui);font-weight:600;font-size:15px}.search input::placeholder{color:var(--text-muted)}.pool-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:16px 12px;max-height:330px;overflow-y:auto;padding:12px 6px 8px 12px}.pool-empty{padding:18px 8px;color:var(--text-muted);font-family:var(--font-ui);font-size:15px;text-align:center}.pool-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;animation:card-in .4s var(--ease-pop) backwards;animation-delay:calc(min(var(--i, 0),24)*18ms)}.portrait{position:relative;width:100%;aspect-ratio:1;border-radius:12px;transition:transform .2s var(--ease-pop)}.pool-card--artifact .portrait{border-radius:50%}.portrait img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:var(--outline) solid var(--rank, var(--ink));border-radius:inherit;box-shadow:3px 3px 0 var(--ink);cursor:grab;transition:box-shadow .2s}.portrait img:active{cursor:grabbing}.pool-card:hover .portrait{transform:translateY(-4px) rotate(-3deg) scale(1.06)}.pool-card:hover .portrait img{box-shadow:4px 7px 0 var(--ink),0 0 20px color-mix(in srgb,var(--rank, var(--accent)) 65%,transparent)}.pool-card .level-badge{top:-9px;left:-8px}.pool-name{font-family:var(--font-ui);font-weight:700;font-size:12px;line-height:1.05;letter-spacing:.3px;text-align:center;text-transform:uppercase;color:var(--text-muted)}.pool.is-remove-target:after{content:attr(data-hint);position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:5;display:grid;place-items:center;border:3px dashed var(--danger);border-radius:10px;background:color-mix(in srgb,var(--danger) 22%,#070b1ac0);color:#fff;font-family:var(--font-display);font-size:26px;letter-spacing:1px;text-shadow:2px 2px 0 var(--ink);pointer-events:none;animation:fade-in .2s ease;transition:background .2s,transform .2s var(--ease-pop)}.pool.is-remove-target.is-over:after{background:color-mix(in srgb,var(--danger) 55%,#070b1aa0);transform:scale(1.02)}.review-badge{display:grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border:2px solid var(--ink);border-radius:999px;background:var(--warning);color:var(--ink);font-family:var(--font-ui);font-weight:900}.review-badge.is-ok{background:var(--ok)}.review-ok{display:flex;align-items:center;gap:6px;color:var(--ok);font-family:var(--font-ui);font-weight:800}.review-title{margin:16px 0 8px;font-family:var(--font-ui);font-weight:900;font-size:14px;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted)}.review-rows,.review-rewards{display:grid;gap:6px;margin:0;padding:0;list-style:none}.review-row{position:relative;display:grid;grid-template-columns:1fr auto;gap:2px 8px;width:100%;padding:6px 10px 8px;border:2px solid #ffffff14;border-radius:10px;background:#070b1a70;text-align:left;cursor:pointer;transition:transform .15s var(--ease-pop),border-color .15s}.review-row:hover{transform:translate(4px);border-color:var(--accent)}.review-row.is-weakest{border-color:var(--warning)}.review-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.review-row-value{font-family:var(--font-ui);font-weight:900;color:var(--hero-yellow)}.review-bar{grid-column:1 / -1;height:6px;border-radius:999px;background:#ffffff12;overflow:hidden}.review-bar span{display:block;width:var(--pct);height:100%;border-radius:inherit;background:var(--accent);transition:width .5s var(--ease-pop)}.review-row.is-weakest .review-bar span{background:var(--warning)}.review-tag{position:absolute;top:-9px;right:8px;padding:0 6px;border:2px solid var(--ink);border-radius:6px;background:var(--warning);color:var(--ink);font-family:var(--font-ui);font-weight:900;font-size:11px;text-transform:uppercase}.review-note{margin-top:6px;font-size:12px;color:var(--text-muted)}.review-rewards{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.review-reward{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:6px;width:100%;padding:5px 8px;border:2px solid #ffffff14;border-radius:10px;background:#070b1a70;text-align:left;cursor:pointer}.review-reward:hover{border-color:var(--accent)}.review-reward img{grid-row:span 2;width:28px;height:28px;object-fit:contain}.review-reward-name{font-size:12px;line-height:1.1;color:var(--text-muted)}.review-reward-bonus{font-family:var(--font-ui);font-weight:900;color:var(--ok)}.issues{position:relative;display:grid;gap:6px;max-height:240px;overflow-y:auto;margin:0;padding:0 4px 0 0;list-style:none}.issue{width:100%;padding:7px 10px;border:0;border-left:4px solid;border-radius:8px;background:#070b1a90;font-family:var(--font-body);font-size:13px;text-align:left;cursor:pointer;animation:slide-in .35s ease backwards;animation-delay:calc(min(var(--i, 0),12)*30ms);transition:background .2s,transform .2s var(--ease-pop)}.issue:hover{background:#070b1ad0;transform:translate(4px)}.issue-count{margin-left:6px;padding:0 6px;border-radius:999px;background:#ffffff20;font-family:var(--font-ui);font-weight:800}.issue--error{border-color:var(--danger)}.issue--warning{border-color:var(--warning)}.issue--info{border-color:var(--hero-blue)}.slot,.pool-card,.portrait,.chip,.op-rank-btn{touch-action:manipulation}.slot{cursor:pointer}.slot.is-selected,.pool-card.is-selected .portrait{outline:3px solid var(--hero-yellow);outline-offset:3px;animation:selected-bob 1s ease-in-out infinite}.pool-card.is-selected .pool-name{color:var(--hero-yellow)}.selection-bar{position:fixed;left:50%;bottom:16px;z-index:60;display:flex;align-items:center;gap:12px;width:min(560px,calc(100% - 24px));padding:8px 10px;border:var(--outline) solid var(--ink);border-radius:14px;background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:5px 5px 0 var(--ink),0 0 0 2px var(--hero-yellow);transform:translate(-50%);animation:bar-in .3s var(--ease-pop)}.selection-bar-img{width:46px;height:46px;flex-shrink:0;object-fit:cover;object-position:top center;border:2px solid var(--ink);border-radius:10px;background:var(--panel-2)}.selection-bar-text{flex:1;min-width:0;display:grid}.selection-bar-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-weight:400;font-size:20px;letter-spacing:1px;color:var(--hero-yellow);text-shadow:2px 2px 0 var(--ink)}.selection-bar-text span{font-size:12px;color:var(--text-muted)}.selection-bar-actions{display:flex;gap:6px}.selection-bar-actions .btn{padding:7px 10px;font-size:14px;box-shadow:3px 3px 0 var(--ink)}.selection-bar~.toast{bottom:96px}.toast{position:fixed;right:24px;bottom:24px;z-index:50;display:flex;align-items:center;gap:8px;padding:10px 16px;border:var(--outline) solid var(--ink);border-radius:12px;background:var(--ok);color:var(--ink);box-shadow:4px 4px 0 var(--ink);font-family:var(--font-ui);font-weight:800;font-size:17px;text-transform:uppercase;animation:toast-in .45s var(--ease-pop)}@keyframes card-in{0%{opacity:0;transform:translateY(16px) scale(.96)}}@keyframes pop-in{0%{opacity:0;transform:scale(.4) rotate(-10deg)}60%{opacity:1;transform:scale(1.12) rotate(3deg)}to{transform:none}}@keyframes stamp-in{0%{opacity:0;transform:scale(2.4) rotate(-25deg)}to{opacity:1;transform:scale(1) rotate(-6deg)}}@keyframes shake{0%,to{translate:0}20%{translate:-5px}40%{translate:5px}60%{translate:-3px}80%{translate:3px}}@keyframes ring-pulse{0%,to{opacity:0}50%{opacity:.55}}@keyframes error-pulse{0%,to{box-shadow:3px 3px 0 var(--ink),0 0 0 0 transparent}50%{box-shadow:3px 3px 0 var(--ink),0 0 0 4px color-mix(in srgb,var(--danger) 55%,transparent)}}@keyframes flash{0%{box-shadow:var(--shadow),0 0 0 0 var(--hero-yellow)}30%{box-shadow:var(--shadow),0 0 0 6px var(--hero-yellow),0 0 40px var(--hero-yellow)}to{box-shadow:var(--shadow),0 0 0 0 transparent}}@keyframes slide-in{0%{opacity:0;transform:translate(-10px)}}@keyframes fade-in{0%{opacity:0}}@keyframes toast-in{0%{opacity:0;transform:translateY(40px) scale(.85) rotate(3deg)}}@keyframes emblem-float{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-4px) rotate(4deg)}}@keyframes selected-bob{0%,to{outline-offset:3px}50%{outline-offset:6px}}@keyframes bar-in{0%{opacity:0;transform:translate(-50%,30px)}}@keyframes modal-in{0%{opacity:0;transform:translateY(24px) scale(.92) rotate(-1deg)}}@keyframes emblem-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes stars-drift{0%{transform:translateZ(0)}to{transform:translate3d(-240px,240px,0)}}@keyframes stars-twinkle{0%{opacity:.45}to{opacity:.85}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 1150px){.layout{grid-template-columns:1fr}.sidebar{position:static;max-height:none;overflow:visible;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}}@media (max-width: 640px){.app{padding:10px 14px 24px}.actions{width:100%}.actions{gap:8px}.actions .btn{flex:1;justify-content:center;padding:8px 6px;font-size:13px;white-space:nowrap}.tab{min-width:auto;font-size:14px}.op-card{padding:10px 10px 14px}.op-name{font-size:19px}.slot-row{gap:8px}.level-badge{top:-8px;left:-6px;height:21px;padding:0 5px}.level-badge-lv{display:none}.level-badge input{font-size:13px}}.pool-filters{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:2px 0 10px}.pool-filters-sep{width:2px;height:22px;margin:0 3px;background:#ffffff1c}.pool-filter{display:grid;place-items:center;width:32px;height:32px;padding:0;border:2px solid #ffffff1c;border-radius:8px;background:#070b1a80;color:var(--text-muted);cursor:pointer;transition:transform .12s var(--ease-pop),border-color .12s}.pool-filter img{width:22px;height:22px;object-fit:contain;filter:grayscale(.6)}.pool-filter:hover{transform:translateY(-2px);color:var(--text)}.pool-filter.is-active{border-color:var(--ink);background:var(--accent);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.pool-filter.is-active img{filter:none}.guide{display:grid;gap:12px;margin-bottom:16px;padding:16px 18px;border:var(--outline) solid var(--ink);border-radius:var(--radius);background:radial-gradient(circle,#ffffff10 1.2px,transparent 1.6px) 0 0 / 9px 9px,linear-gradient(120deg,color-mix(in srgb,var(--accent) 30%,var(--panel)),var(--panel) 70%);box-shadow:var(--shadow);animation:card-in .4s var(--ease-pop)}.guide-title{font-family:var(--font-display);font-weight:400;font-size:28px;letter-spacing:1px;color:var(--hero-yellow);text-shadow:2px 2px 0 var(--ink)}.guide-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:0;padding:0;list-style:none}.guide-step{display:grid;grid-template-columns:auto auto 1fr;align-items:start;gap:8px}.guide-num{display:grid;place-items:center;width:28px;height:28px;border:2px solid var(--ink);border-radius:50%;background:var(--hero-yellow);color:var(--ink);font-family:var(--font-ui);font-weight:900}.guide-step svg{margin-top:4px;color:var(--accent)}.guide-step b{font-family:var(--font-ui);font-weight:900;text-transform:uppercase}.guide-step p{margin-top:2px;font-size:14px;line-height:1.4;color:var(--text-muted)}.guide-step a{color:var(--hero-yellow)}.guide>.btn{justify-self:start}.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:18px;margin:0 -20px 18px;padding:10px 20px;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--outline) solid var(--ink)}.logo{display:grid;line-height:.85;text-decoration:none;transform:rotate(-2deg);transition:transform .2s var(--ease-pop)}.logo:hover{transform:rotate(0) scale(1.04)}.logo-kicker{font-family:var(--font-ui);font-weight:900;font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--text)}.logo-title{font-family:var(--font-display);font-size:30px;letter-spacing:1.5px;color:var(--hero-yellow);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);white-space:nowrap}.site-nav-wrap{flex:1;display:flex;align-items:center;justify-content:space-between;gap:16px}.site-nav{display:flex;gap:6px}.site-nav-link{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:2px solid transparent;border-radius:10px;font-family:var(--font-ui);font-weight:800;font-size:16px;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;color:var(--text-muted);transition:color .15s,background .15s,transform .15s var(--ease-pop)}.site-nav-link:hover{color:var(--text);transform:translateY(-1px)}.site-nav-link.is-active{color:var(--ink);background:var(--accent);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.site-tools{display:flex;align-items:center;gap:10px}.nav-group{position:relative}.nav-group-toggle{border:2px solid transparent;background:none;cursor:pointer}.nav-group-chevron{transition:transform .2s var(--ease-pop)}.nav-group.is-open .nav-group-chevron{transform:rotate(180deg)}.nav-group-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:5;display:none;min-width:230px;padding:8px;border:var(--outline) solid var(--ink);border-radius:12px;background:var(--panel);box-shadow:5px 5px 0 var(--ink)}.nav-group.is-open .nav-group-menu{display:grid;gap:4px;animation:modal-in .2s var(--ease-pop)}.nav-group-menu .site-nav-link{white-space:nowrap}.lang-switch{display:inline-flex;border:var(--outline) solid var(--ink);border-radius:10px;overflow:hidden;box-shadow:3px 3px 0 var(--ink)}.lang-btn{padding:6px 10px;border:0;background:var(--panel);font-family:var(--font-ui);font-weight:900;font-size:14px;letter-spacing:1px;color:var(--text-muted);cursor:pointer}.lang-btn+.lang-btn{border-left:2px solid var(--ink)}.lang-btn:hover{color:var(--text)}.lang-btn.is-active{background:var(--hero-yellow);color:var(--ink)}.btn--kofi{--btn-bg: #ff5e5b;--btn-fg: #fff;text-decoration:none;white-space:nowrap}.btn--big{padding:12px 20px;font-size:19px}a.btn{text-decoration:none}.menu-toggle{display:none;margin-left:auto;padding:7px 9px}.nav-backdrop{display:none}.skeleton{display:grid;gap:16px;animation:fade-in .3s ease .15s backwards}.skeleton-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.sk{position:relative;display:block;overflow:hidden;border-radius:10px;background:color-mix(in srgb,var(--panel-2) 80%,#fff 4%)}.sk:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,#ffffff1f 50%,transparent 80%);transform:translate(-100%);animation:sk-shine 1.3s ease-in-out infinite}.sk-title{width:min(320px,60%);height:40px}.sk-btn{width:120px;height:40px}.sk-bar{height:52px;border-radius:var(--radius)}.sk-card{display:grid;gap:8px;padding:10px;border:var(--outline) solid #ffffff10;border-radius:var(--radius);background:#14225a80;animation:fade-in .4s ease backwards;animation-delay:calc(var(--i) * 40ms + .15s)}.sk-portrait{aspect-ratio:1}.sk-line{height:14px;border-radius:6px}.sk-line--short{width:60%;justify-self:center}@keyframes sk-shine{to{transform:translate(100%)}}.page-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.page-title,.section-title{font-family:var(--font-display);font-weight:400;font-size:clamp(30px,4vw,42px);letter-spacing:1.5px;line-height:1;color:var(--text);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink)}.page-title{color:var(--accent);transition:color .3s}.home{display:grid;gap:44px}.hero-banner{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;min-height:460px;padding:36px 40px 0;border:var(--outline) solid var(--ink);border-radius:calc(var(--radius) + 6px);box-shadow:8px 8px 0 var(--ink);overflow:hidden;isolation:isolate;background:var(--panel)}.hero-banner:before,.hero-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.hero-banner:before{background:linear-gradient(90deg,#0b1230f2,#0b1230c8 45%,#0b123040),var(--city) center 35% / cover}.hero-banner:after{background:radial-gradient(circle,#ffffff14 1.2px,transparent 1.6px) 0 0 / 9px 9px;-webkit-mask-image:linear-gradient(90deg,transparent 40%,#000);mask-image:linear-gradient(90deg,transparent 40%,#000)}.hero-copy{padding-bottom:36px}.hero-kicker{display:inline-block;margin-bottom:14px;padding:4px 10px;border:2px solid var(--ink);border-radius:6px;background:var(--hero-blue);box-shadow:3px 3px 0 var(--ink);font-family:var(--font-ui);font-weight:900;font-size:14px;letter-spacing:2px;text-transform:uppercase;transform:rotate(-2deg)}.hero-title{font-family:var(--font-display);font-weight:400;font-size:clamp(42px,6.2vw,82px);line-height:.92;letter-spacing:1.5px;color:var(--hero-yellow);-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink)}.hero-lead{max-width:540px;margin-top:18px;font-size:18px;line-height:1.5;color:var(--text)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hero-art{position:relative;align-self:end;height:440px}.hero-art img{position:absolute;bottom:0;filter:drop-shadow(6px 6px 0 var(--ink))}.hero-art-main{left:50%;height:100%;transform:translate(-50%);animation:hero-float 6s ease-in-out infinite}.hero-art-side{height:72%;opacity:.9;filter:drop-shadow(6px 6px 0 var(--ink)) brightness(.75) saturate(.85)!important}.hero-art-side--left{left:0}.hero-art-side--right{right:0}.pow{position:absolute;top:18px;right:6%;font-family:var(--font-display);font-size:34px;letter-spacing:1px;color:var(--ink);background:var(--hero-yellow);clip-path:polygon(50% 0,61% 26%,92% 10%,76% 40%,100% 52%,74% 62%,86% 94%,56% 74%,40% 100%,36% 72%,6% 86%,24% 58%,0 42%,26% 34%,14% 6%,40% 24%);padding:34px 38px;transform:rotate(12deg);animation:pow-pulse 2.8s ease-in-out infinite}@keyframes hero-float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@keyframes pow-pulse{0%,to{transform:rotate(12deg) scale(1)}50%{transform:rotate(8deg) scale(1.08)}}.home-section{display:grid;gap:18px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.tool-card{position:relative;display:grid;grid-template-rows:150px 1fr;border:var(--outline) solid var(--ink);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);overflow:hidden;color:var(--text);text-decoration:none;animation:card-in .5s var(--ease-pop) backwards;animation-delay:calc(var(--i) * 50ms);transition:transform .18s var(--ease-pop),box-shadow .18s}.tool-card.is-live:hover{transform:translate(-3px,-4px) rotate(-.6deg);box-shadow:8px 9px 0 var(--ink)}.tool-card.is-live:hover .tool-art img{transform:scale(1.08)}.tool-card.is-soon{filter:saturate(.55)}.tool-card.is-soon .tool-art img{opacity:.75}.tool-art{position:relative;display:grid;place-items:center;border-bottom:var(--outline) solid var(--ink);background:radial-gradient(circle,#ffffff1a 1.2px,transparent 1.6px) 0 0 / 9px 9px,radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--tool) 70%,transparent),transparent 70%),linear-gradient(160deg,color-mix(in srgb,var(--tool) 35%,var(--panel-2)),var(--panel));overflow:hidden}.tool-art img{transition:transform .3s var(--ease-pop)}.tool-art--cover img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}.tool-art--contain img{width:96px;height:96px;object-fit:contain;filter:drop-shadow(3px 3px 0 var(--ink))}.tool-body{display:grid;align-content:start;gap:6px;padding:14px 16px 16px}.tool-badge{justify-self:start;padding:2px 8px;border:2px solid var(--ink);border-radius:999px;font-family:var(--font-ui);font-weight:900;font-size:12px;letter-spacing:1px;text-transform:uppercase}.tool-badge--live{background:var(--ok);color:var(--ink)}.tool-badge--soon{background:var(--panel-2);color:var(--text-muted)}.tool-title{font-family:var(--font-display);font-weight:400;font-size:26px;letter-spacing:1px;color:var(--tool);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;text-shadow:2px 2px 0 var(--ink)}.tool-text{font-size:15px;line-height:1.45;color:var(--text-muted)}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.why-card{display:grid;gap:8px;padding:18px;border:var(--outline) solid var(--ink);border-radius:var(--radius);background:linear-gradient(160deg,var(--panel-2),var(--panel));box-shadow:var(--shadow)}.why-card h3{font-family:var(--font-ui);font-weight:900;font-size:20px;text-transform:uppercase;letter-spacing:.5px}.why-card p{color:var(--text-muted);line-height:1.45}.why-icon{display:grid;place-items:center;width:44px;height:44px;border:var(--outline) solid var(--ink);border-radius:50%;background:var(--hero-yellow);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.support-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:24px 28px;border:var(--outline) solid var(--ink);border-radius:var(--radius);background:radial-gradient(circle,#ffffff12 1.2px,transparent 1.6px) 0 0 / 9px 9px,linear-gradient(120deg,#ff5e5b40,var(--panel) 60%);box-shadow:var(--shadow)}.support-band p{max-width:620px;margin-top:8px;line-height:1.5;color:var(--text-muted)}.not-found{display:grid;justify-items:center;gap:14px;padding:60px 0;text-align:center}.not-found-code{font-family:var(--font-display);font-size:120px;line-height:1;color:var(--accent);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink)}.site-footer{display:grid;gap:12px;margin-top:48px;padding-top:22px;border-top:var(--outline) solid var(--ink);font-size:13px;color:var(--text-muted)}.site-footer-main{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.site-footer-name{font-family:var(--font-display);font-size:22px;letter-spacing:1px;color:var(--hero-yellow)}.site-footer-actions{display:flex;flex-wrap:wrap;gap:10px}.btn--discord{--btn-bg: #5865f2;--btn-fg: #fff;text-decoration:none}.site-footer-made{font-family:var(--font-ui);font-weight:700;letter-spacing:1px;text-transform:uppercase}.site-footer a{color:var(--text)}.site-footer a:hover{color:var(--hero-yellow)}.site-footer-legal{opacity:.75}@media (max-width: 900px){.hero-banner{grid-template-columns:1fr;padding:26px 22px 0}.hero-art{height:300px}.hero-copy{padding-bottom:0}}@media (max-width: 760px){.menu-toggle{display:inline-flex}.site-nav-wrap{position:absolute;top:100%;left:0;right:0;z-index:2;flex-direction:column;align-items:stretch;padding:14px 16px 18px;background:var(--bg);border-bottom:var(--outline) solid var(--ink);box-shadow:0 10px #0006;transform:translateY(-8px);opacity:0;visibility:hidden;transition:transform .2s var(--ease-pop),opacity .15s,visibility .2s}.site-header.is-open .site-nav-wrap{transform:none;opacity:1;visibility:visible}.site-nav{flex-direction:column}.nav-group-toggle{pointer-events:none}.nav-group-chevron{display:none}.nav-group-menu{position:static;display:grid;gap:2px;min-width:0;padding:0 0 0 26px;border:0;background:none;box-shadow:none}.site-nav-link{font-size:19px;padding:10px 12px}.site-tools{justify-content:space-between}.site-header.is-open .nav-backdrop{display:block;position:fixed;right:0;bottom:0;left:0;z-index:1;top:100%;height:100vh;background:#0008}}@media (max-width: 640px){.site-header{margin:0 -14px 14px;padding:8px 14px}.logo-title{font-size:24px}.logo-kicker{font-size:11px}.hero-banner{min-height:0}.hero-lead{font-size:16px}.hero-art{height:240px}.pow{font-size:22px;padding:24px 26px}.btn--big{font-size:16px}.support-band{padding:18px}}.number-field{display:inline-grid;gap:4px}.number-field-label,.calc-select>span,.calc-mini-title{font-family:var(--font-ui);font-weight:800;font-size:13px;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted)}.number-field-box{display:inline-flex;align-items:stretch;border:var(--outline) solid var(--ink);border-radius:10px;overflow:hidden;background:var(--panel-2);box-shadow:3px 3px 0 var(--ink)}.number-field-box button{display:grid;place-items:center;width:32px;border:0;background:transparent;color:var(--text);cursor:pointer}.number-field-box button:hover:not(:disabled){background:var(--accent);color:var(--ink)}.number-field-box button:disabled{opacity:.3;cursor:default}.number-field-box input{width:74px;border:0;border-inline:2px solid var(--ink);background:var(--bg);color:var(--text);font-family:var(--font-ui);font-weight:900;font-size:18px;text-align:center}.number-field-box input:focus{outline:none;background:#000}.number-field.is-invalid .number-field-box{border-color:var(--danger)}.number-field-hint{font-size:12px;color:var(--text-muted)}.number-field.is-invalid .number-field-hint{color:var(--danger);font-weight:700}.number-field--compact .number-field-box{box-shadow:2px 2px 0 var(--ink)}.number-field--compact .number-field-box button{width:26px}.number-field--compact .number-field-box input{width:52px;font-size:15px}.result-tile{display:flex;align-items:center;gap:12px;padding:12px 14px;border:var(--outline) solid var(--ink);border-radius:12px;background:radial-gradient(circle,#ffffff10 1.2px,transparent 1.6px) 0 0 / 8px 8px,linear-gradient(150deg,color-mix(in srgb,var(--tile) 30%,var(--panel-2)),var(--panel));box-shadow:4px 4px 0 var(--ink)}.result-tile img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(2px 2px 0 var(--ink))}.result-tile>div{display:grid;min-width:0}.result-tile-label{font-family:var(--font-ui);font-weight:800;font-size:13px;text-transform:uppercase;color:var(--text-muted)}.result-tile-value{font-family:var(--font-display);font-size:34px;line-height:1;letter-spacing:1px;color:var(--tile);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;text-shadow:2px 2px 0 var(--ink)}.result-tile-raw{font-size:12px;color:var(--text-muted);overflow-wrap:anywhere}.btn--small{padding:6px 10px;font-size:13px;box-shadow:3px 3px 0 var(--ink)}.page-sub{margin-top:6px;color:var(--text-muted);font-size:14px}.calc-note{font-size:12px;color:var(--text-muted);opacity:.8}.calc-inputs{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 16px;margin-bottom:16px}.calc-inputs--abilities{gap:8px}.page-wipe{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;overflow:hidden;pointer-events:none}.page-wipe-panel{position:absolute;top:-10%;bottom:-10%;left:-25%;width:150%;display:grid;place-items:center;background:radial-gradient(circle,#00000026 1.6px,transparent 2px) 0 0 / 12px 12px,var(--wipe);border-left:10px solid var(--ink);box-shadow:-14px 0 0 var(--hero-yellow),-24px 0 0 var(--ink);transform:skew(-14deg) translate(0);animation:wipe-out .7s cubic-bezier(.7,0,.3,1) forwards}.page-wipe-title{font-family:var(--font-display);font-size:clamp(44px,9vw,110px);letter-spacing:2px;color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink);transform:skew(14deg) rotate(-4deg);animation:wipe-title .7s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes wipe-out{0%,35%{transform:skew(-14deg) translate(0)}to{transform:skew(-14deg) translate(110%)}}@keyframes wipe-title{0%{transform:skew(14deg) rotate(-4deg) scale(.6);opacity:0}25%{transform:skew(14deg) rotate(-4deg) scale(1.08);opacity:1}40%,to{transform:skew(14deg) rotate(-4deg) scale(1)}}.game-card{position:relative;display:grid;width:168px;flex-shrink:0;overflow:hidden;border:2px solid color-mix(in srgb,var(--rank) 55%,#000);border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--rank) 95%,#fff) 0%,var(--rank) 22%,color-mix(in srgb,var(--rank) 45%,#0d0a10) 58%,#0e0b10 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rank) 60%,#fff),0 0 0 3px var(--ink),6px 6px 0 3px var(--ink)}.game-card-portrait{position:relative;width:100%;aspect-ratio:1;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}.game-card-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 10%}.game-card--plus:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(125deg,#ffffff40 0%,transparent 28%,transparent 100%);pointer-events:none}.game-card-info{display:grid;justify-items:center;gap:1px;margin-top:-14px;padding:0 8px 12px;text-align:center}.game-card-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-body);font-weight:700;font-size:16px;color:#fff;text-shadow:0 1px 3px #000}.game-card-lv{font-size:13px;color:#9a98a6}.game-card-rank{font-family:var(--font-body);font-weight:700;font-size:15px;color:color-mix(in srgb,var(--rank) 45%,#fff)}.game-card-power{font-family:var(--font-body);font-weight:800;font-size:19px;color:color-mix(in srgb,var(--rank) 85%,#fff);text-shadow:0 1px 2px #000}.game-card-power.is-empty{color:#9a98a6;font-size:14px}