@import"https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:Manrope,Gowun Dodum,sans-serif;color:#f5f7fb;background:#0b0e14;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 70% 10%,#252347 0,transparent 34%),#0b0e14}button,a,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.topbar{height:76px;display:flex;align-items:center;gap:36px;max-width:1180px;margin:auto;padding:0 24px;border-bottom:1px solid #ffffff12}.brand{color:#fff;font-weight:800;letter-spacing:-.04em;font-size:20px;background:none;border:0;padding:0}nav{display:flex;gap:26px;flex:1}nav button{color:#aeb5c5;background:none;border:0;font-size:14px}.discord-button,.primary{border:0;border-radius:12px;padding:12px 18px;color:#fff;background:#746df7;font-weight:700}.hero{max-width:900px;margin:auto;padding:110px 24px 80px;text-align:center}.eyebrow{color:#9e98ff;font-weight:700;letter-spacing:.06em}h1{margin:14px 0;font-size:clamp(48px,8vw,88px);line-height:1;letter-spacing:-.07em}.lede{color:#adb4c4;font-size:clamp(17px,2vw,21px);max-width:650px;margin:24px auto;line-height:1.7}.actions{display:flex;justify-content:center;gap:12px;margin-top:34px}.actions button{padding:15px 24px}.secondary{color:#e8eaf1;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:12px}.preview{max-width:1100px;margin:auto;padding:0 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.preview article{background:linear-gradient(145deg,#171b25,#10131b);border:1px solid #ffffff10;padding:30px;border-radius:20px;min-height:210px}.preview span{color:#746df7;font-size:13px;font-weight:800}.preview h2{margin:35px 0 8px;font-size:22px}.preview p{margin:0;color:#949cad;line-height:1.6}@media(max-width:720px){nav{display:none}.topbar{gap:12px}.brand{flex:1}.discord-button{font-size:12px;padding:10px 12px}.preview{grid-template-columns:1fr}.hero{padding-top:72px}.actions{flex-direction:column}}.workspace{max-width:1240px;margin:auto;padding:60px 24px 100px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:36px}.page-heading h1{font-size:clamp(38px,5vw,64px);margin:8px 0 14px}.page-heading p:not(.eyebrow){margin:0;color:#969eae}.save-state{color:#9ca4b5;font-size:13px;padding:10px 14px;border:1px solid #ffffff12;border-radius:999px;white-space:nowrap}.heading-actions{display:flex;align-items:center;gap:10px}.pulse{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#6ee7a8;box-shadow:0 0 10px #6ee7a8}.search{display:flex;align-items:center;gap:10px;width:min(360px,100%);background:#141821;border:1px solid #ffffff12;padding:12px 15px;border-radius:12px;margin-bottom:24px}.search input{width:100%;color:#fff;border:0;outline:0;background:transparent}.tiers{display:grid;gap:12px}.tier-row{display:grid;grid-template-columns:170px 1fr;min-height:130px;border:1px solid #ffffff0e;background:#11151d;border-radius:16px;overflow:hidden;transition:border-color .2s}.tier-row.dragging-over{border-color:#746df7}.tier-label{position:relative;display:flex;flex-direction:column;justify-content:center;padding:22px;background:#191e29;border-right:1px solid #ffffff0e}.tier-label strong{font-size:16px}.tier-label small{color:#8d95a5;margin-top:7px;line-height:1.45}.tier-label>span{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ffffff0b;color:#aeb5c5;font-size:11px}.tier-5 .tier-label{box-shadow:inset 4px 0 #f46d8f}.tier-4 .tier-label{box-shadow:inset 4px 0 #f4aa6d}.tier-3 .tier-label{box-shadow:inset 4px 0 #e7dd73}.tier-2 .tier-label{box-shadow:inset 4px 0 #72d6af}.tier-1 .tier-label{box-shadow:inset 4px 0 #75a4ec}.tier-unrated .tier-label{box-shadow:inset 4px 0 #697080}.character-list{display:flex;align-items:center;gap:10px;padding:15px;overflow-x:auto}.character-card{flex:0 0 92px;position:relative;border:1px solid #ffffff12;background:#1a1f2a;border-radius:12px;padding:8px;text-align:center;box-shadow:0 6px 18px #0002}.character-card.dragging{box-shadow:0 18px 40px #0008;transform:rotate(2deg)}.character-card strong{display:block;font-size:12px;margin:8px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-card select{width:100%;color:#8f97a8;background:#0e1118;border:0;border-radius:6px;font-size:10px;padding:5px 2px}.portrait{display:grid;place-items:center;aspect-ratio:1;border-radius:9px;font-size:24px;font-weight:800;color:#ffffffdf}.portrait-0{background:linear-gradient(135deg,#7656d9,#43368f)}.portrait-1{background:linear-gradient(135deg,#d95e7d,#7f344a)}.portrait-2{background:linear-gradient(135deg,#d4944e,#79552f)}.portrait-3{background:linear-gradient(135deg,#3f99a0,#25585f)}.portrait-4{background:linear-gradient(135deg,#5a80d1,#32497b)}.portrait-5{background:linear-gradient(135deg,#84984b,#495628)}.empty-tier{color:#626a79;font-size:13px;margin:auto}.ranking-page{max-width:1040px}.ranking-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.ranking-summary div{display:flex;flex-direction:column;gap:7px;padding:20px;background:#141821;border:1px solid #ffffff0e;border-radius:14px}.ranking-summary span{color:#8f97a8;font-size:12px}.ranking-summary strong{font-size:22px}.ranking-table{overflow:hidden;background:#12161e;border:1px solid #ffffff10;border-radius:16px}.table-head,.ranking-row{display:grid;grid-template-columns:70px 1.2fr 1.6fr 100px 70px;align-items:center;gap:16px;padding:14px 20px}.table-head{color:#747d8e;background:#181d27;font-size:11px;text-transform:uppercase}.ranking-row{min-height:72px;border-top:1px solid #ffffff0a;color:#aab1c0;font-size:13px}.rank{font-size:16px;color:#8991a2}.rank-1{color:#ffd56a;font-size:24px}.rank-2{color:#c8d0dc;font-size:21px}.rank-3{color:#cc8d62;font-size:19px}.rank-name{display:flex;align-items:center;gap:12px;color:#f2f4f8}.rank-name .portrait{width:42px;font-size:16px}.score-bar{display:flex;align-items:center;gap:10px}.score-bar{height:8px;border-radius:99px;background:#242936}.score-bar span{height:100%;border-radius:inherit;background:linear-gradient(90deg,#7169f4,#b084ff)}.score-bar b{min-width:34px;color:#dbd9ff}.up{color:#6ee7a8}.down{color:#f47c91}.method-note{color:#747d8e;font-size:12px;text-align:center;margin-top:18px}@media(max-width:760px){.page-heading{align-items:start;flex-direction:column}.heading-actions{align-items:stretch;flex-direction:column;width:100%}.tier-row{grid-template-columns:1fr}.tier-label{border-right:0;border-bottom:1px solid #ffffff0e}.character-list{min-height:120px}.ranking-summary{grid-template-columns:1fr}.table-head{display:none}.ranking-row{grid-template-columns:40px 1fr 1fr}.ranking-row>:nth-child(4),.ranking-row>:nth-child(5){display:none}.score-bar{margin-right:10px}}@media print{.topbar,.page-heading button,.ranking-summary,.method-note{display:none!important}body{background:#0b0e14;-webkit-print-color-adjust:exact;print-color-adjust:exact}.workspace{padding:20px}}