@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{color-scheme:dark;--bg-main: #0a0f14;--bg-panel: rgba(15, 23, 32, .68);--bg-panel-strong: rgba(9, 15, 24, .9);--stroke-soft: rgba(255, 255, 255, .1);--stroke-faint: rgba(255, 255, 255, .06);--text-main: #e7efff;--text-muted: #8ea0bd;--accent: #258cf4;--accent-soft: rgba(37, 140, 244, .3);--radius-xl: 1.2rem;--radius-2xl: 1.8rem}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg-main);color:var(--text-main);font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:500;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 24}.bokeh-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(circle at 18% 15%,rgba(37,140,244,.15),transparent 32%),radial-gradient(circle at 85% 24%,rgba(251,191,36,.11),transparent 24%),radial-gradient(circle at 80% 80%,rgba(37,140,244,.16),transparent 28%),radial-gradient(circle at 50% 50%,#141d29,#0a0f14 56%)}.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--stroke-faint);background:#0a0f14b3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-header__inner{max-width:1180px;margin:0 auto;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-brand{display:flex;align-items:center;min-width:240px}.site-brand__logo{display:block;width:min(100%,304px);height:51px;object-fit:contain;object-position:left center}.site-nav{display:flex;align-items:center;gap:1.3rem;color:var(--text-muted);font-size:.76rem;font-weight:700;letter-spacing:.09em}.site-nav a{transition:color .12s ease}.site-nav a:hover{color:#fff}.app-shell{max-width:980px;margin:0 auto;padding:2rem 1rem 8rem}.desktop-zoom-shell{width:100%}.hero{text-align:center;margin:1.2rem 0 1.6rem}.hero h1{margin:0;font-size:clamp(2rem,7vw,4rem);line-height:1;font-weight:800;background:linear-gradient(180deg,#fff,#8fa8c7);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{margin:.85rem auto 0;max-width:640px;color:var(--text-muted);font-size:clamp(.92rem,2.3vw,1.08rem)}.loading{min-height:100vh;display:grid;place-items:center;padding:1rem;color:var(--text-main)}.status{margin:0 0 .9rem;color:#bfe0ff;font-size:.86rem;font-weight:700}.tier-board{display:grid;gap:.62rem}.workspace-grid{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start}.tier-row{display:grid;grid-template-columns:84px 1fr;border-radius:var(--radius-xl)}.tier-row__label{display:grid;place-items:center;color:#fff;font-size:2rem;font-weight:900;border-top-left-radius:1rem;border-bottom-left-radius:1rem;text-shadow:0 8px 16px rgba(0,0,0,.5);box-shadow:inset -10px 0 20px #0003}.tier-row__content{border-top-right-radius:1rem;border-bottom-right-radius:1rem;border:1px solid var(--stroke-faint);background:var(--bg-panel);min-height:108px;padding:.85rem;display:flex;gap:.65rem;flex-wrap:nowrap;overflow-x:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tier-row__content--S{background-image:linear-gradient(90deg,rgba(239,68,68,.3),transparent 55%)}.tier-row__content--A{background-image:linear-gradient(90deg,rgba(249,115,22,.3),transparent 55%)}.tier-row__content--B{background-image:linear-gradient(90deg,rgba(251,191,36,.3),transparent 55%)}.tier-row__content--C{background-image:linear-gradient(90deg,rgba(34,197,94,.3),transparent 55%)}.tier-row__content--D{background-image:linear-gradient(90deg,rgba(59,130,246,.3),transparent 55%)}.tier-row__content--F{background-image:linear-gradient(90deg,rgba(148,163,184,.3),transparent 55%)}.tier-row--S .tier-row__label{background:#dc2626}.tier-row--A .tier-row__label{background:#f97316}.tier-row--B .tier-row__label{background:#eab308}.tier-row--C .tier-row__label{background:#22c55e}.tier-row--D .tier-row__label{background:#3b82f6}.tier-row--F .tier-row__label{background:#64748b}.tier-row.is-over .tier-row__content,.pool__content.is-over{border-color:#60a5fab3;box-shadow:0 0 0 2px #60a5fa3d inset}.tier-row__placeholder{width:88px;height:88px;border-radius:.9rem;border:2px dashed rgba(255,255,255,.18);background:#ffffff0d;display:grid;place-items:center;color:#fff6;flex:0 0 auto}.pokemon-card{position:relative;border-radius:.85rem;overflow:hidden;border:1px solid rgba(255,255,255,.12);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.pokemon-card:after{content:"";position:absolute;inset:-120% -130% auto auto;width:210%;height:210%;transform:rotate(27deg);background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.09) 45%,rgba(255,255,255,.24) 50%,rgba(255,255,255,.09) 55%,transparent 100%);pointer-events:none}.pokemon-card.is-dragging{opacity:.52}.pokemon-card--tier{width:88px;min-height:88px;background:#ffffff12;padding:.42rem .35rem;display:grid;justify-items:center;align-content:center;gap:.25rem}.pokemon-card--pool{width:86px;min-height:114px;background:#ffffff0a;padding:.45rem .3rem;display:grid;justify-items:center;gap:.3rem}.pokemon-card--overlay{width:88px;min-height:88px;background:#1b2a3af2;padding:.42rem .35rem;display:grid;justify-items:center;gap:.25rem;box-shadow:0 15px 34px #00000073}.pokemon-card--pool:hover{transform:translateY(-4px) scale(1.04);border-color:#60a5fa94;box-shadow:0 15px 26px #258cf447}.pokemon-card__sprite{width:56px;height:56px;object-fit:contain}.pokemon-card--pool .pokemon-card__sprite{width:58px;height:58px}.pokemon-card__name{width:100%;text-align:center;font-size:.66rem;line-height:1.05;font-weight:700;color:#e2edff;text-shadow:0 2px 10px rgba(0,0,0,.55);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pool{border-radius:var(--radius-2xl);border:1px solid var(--stroke-faint);background:#0c131ea1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.35rem}.pool__tap-add{margin:0 0 .9rem;padding:.6rem .75rem;border-radius:.9rem;border:1px solid var(--stroke-soft);background:#ffffff08}.pool__tap-add p{margin:0;font-size:.76rem;color:#a9bfdc}.pool__tap-tiers{margin-top:.5rem;display:flex;gap:.35rem;flex-wrap:wrap}.pool__tier-chip{width:34px;height:34px;border:1px solid var(--stroke-soft);border-radius:.65rem;background:#ffffff0a;color:#e7f1ff;font-weight:800;cursor:pointer}.pool__tier-chip.is-active{background:linear-gradient(180deg,#3195ff,#247ad3);border-color:transparent;box-shadow:0 10px 18px #258cf44d}.pool__header{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;margin-bottom:1rem}.pool__title{margin:0;display:inline-flex;align-items:center;gap:.45rem;font-size:1.14rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.pool__title .material-symbols-outlined{color:#fbbf24}.pool__subtitle{margin:.3rem 0 0;color:var(--text-muted);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.pool__search-wrap{width:min(100%,350px);border-radius:1rem;border:1px solid var(--stroke-soft);background:#ffffff0a;display:flex;align-items:center;gap:.45rem;padding:.45rem .7rem}.pool__search-wrap .material-symbols-outlined{color:#8fa5c6;font-size:1rem}.pool__search{width:100%;border:0;background:transparent;color:#eef5ff;outline:none;font-size:.92rem}.pool__search::placeholder{color:#6f84a4}.pool__content{min-height:128px;border-radius:1rem;border:1px solid var(--stroke-faint);background:#ffffff05;padding:.95rem;display:flex;flex-wrap:wrap;gap:.7rem;align-content:flex-start}.floating-toolbar{position:fixed;left:50%;bottom:1rem;transform:translate(-50%);z-index:60;width:min(95vw,760px);border-radius:1.2rem;border:1px solid var(--stroke-soft);background:var(--bg-panel-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 28px 50px -24px #000000bf;padding:.65rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.55rem}.floating-toolbar__group{display:flex;align-items:center;gap:.4rem;padding-right:.45rem;margin-right:.1rem;border-right:1px solid var(--stroke-soft)}.floating-toolbar__icon-btn,.floating-toolbar__action{border:1px solid var(--stroke-soft);border-radius:.9rem;background:#ffffff0d;color:#f5f9ff;cursor:pointer;transition:all .14s ease}.floating-toolbar__icon-btn{width:42px;height:42px;display:grid;place-items:center}.floating-toolbar__icon-btn:hover,.floating-toolbar__action:hover{border-color:#ffffff40;background:#ffffff1f}.floating-toolbar__action{height:42px;padding:0 .95rem;display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.84rem}.floating-toolbar__action--primary{border-color:transparent;background:linear-gradient(180deg,#3195ff,#247ad3);box-shadow:0 10px 22px #258cf44d}.floating-toolbar__action:disabled{opacity:.65;cursor:not-allowed}.share-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:1rem}.share-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0000009e;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.share-modal__panel{position:relative;width:min(100%,560px);border-radius:2rem;border:1px solid rgba(37,140,244,.35);background:#0a0f14d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 45px #258cf424;padding:1.6rem}.share-modal__close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:999px;border:1px solid var(--stroke-soft);background:#ffffff0f;color:#9db1cf;cursor:pointer;display:grid;place-items:center}.share-modal__close:hover{background:#ffffff1f;color:#fff}.share-modal__title-wrap{text-align:center;margin-bottom:1rem}.share-modal__title-wrap h3{margin:0;font-size:1.85rem;font-weight:800;letter-spacing:-.02em}.share-modal__title-wrap p{margin:.3rem 0 0;color:var(--text-muted);font-size:.87rem}.share-modal__preview-wrap{position:relative;margin-bottom:1rem}.share-modal__preview-wrap:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:1.1rem;background:#258cf42e;filter:blur(14px);opacity:.55}.share-modal__preview{position:relative;border-radius:1.1rem;border:1px solid var(--stroke-soft);background:#ffffff08;overflow:hidden;padding:.55rem;display:grid;gap:.28rem}.share-modal__preview-row{min-height:28px;border-radius:.45rem;display:flex;align-items:center;gap:.28rem;padding:0 .35rem}.share-modal__preview-row--S{background:#dc26264d}.share-modal__preview-row--A{background:#f973164d}.share-modal__preview-row--B{background:#eab3084d}.share-modal__preview-row--C{background:#22c55e4d}.share-modal__preview-row--D{background:#3b82f64d}.share-modal__preview-row--F{background:#94a3b84d}.share-modal__preview-marker{width:3px;height:13px;border-radius:999px;background:#fffc}.share-modal__preview-cards{display:flex;gap:.2rem}.share-modal__preview-cards span{width:14px;height:14px;border-radius:3px;background:#fff3}.share-modal__actions{display:grid;gap:.5rem;margin-bottom:1rem}.share-modal__social{position:relative;overflow:hidden;border:0;border-radius:.95rem;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.75rem .9rem;font-weight:700;font-size:.9rem;transition:transform .12s ease,filter .12s ease}.share-modal__social:before{content:"";position:absolute;left:0;right:0;top:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.14),transparent)}.share-modal__social:hover{transform:translateY(-1px) scale(1.01);filter:brightness(1.06)}.share-modal__social:active{transform:scale(.99)}.share-modal__social--x{background:#1da1f2}.share-modal__social--discord{background:#5865f2}.share-modal__social--reddit{background:#ff4500}.share-modal__direct label{display:block;margin:0 0 .35rem;font-size:.62rem;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:#7b93b4}.share-modal__direct-row{display:flex;align-items:center;gap:.4rem;border-radius:.95rem;border:1px solid var(--stroke-soft);background:#ffffff0a;padding:.3rem}.share-modal__direct-row input{flex:1;border:0;outline:none;background:transparent;color:#dbe9ff;font-size:.8rem;padding:0 .5rem}.share-modal__direct-row button{border:0;border-radius:.75rem;background:var(--accent);color:#fff;font-weight:700;padding:.55rem .75rem;display:inline-flex;align-items:center;gap:.3rem;cursor:pointer}.share-modal__direct-row button:hover{filter:brightness(1.07)}.share-export-root{position:fixed;left:-99999px;top:0;width:1200px;height:630px;pointer-events:none}.share-card{position:relative;width:1200px;height:630px;overflow:hidden;border-radius:20px;border:3px solid rgba(57,122,197,.66);background:radial-gradient(circle at 50% 50%,#1b2738,#0d141f 58%),linear-gradient(180deg,#111a27,#0a1018);color:#f2f7ff;padding:16px;display:flex;flex-direction:column;gap:8px}.share-card__orb{position:absolute;border-radius:999px;filter:blur(42px);opacity:.25;pointer-events:none}.share-card__orb--left{width:220px;height:220px;background:#228cff;top:-75px;left:-40px}.share-card__orb--right{width:180px;height:180px;background:#fbbf24;right:-50px;bottom:55px}.share-card__header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.share-card__kicker{margin:0;color:#8fb5e0;letter-spacing:.18em;font-size:11px;font-weight:800;text-transform:uppercase}.share-card__header h1{margin:3px 0 0;font-size:48px;line-height:1;font-weight:800}.share-card__logo{width:74px;height:74px;object-fit:contain;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:#ffffff12;padding:10px}.share-card__body{position:relative;z-index:1;display:grid;grid-template-rows:repeat(6,minmax(0,1fr));gap:6px;min-height:0;flex:1}.share-card__tier-row{display:grid;grid-template-columns:60px 1fr;border-radius:12px;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#ffffff08}.share-card__tier-row--S{background-image:linear-gradient(90deg,rgba(239,68,68,.25),transparent 50%)}.share-card__tier-row--A{background-image:linear-gradient(90deg,rgba(249,115,22,.25),transparent 50%)}.share-card__tier-row--B{background-image:linear-gradient(90deg,rgba(251,191,36,.25),transparent 50%)}.share-card__tier-row--C{background-image:linear-gradient(90deg,rgba(34,197,94,.25),transparent 50%)}.share-card__tier-row--D{background-image:linear-gradient(90deg,rgba(59,130,246,.25),transparent 50%)}.share-card__tier-row--F{background-image:linear-gradient(90deg,rgba(148,163,184,.25),transparent 50%)}.share-card__tier-label{display:grid;place-items:center;font-size:31px;font-weight:900;background:#122133d6;color:#fff;text-shadow:0 10px 16px rgba(0,0,0,.45)}.share-card__tier-content{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;overflow:hidden;padding:4px 6px}.share-card__pokemon{width:54px;flex:0 0 auto;display:grid;justify-items:center;gap:1px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;padding:2px}.share-card__pokemon img{width:34px;height:34px;object-fit:contain}.share-card__pokemon span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px;font-weight:700;line-height:1.05;text-align:center;color:#edf5ff}.share-card__footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.04em;color:#93aed0}@media (min-width: 901px){.desktop-zoom-shell{zoom:.95}.site-header__inner{max-width:1500px;padding-inline:1rem}.app-shell{max-width:1500px}.workspace-grid{grid-template-columns:minmax(0,1.7fr) minmax(600px,1.9fr);gap:1rem}.pool{position:sticky;top:5.3rem;max-height:calc(100vh - 6.8rem);overflow:auto}}@media (max-width: 760px){.site-nav{display:none}.tier-row{grid-template-columns:62px 1fr}.tier-row__label{font-size:1.6rem}.tier-row__content{min-height:94px;padding:.65rem;gap:.5rem}.tier-row__placeholder,.pokemon-card--tier,.pokemon-card--overlay{width:74px;min-height:74px}.pokemon-card__sprite{width:50px;height:50px}.pokemon-card__name{font-size:.6rem}.pool{padding:1rem;margin-top:.25rem}.floating-toolbar{width:calc(100vw - 1rem);bottom:.5rem;padding:.55rem}.floating-toolbar__group{border-right:0;margin-right:0;padding-right:0}.floating-toolbar__action{font-size:.76rem;padding:0 .7rem}.share-modal__panel{padding:1.3rem 1rem;border-radius:1.5rem}.share-modal__title-wrap h3{font-size:1.5rem}.share-modal__social{font-size:.84rem}}
