@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/3926fa88ed32c251-s.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/c3206c67a3393998-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/b7d7f401753dc0c4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/6681946d7a6ccbb7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/1fc9a8acda3903f0-s.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/7b750d5bfef15842-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/2a7c45462b39533e-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/4c7c43bdd7a35c63-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8d541ca8617572f0-s.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/3955bbd902881c26-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/f6d84cc3be9d6158-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/84f090e3b62fb9e3-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Chakra Petch Fallback;src:local("Arial");ascent-override:96.77%;descent-override:30.05%;line-gap-override:0.00%;size-adjust:102.51%}.__className_dacc69{font-family:Chakra Petch,Chakra Petch Fallback;font-style:normal}.__variable_dacc69{--font-display:"Chakra Petch","Chakra Petch Fallback"}*{box-sizing:border-box}.app-nav{display:flex;align-items:center;gap:1rem;padding:.6rem 1.25rem;border-bottom:1px solid #232c44;background:#0c111c;position:-webkit-sticky;position:sticky;top:0;z-index:30}.app-brand{color:#8fb2ff;font-weight:800;text-decoration:none;letter-spacing:.04em}.lang-toggle{display:inline-flex;border:1px solid #2b3550;border-radius:6px;overflow:hidden}.lang-toggle button{background:#1c2333;color:#97a0b5;border:none;padding:.2rem .5rem;font-size:.78rem;cursor:pointer}.lang-toggle button[data-active=true]{background:#3355ff;color:#fff}.auth-nav{display:flex;gap:.8rem;align-items:center;margin-left:auto;font-size:.9rem}.auth-nav a{color:#8fb2ff;text-decoration:none}.auth-nav button{background:#1c2333;color:#e6e9f0;border:1px solid #2b3550;border-radius:6px;padding:.2rem .6rem;cursor:pointer}.auth-page{max-width:360px;margin:3rem auto}.auth-page form{display:flex;flex-direction:column;gap:.6rem}.auth-page input{padding:.5rem .6rem;background:#1c2333;color:#e6e9f0;border:1px solid #2b3550;border-radius:6px}.auth-page button{padding:.55rem;background:#3355ff;color:#fff;border:none;border-radius:6px;cursor:pointer}.form-error{color:#ff6b81;font-size:.85rem}.community-page{max-width:820px;margin:0 auto;padding:2rem 1.25rem}.community-page h1{margin:0 0 1rem}.delete-form{margin-top:1.5rem}.delete-form button{background:#3a2030;color:#ff9ab0;border:1px solid #5a2a3e;border-radius:6px;padding:.4rem .8rem;cursor:pointer}.cc-controls{display:flex;gap:.5rem;margin-bottom:1rem}.cc-controls button{background:#1c2333;color:#e6e9f0;border:1px solid #2b3550;border-radius:8px;padding:.4rem .9rem;cursor:pointer}.cc-controls button[data-active=true]{background:#3355ff;border-color:#3355ff}.cc-list{display:flex;flex-direction:column;gap:.6rem}.cc-row{background:#161c2c;border:1px solid #232c44;border-radius:10px;padding:.8rem 1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.cc-info{min-width:160px}.cc-title{font-weight:700;color:#e6e9f0;text-decoration:none}.cc-title:hover{color:#8fb2ff}.cc-meta{color:#97a0b5;font-size:.82rem}.cc-open,.cc-open:hover{text-decoration:none;color:inherit}.cc-badge{flex:none;display:inline-flex;align-items:center;gap:.2rem;height:1.8rem;padding:0 .55rem;border-radius:6px;font-weight:800;font-size:.85rem;color:var(--gold,#ffd23f);background:rgba(255,210,63,.12);border:1px solid rgba(255,210,63,.3)}.cc-titleline{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;margin:.1rem 0}.cc-card .cc-title{font-size:1.02rem}.cc-units{display:flex;gap:.5rem;flex-wrap:wrap;margin-left:auto}.cc-units .unit{position:relative;width:3.4rem;display:inline-flex;flex-direction:column;align-items:center;gap:.1rem;text-align:center}.cc-units .unit img{border-radius:6px;border:2px solid #4a5570}.cc-units .unit[data-cost="4"] img{border-color:#a855f7}.cc-units .unit[data-cost="5"] img{border-color:#f59e0b}.cc-units .unit-name{font-size:.68rem;color:#cfd6e6;line-height:1.1}.over-stars{position:absolute;top:-8px;left:50%;transform:translateX(-50%);font-size:.6rem;letter-spacing:-1px;text-shadow:0 1px 2px #000;z-index:1}.over-stars.s1{color:#cd9b6a}.over-stars.s2{color:#c7cdd8}.over-stars.s3{color:#ffd23f}.board-view .hex{cursor:default}.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.detail-head h1{margin:0}.detail-desc{color:#cfd6e6;background:#161c2c;border:1px solid #232c44;border-radius:8px;padding:.7rem .9rem;white-space:pre-wrap}.rating-widget{display:flex;align-items:center;gap:.1rem}.rating-widget .star{background:none;border:none;font-size:1.7rem;color:#3d465e;cursor:pointer;padding:0 .05rem;line-height:1}.rating-widget .star[data-on=true]{color:#ffd23f}.your-rating{margin-left:.6rem;font-size:.85rem}.rate-hint,.your-rating{color:#97a0b5}.rate-hint a{color:#8fb2ff}.patch-tabs{display:flex;gap:.5rem;margin:.5rem 0 1rem}.patch-tabs a{background:#1c2333;color:#cfd6e6;border:1px solid #2b3550;border-radius:8px;padding:.3rem .8rem;text-decoration:none}.patch-tabs a[data-active=true]{background:#3355ff;border-color:#3355ff;color:#fff}.creator-board{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.4rem}.creator-board li{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;grid-gap:.6rem;gap:.6rem;background:#161c2c;border:1px solid #232c44;border-radius:8px;padding:.55rem .8rem}.creator-board .rank{font-weight:800;text-align:center;color:#7b8399}.creator-board .rank[data-top=true]{color:#ffd23f}.creator-board .cb-name{font-weight:700}.creator-board .cb-points{font-weight:700;color:#ffd23f}.creator-board .cb-sub{grid-column:2/4;color:#97a0b5;font-size:.8rem}.db-tabs{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.db-tabs button{background:#1c2333;color:#e6e9f0;border:1px solid #2b3550;border-radius:8px;padding:.4rem 1rem;cursor:pointer}.db-tabs button[data-active=true]{background:#3355ff;border-color:#3355ff}.db .search{margin-bottom:1rem}.db-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:.6rem;gap:.6rem}.db-card{background:#161c2c;border:1px solid #232c44;border-radius:10px;padding:.7rem .9rem}.db-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.3rem}.db-head .trait-ic{filter:brightness(0) invert(1);opacity:.85}.db-bp{margin-left:auto;font-family:ui-monospace,monospace;font-size:.78rem;color:#ffd23f}.db-cost{font-size:.82rem;font-weight:700}.db-recipe,.db-traits{color:#97a0b5;font-size:.78rem}.db-desc{color:#cfd6e6;font-size:.84rem;margin:.2rem 0;line-height:1.35}.db-champs{color:#8b93a8;font-size:.78rem}.roll-scroll{overflow-x:auto}.roll-table{border-collapse:collapse;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.roll-table td,.roll-table th{border:1px solid #232c44;padding:.35rem .6rem;text-align:center}.roll-table th{background:#131a2a}.roll-table td:first-child,.roll-table th:first-child{font-weight:700}.comp-form{display:flex;flex-direction:column;gap:.8rem;max-width:760px}.comp-form input[name=title],.comp-form textarea{padding:.55rem .7rem;background:#1c2333;color:#e6e9f0;border:1px solid #2b3550;border-radius:8px;font:inherit}.cf-actions{display:flex;align-items:center;gap:.8rem}.cf-actions button{padding:.55rem 1rem;background:#3355ff;color:#fff;border:none;border-radius:8px;cursor:pointer}.cf-actions button:disabled{opacity:.5;cursor:not-allowed}.cf-actions .hint{color:#97a0b5;font-size:.85rem}.editor{display:flex;flex-direction:column;gap:.8rem}.team-code{background:#131a2a;border:1px solid #232c44;border-radius:10px;padding:.55rem .8rem}.tc-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.tc-row input{flex:1 1;min-width:160px;padding:.4rem .6rem;background:#0e1526;font-family:ui-monospace,monospace;font-size:.82rem}.tc-row button,.tc-row input{color:#e6e9f0;border:1px solid #2b3550;border-radius:6px}.tc-row button{padding:.4rem .8rem;background:#1c2333;cursor:pointer}.tc-row button:first-child{background:#3355ff;border-color:#3355ff;color:#fff}.tc-row button:disabled{opacity:.5;cursor:not-allowed}.tc-msg{margin:.4rem 0 0;font-size:.82rem;color:#8fb2ff}.board-summary{background:#131a2a;border:1px solid #232c44;border-radius:10px;padding:.55rem .8rem;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem}.bs-nums{display:flex;gap:1.1rem;font-size:.88rem;color:#b9c1d6}.bs-nums b{color:#e6e9f0}.bs-nums span[data-over=true] b{color:#ff6b81}.bs-traits{display:flex;flex-wrap:wrap;gap:.35rem;margin-left:auto}.bs-trait{font-size:.8rem;background:#1c2333;border:1px solid #2b3550;border-radius:6px;padding:.1rem .45rem}.bs-trait b{color:#ffd23f}.bs-empty{color:#6b7488;font-size:.8rem}.hex-stars{position:absolute;top:-8px;left:50%;transform:translateX(-50%);font-size:.6rem;line-height:1;letter-spacing:-1px;text-shadow:0 1px 2px #000}.hex-stars.s1{color:#cd9b6a}.hex-stars.s2{color:#c7cdd8}.hex-stars.s3{color:#ffd23f}.star-cycle{background:#0e1526;border:1px solid #2b3550;border-radius:6px;padding:.1rem .5rem;cursor:pointer}.star-cycle .s1{color:#cd9b6a}.star-cycle .s2{color:#c7cdd8}.star-cycle .s3{color:#ffd23f}.editor .board{background:#0e1626;border:1px solid #232c44;border-radius:10px;padding:.7rem}.editor .board-row{display:flex;gap:.3rem;justify-content:center;margin-bottom:.3rem}.editor .board-row.odd{margin-left:1.2rem}.editor .hex{position:relative;width:44px;height:44px;border-radius:8px;background:#172033;border:1px solid #2b3550;display:grid;place-items:center;cursor:pointer;padding:0}.editor .hex img{border-radius:6px}.editor .hex[data-selected=true]{border-color:#ffd23f;box-shadow:inset 0 0 0 1px #ffd23f}.item-assign{background:#161c2c;border:1px solid #232c44;border-radius:10px;padding:.7rem}.ia-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.5rem}.ia-head span{color:#97a0b5;font-size:.85rem}.ia-head button{margin-left:auto;background:#3a2030;color:#ff9ab0;border:1px solid #5a2a3e;border-radius:6px;padding:.2rem .6rem;cursor:pointer}.ia-items{display:flex;flex-wrap:wrap;gap:.3rem}.ia-item{padding:2px;background:#0e1526;border:1px solid #2b3550;border-radius:6px;cursor:pointer}.ia-item[data-active=true]{border-color:#ffd23f;box-shadow:inset 0 0 0 1px #ffd23f}.picker input{width:100%;padding:.5rem .6rem;background:#1c2333;color:#e6e9f0;border:1px solid #2b3550;border-radius:8px;margin-bottom:.5rem}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));grid-gap:.35rem;gap:.35rem;max-height:300px;overflow-y:auto}.pick{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.3rem;background:#161c2c;border:1px solid #232c44;border-radius:8px;cursor:pointer}.pick span{font-size:.7rem;color:#cfd6e6}.pick[data-active=true]{border-color:#3355ff}.editor .hex[data-cost="4"] img,.pick[data-cost="4"] img{outline:2px solid #a855f7}.editor .hex[data-cost="5"] img,.pick[data-cost="5"] img{outline:2px solid #f59e0b}.auth-nav a[href="/community/new"]{color:#ffd23f}body{margin:0;font-family:system-ui,sans-serif;background:#0f1420;color:#e6e9f0}main{max-width:1000px;margin:0 auto;padding:2rem 1.25rem}.page-head h1{margin:0 0 .25rem}.page-head p{margin:0 0 1.5rem;color:#97a0b5;font-size:.9rem}.search{width:100%;padding:.6rem .8rem;margin-bottom:1rem;background:#1c2333;color:#e6e9f0;border:1px solid #2b3550;border-radius:8px;font-size:1rem}.search::placeholder{color:#6b7488}.controls{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1.25rem}.filters button{background:#1c2333;color:#e6e9f0;border:1px solid #2b3550;border-radius:6px;padding:.35rem .7rem;margin-right:.35rem;cursor:pointer}.filters button[data-active=true]{background:#3355ff;border-color:#3355ff}.controls select{margin-left:.5rem;padding:.3rem;background:#1c2333;color:#e6e9f0;border:1px solid #2b3550;border-radius:6px}.grid{display:grid;grid-gap:.75rem;gap:.75rem}.comp-card{background:#161c2c;border:1px solid #232c44;border-radius:10px;padding:.9rem 1rem}.comp-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.5rem}.traits{display:flex;gap:.5rem;flex-wrap:wrap}.trait{display:inline-flex;align-items:center;gap:.3rem;background:#1c2333;border:1px solid #2b3550;border-radius:6px;padding:.18rem .45rem;font-size:.9rem}.trait img{display:block;filter:brightness(0) invert(1);opacity:.85}.trait b{color:#ffd23f}.tier{flex:none;font-weight:800;width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:6px}.tier-S{background:#ff5470}.tier-A{background:#ff9f45}.tier-B{background:#ffd23f;color:#222}.tier-C{background:#5b9bff}.tier-unranked{background:#4a5570}.comp-stats{gap:1rem;color:#b9c1d6;font-size:.88rem}.comp-carries,.comp-stats{display:flex;flex-wrap:wrap}.comp-carries{gap:.8rem;margin:.55rem 0;padding:.5rem .6rem;background:#10192b;border:1px solid #232c44;border-radius:8px}.comp-carries .carry{display:flex;align-items:center;gap:.5rem}.carry-portrait{border-radius:7px;border:2px solid #4a5570;flex:none}.carry[data-cost="1"] .carry-portrait{border-color:#9aa4b2}.carry[data-cost="2"] .carry-portrait{border-color:#22c55e}.carry[data-cost="3"] .carry-portrait{border-color:#3b82f6}.carry[data-cost="4"] .carry-portrait{border-color:#a855f7}.carry[data-cost="5"] .carry-portrait{border-color:#f59e0b}.carry-info{display:flex;flex-direction:column;gap:.2rem}.carry-name{font-size:.8rem;font-weight:600;color:#e6e9f0}.carry-items{display:flex;gap:3px}.carry-items img{border-radius:4px;border:1px solid #2b3550}.comp-toggle{display:block;width:100%;text-align:left;background:none;border:none;padding:0;color:inherit;cursor:pointer}.comp-units{margin-top:.6rem;display:flex;gap:.6rem;flex-wrap:wrap;align-items:flex-start}.unit{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:.15rem;width:3.6rem;text-align:center}.unit-tip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:40;width:max-content;max-width:240px;background:#0e1626;border:1px solid #33415f;border-radius:8px;padding:.55rem .65rem;box-shadow:0 8px 24px rgba(0,0,0,.5);text-align:left;pointer-events:none}.unit:hover .unit-tip{display:block}.unit-tip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#33415f}.tip-head{display:flex;align-items:center;gap:.4rem;font-weight:700;margin-bottom:.3rem}.tip-head img{border-radius:5px;border:2px solid #4a5570}.tip-head[data-cost="1"] img{border-color:#9aa4b2}.tip-head[data-cost="2"] img{border-color:#22c55e}.tip-head[data-cost="3"] img{border-color:#3b82f6}.tip-head[data-cost="4"] img{border-color:#a855f7}.tip-head[data-cost="5"] img{border-color:#f59e0b}.tip-cost{color:#ffd23f;font-size:.8rem;margin-left:auto}.tip-traits{color:#97a0b5;font-size:.78rem;margin-bottom:.25rem}.tip-role{color:#cfd6e6;font-size:.76rem;margin-bottom:.35rem}.tip-items{display:flex;flex-direction:column;gap:.2rem}.tip-item{display:flex;align-items:center;gap:.3rem;font-size:.78rem}.tip-item img{border-radius:3px}.unit img{border-radius:6px;border:2px solid #4a5570}.unit[data-cost="1"] img{border-color:#9aa4b2}.unit[data-cost="2"] img{border-color:#22c55e}.unit[data-cost="3"] img{border-color:#3b82f6}.unit[data-cost="4"] img{border-color:#a855f7}.unit[data-cost="5"] img{border-color:#f59e0b}.unit-name{font-size:.72rem;color:#cfd6e6;line-height:1.1}.unit-items{display:flex;gap:2px;margin-top:1px}.unit-items img{border-radius:3px;border:1px solid #2b3550}.unit.more{justify-content:center;color:#7b8399;font-weight:700;height:32px}.empty{color:#97a0b5}.tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tabs button{background:#1c2333;color:#e6e9f0;border:1px solid #2b3550;border-radius:8px;padding:.5rem 1rem;font-size:1rem;cursor:pointer}.tabs button[data-active=true]{background:#3355ff;border-color:#3355ff}.controls .check{display:inline-flex;align-items:center;gap:.3rem}.champ-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:.75rem;gap:.75rem}.champ-card{background:#161c2c;border:1px solid #232c44;border-radius:10px;padding:.9rem 1rem}.champ-head{display:flex;gap:.7rem;align-items:center;margin-bottom:.5rem}.champ-portrait{border-radius:8px;border:2px solid #4a5570}.champ-card[data-cost="1"] .champ-portrait{border-color:#9aa4b2}.champ-card[data-cost="2"] .champ-portrait{border-color:#22c55e}.champ-card[data-cost="3"] .champ-portrait{border-color:#3b82f6}.champ-card[data-cost="4"] .champ-portrait{border-color:#a855f7}.champ-card[data-cost="5"] .champ-portrait{border-color:#f59e0b}.champ-name{font-weight:700;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.champ-cost{color:#ffd23f;font-size:.85rem}.role{font-size:.68rem;padding:.1rem .4rem;border-radius:4px;font-weight:700}.role-carry{background:#ff5470}.role-flex{background:#3d465e}.champ-traits{color:#97a0b5;font-size:.82rem;margin-top:.15rem}.champ-stats{display:flex;gap:.9rem;flex-wrap:wrap;color:#b9c1d6;font-size:.85rem;margin-bottom:.5rem}.champ-comps,.champ-items{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;margin-top:.35rem;font-size:.82rem}.champ-comps .label,.champ-items .label{color:#7b8399}.item-chip{display:inline-flex;align-items:center;gap:.25rem;background:#1c2333;border:1px solid #2b3550;border-radius:5px;padding:.1rem .35rem}.item-chip img{border-radius:3px}.comp-chip{background:#1c2333;border:1px solid #2b3550;border-radius:5px;padding:.1rem .35rem}.comp-chip em{color:#8b93a8;font-style:normal}.champ-ability{margin-top:.5rem}.ability-toggle{background:none;border:none;color:#b9c1d6;cursor:pointer;padding:0;font-size:.85rem}.ability-desc{color:#97a0b5;font-size:.82rem;margin:.35rem 0 0;line-height:1.35}.comp-card{position:relative}.comp-card:hover{border-color:#3355ff}.comp-open{display:block;width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit;background:none;border:none;padding:0}.comp-card-top{position:absolute;top:.5rem;right:.6rem;z-index:2}.chevron{margin-left:auto;color:#7b8399;font-size:.85rem;padding-right:5.5rem}.copy-tc{display:inline-flex;align-items:center;gap:.3rem}.copy-tc-btn{background:#1c2333;color:#cfd6e6;border:1px solid #2b3550;border-radius:6px;padding:.18rem .5rem;font-size:.74rem;cursor:pointer;white-space:nowrap}.copy-tc-btn:hover{border-color:#3355ff;color:#fff}.copy-tc-input{width:150px;font-family:ui-monospace,monospace;font-size:.7rem;background:#0e1526;color:#e6e9f0;border:1px solid #2b3550;border-radius:5px;padding:.1rem .3rem}.modal-overlay{position:fixed;inset:0;background:rgba(4,7,14,.72);display:flex;align-items:flex-start;justify-content:center;padding:3vh 1rem;overflow-y:auto;z-index:50}.modal{position:relative;background:#131a29;border:1px solid #2b3550;border-radius:14px;padding:1.4rem 1.5rem;max-width:720px;width:100%}.modal-close{position:absolute;top:.6rem;right:.8rem;background:none;border:none;color:#97a0b5;font-size:1.6rem;line-height:1;cursor:pointer}.modal h3{margin:1.3rem 0 .6rem;font-size:1rem}.modal .hint{color:#7b8399;font-weight:400;font-size:.8rem}.board{background:#0e1626;border:1px solid #232c44;border-radius:10px;padding:.7rem}.board-row{display:flex;gap:.3rem;margin-bottom:.3rem;justify-content:center}.board-row.odd{margin-left:1.2rem}.hex{position:relative;width:40px;height:40px;border-radius:8px;background:#172033;border:1px solid #232c44;display:grid;place-items:center}.hex:hover .unit-tip{display:block}.hex img{border-radius:6px;border:2px solid #4a5570}.hex[data-cost="1"] img{border-color:#9aa4b2}.hex[data-cost="2"] img{border-color:#22c55e}.hex[data-cost="3"] img{border-color:#3b82f6}.hex[data-cost="4"] img{border-color:#a855f7}.hex[data-cost="5"] img{border-color:#f59e0b}.board-labels{display:flex;justify-content:space-between;color:#6b7488;font-size:.72rem;margin-top:.4rem}.detail-units{display:flex;flex-direction:column;gap:.5rem}.detail-unit{background:#161c2c;border:1px solid #232c44;border-radius:8px;padding:.55rem .7rem}.du-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.du-head img{border-radius:6px;border:2px solid #4a5570}.du-head[data-cost="4"] img{border-color:#a855f7}.du-head[data-cost="5"] img{border-color:#f59e0b}.du-freq{margin-left:auto;color:#7b8399;font-size:.8rem}.du-items{display:flex;flex-direction:column;gap:.25rem}.du-item{display:flex;align-items:center;gap:.35rem;font-size:.85rem;flex-wrap:wrap}.du-item>img{border-radius:4px}.recipe{display:inline-flex;align-items:center;gap:.2rem;color:#8b93a8;font-size:.78rem}.recipe img{border-radius:3px;border:1px solid #2b3550}.recipe em{font-style:normal;margin-left:.2rem}.other-units{display:flex;gap:.5rem;flex-wrap:wrap}.other-units .unit img{border-radius:6px;border:2px solid #4a5570}.other-units .unit[data-cost="1"] img{border-color:#9aa4b2}.other-units .unit[data-cost="2"] img{border-color:#22c55e}.other-units .unit[data-cost="3"] img{border-color:#3b82f6}.other-units .unit[data-cost="4"] img{border-color:#a855f7}.other-units .unit[data-cost="5"] img{border-color:#f59e0b}:root{--bg:#070a12;--bg-2:#0a0f1e;--surface:#111a2e;--surface-2:#16203a;--line:#263255;--line-soft:#1b2440;--ink:#eaf0ff;--muted:#9aa6c6;--accent:#5b7cff;--accent-2:#a855f7;--gold:#ffd23f;--danger:#ff5e7a;--radius:12px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--ease:cubic-bezier(0.22,1,0.36,1);--glow-blue:0 0 0 1px rgba(91,124,255,.35),0 8px 30px -8px rgba(91,124,255,.45);--z-nav:40;--z-modal:60;--z-tooltip:70}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);background-image:radial-gradient(1100px 600px at 92% -12%,rgba(168,85,247,.18),transparent 60%),radial-gradient(900px 620px at -8% 112%,rgba(91,124,255,.16),transparent 55%),radial-gradient(700px 500px at 50% 120%,rgba(255,210,63,.05),transparent 60%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 70% 60%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 40% 80%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 85% 20%,rgba(180,200,255,.6),transparent),radial-gradient(1px 1px at 12% 70%,rgba(255,255,255,.45),transparent);background-size:320px 320px,260px 260px,300px 300px,380px 380px,240px 240px}.app-nav,main{position:relative;z-index:1}.community-page h1,.page-head h1,h1,h2{font-family:var(--font-display),system-ui,sans-serif;letter-spacing:-.01em;text-wrap:balance;font-weight:700}h1{font-size:clamp(1.7rem,3.5vw,2.6rem)}.community-page h1,.page-head h1{text-transform:none}h3{font-family:var(--font-display),system-ui,sans-serif;letter-spacing:.01em}.app-nav{background:linear-gradient(180deg,rgba(10,15,30,.92),rgba(8,11,20,.78));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft);z-index:var(--z-nav);padding:.55rem clamp(.8rem,3vw,1.5rem)}.app-brand{font-family:var(--font-display),system-ui;font-weight:700;font-size:1.15rem;color:var(--ink);letter-spacing:.06em;text-shadow:0 0 18px rgba(91,124,255,.6);display:inline-flex;align-items:center;gap:.35rem}.app-brand:before{content:"✦";color:var(--accent-2)}.auth-nav a{color:var(--muted);font-weight:600;transition:color .18s var(--ease)}.auth-nav a:hover{color:var(--ink)}.auth-nav a[href="/community/new"]{color:var(--gold)}.cc-controls button,.db-tabs button,.filters button,.patch-tabs a,.tabs button{transition:border-color .18s var(--ease),background .18s var(--ease),transform .12s var(--ease)}.cc-controls button[data-active=true],.db-tabs button[data-active=true],.filters button[data-active=true],.patch-tabs a[data-active=true],.tabs button[data-active=true]{background:linear-gradient(180deg,var(--accent),#3a56e6);border-color:var(--accent);box-shadow:0 6px 18px -6px rgba(91,124,255,.7)}.db-tabs button:hover,.filters button:hover,.tabs button:hover{border-color:rgba(91,124,255,.6)}.board,.board-summary,.cc-row,.champ-card,.comp-card,.creator-board li,.db-card,.detail-unit,.item-assign,.team-code{background:linear-gradient(180deg,var(--surface),var(--bg-2));border-color:var(--line-soft)}.comp-card{transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.comp-card:hover{border-color:rgba(91,124,255,.55);box-shadow:0 14px 40px -18px rgba(91,124,255,.55)}.comp-card[data-tier=S]{box-shadow:inset 3px 0 0 rgba(255,84,112,0)}.tier{font-family:var(--font-display),system-ui;border-radius:8px}.tier-S{background:linear-gradient(160deg,#ff6a86,#ff3d63);box-shadow:0 0 16px -2px rgba(255,84,112,.7)}.tier-A{background:linear-gradient(160deg,#ffb15a,#ff8f2e);box-shadow:0 0 14px -3px rgba(255,159,69,.6)}.tier-B{background:linear-gradient(160deg,#ffe07a,#ffce3a);color:#201400}.tier-C{background:linear-gradient(160deg,#78b0ff,#4f8bff)}.trait{background:rgba(91,124,255,.08);border-color:rgba(91,124,255,.22)}.trait b{color:var(--gold)}.comp-carries{background:radial-gradient(120% 140% at 0 0,rgba(168,85,247,.12),transparent 60%),var(--bg-2);border-color:rgba(168,85,247,.25)}.carry-portrait{box-shadow:0 0 14px -4px rgba(91,124,255,.5)}.hex-stars.s3,.over-stars.s3,.star-cycle .s3{text-shadow:0 0 8px rgba(255,210,63,.9)}.rating-widget .star[data-on=true]{filter:drop-shadow(0 0 6px rgba(255,210,63,.7))}a{color:var(--accent)}:focus-visible{border-radius:4px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.ad-slot{display:block;margin:1rem 0;max-width:1000px}.ad-slot .ad-label{display:block;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);opacity:.6;margin-bottom:.2rem}.ad-banner{min-height:90px}.ad-inline{grid-column:1/-1;margin:.3rem 0}.ad-placeholder .ad-ph-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-height:90px;border:1px dashed var(--line);border-radius:10px;background:repeating-linear-gradient(135deg,rgba(91,124,255,.05) 0 12px,transparent 12px 24px);color:var(--muted);font-family:var(--font-display),system-ui;letter-spacing:.06em}.ad-placeholder .ad-ph-box small{color:#6b7488;letter-spacing:.1em;text-transform:uppercase;font-size:.62rem}.champ-stat .cs{margin-top:.5rem}.cs-controls{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:.5rem}.cs-stars{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}.cs-stars button{background:#10192b;color:#97a3c0;border:none;padding:.2rem .5rem;cursor:pointer;font-size:.8rem}.cs-stars button[data-active=true]{background:linear-gradient(180deg,var(--gold),#e0b023);color:#201400}.cs-items{display:inline-flex;gap:.3rem;align-items:center}.cs-item{padding:2px;background:#0e1526;border:1px solid var(--line);border-radius:6px;cursor:pointer;line-height:0}.cs-item:hover{border-color:var(--danger)}.cs-add{background:#1c2333;color:#cfd6e6;border:1px dashed var(--line);border-radius:6px;padding:.25rem .5rem;font-size:.74rem;cursor:pointer}.cs-picker{background:#0e1526;border:1px solid var(--line);border-radius:8px;padding:.5rem;margin-bottom:.5rem}.cs-picker input{width:100%;padding:.35rem .5rem;background:#131a2a;color:var(--ink);border:1px solid var(--line);border-radius:6px;margin-bottom:.4rem}.cs-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));grid-gap:.25rem;gap:.25rem;max-height:150px;overflow-y:auto}.cs-picker-grid button{padding:2px;background:#161c2c;border:1px solid var(--line);border-radius:5px;cursor:pointer;line-height:0}.cs-picker-grid button:hover{border-color:var(--accent)}.cs-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));grid-gap:.35rem;gap:.35rem}.cs-stat{display:flex;flex-direction:column;background:#10192b;border:1px solid var(--line-soft);border-radius:7px;padding:.3rem .5rem}.cs-k{font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.cs-v{font-family:var(--font-display),system-ui;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hex[data-carry=true]{border-color:rgba(255,210,63,.5);box-shadow:0 0 10px -3px rgba(255,210,63,.5)}.hex-items{position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);display:flex;gap:1px;z-index:2}.hex-items img{border-radius:3px;border:1px solid #0c111c;box-shadow:0 1px 3px rgba(0,0,0,.6)}.board-row{margin-bottom:12px}.ia-emblems{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.5rem}.ia-lbl{color:var(--muted);font-size:.8rem}.emb-chip{background:#2a2340;color:#d6c6ff;border:1px solid #4a3d6e;border-radius:6px;padding:.12rem .45rem;font-size:.76rem;cursor:pointer}.emb-add{background:#1c2333;color:#cfd6e6;border:1px dashed var(--line);border-radius:6px;padding:.15rem .5rem;font-size:.74rem;cursor:pointer}.emb-picker{background:#0e1526;border:1px solid var(--line);border-radius:8px;padding:.5rem;margin-top:.4rem}.emb-picker input{width:100%;padding:.35rem .5rem;background:#131a2a;color:var(--ink);border:1px solid var(--line);border-radius:6px;margin-bottom:.4rem}.emb-grid{display:flex;flex-wrap:wrap;gap:.3rem;max-height:160px;overflow-y:auto}.emb-grid button{display:inline-flex;align-items:center;gap:.25rem;background:#161c2c;border:1px solid var(--line);border-radius:6px;padding:.15rem .4rem;font-size:.76rem;color:#cfd6e6;cursor:pointer}.emb-grid button img{filter:brightness(0) invert(1);opacity:.85}.emb-grid button:hover{border-color:var(--accent-2)}.hex-emblem{position:absolute;top:-6px;left:-4px;z-index:3;font-size:.7rem;color:#d6c6ff;text-shadow:0 1px 2px #000}.home-community{margin-top:2.75rem;padding-top:0;border-top:none}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:.3rem 1.5rem;flex-wrap:wrap;margin:0 0 1.15rem;padding-bottom:.6rem;border-bottom:1px solid var(--line-soft)}.section-head .section-title{font-size:1.35rem;font-weight:700;margin:0;letter-spacing:-.01em}.section-head .section-sub{color:var(--muted);font-size:.84rem;margin:0}.toolbar{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.35rem}.toolbar .search{margin:0}.toolbar-row{display:flex;gap:.9rem 1.25rem;align-items:center;flex-wrap:wrap}.toolbar .field{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.82rem;margin:0}.toolbar .field select{margin:0;color:var(--ink)}.segmented{display:inline-flex;gap:2px;padding:3px;background:#12192a;border:1px solid var(--line-soft);border-radius:9px}.segmented button{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:6px;padding:.3rem .62rem;min-width:2rem;cursor:pointer;font:inherit;font-size:.85rem;transition:color .15s var(--ease),background .15s var(--ease)}.segmented button:hover{color:var(--ink);background:rgba(91,124,255,.08)}.segmented button[data-active=true]{background:rgba(91,124,255,.18);color:var(--ink);border-color:rgba(91,124,255,.45)}.comp-stats .stat-primary{color:var(--ink);font-weight:700;font-size:.95rem}.comp-stats .stat-primary b{color:var(--gold)}.comp-stats .stat-muted{color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.community-page h3{margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--line-soft);font-size:1.15rem}.community-page>h1{margin-bottom:.35rem}.page-sub{color:var(--muted);font-size:.85rem;margin:0 0 1.5rem}@media (pointer:coarse){.auth-nav a,.auth-nav button{padding:.35rem .5rem}.segmented button{padding:.45rem .7rem}.cc-controls button,.db-tabs button,.patch-tabs a,.tabs button{padding:.55rem .9rem}}@media (max-width:900px){.community-page,main{padding:1.5rem 1rem}.modal{padding:1.2rem 1.15rem}}@media (max-width:640px){.app-nav{padding:.5rem .85rem}.app-nav,.auth-nav{flex-wrap:wrap;gap:.5rem .75rem}.auth-nav{margin-left:auto;font-size:.85rem;row-gap:.4rem}main{padding:1.1rem .85rem}.community-page h1,.page-head h1{font-size:1.6rem}.page-head p{font-size:.82rem;margin-bottom:1.1rem}.toolbar-row{gap:.6rem .8rem}.toolbar .field{width:100%;justify-content:space-between}.toolbar .field select{flex:1 1;margin-left:.5rem}.segmented{width:100%;justify-content:space-between}.segmented button{flex:1 1;min-width:0}.comp-card{padding:.8rem .85rem}.comp-stats{gap:.5rem .9rem;font-size:.82rem}.chevron{padding-right:0}.comp-card-top{position:static;margin-bottom:.5rem}.comp-head{flex-wrap:wrap}.unit{width:3.15rem}.unit img{width:30px;height:30px}.section-head{gap:.15rem}.cc-titleline{gap:.2rem .5rem}.modal-overlay{padding:2vh .6rem}.modal{padding:1.1rem 1rem;border-radius:12px}.ad-slot{max-width:100%}}@media (max-width:380px){.auth-nav{font-size:.8rem;gap:.4rem .55rem}.community-page h1,.page-head h1{font-size:1.4rem}}.consent{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;align-items:center;justify-content:center;gap:.9rem 1.5rem;flex-wrap:wrap;padding:.9rem 1.25rem max(.9rem,env(safe-area-inset-bottom));background:rgba(10,15,30,.97);border-top:1px solid var(--line);box-shadow:0 -8px 30px rgba(0,0,0,.45)}.consent-text{margin:0;color:var(--muted);font-size:.85rem;max-width:68ch;line-height:1.45}.consent-actions{display:flex;gap:.6rem;flex:none}.consent button{border-radius:8px;padding:.5rem 1.05rem;font:inherit;font-size:.88rem;cursor:pointer;border:1px solid var(--line);transition:border-color .15s var(--ease),filter .15s var(--ease)}.consent-reject{background:transparent;color:var(--ink)}.consent-accept,.consent-reject:hover{border-color:var(--accent)}.consent-accept{background:var(--accent);color:#fff;font-weight:600}.consent-accept:hover{filter:brightness(1.08)}@media (max-width:640px){.consent{flex-direction:column;align-items:stretch;text-align:center;gap:.7rem}.consent-actions{justify-content:center}.consent-actions button{flex:1 1}}.consent-link{color:var(--ink);text-decoration:underline;white-space:nowrap}.legal{max-width:760px;margin:0 auto;padding:2rem 1.25rem 4rem;line-height:1.65}.legal h1{margin:0 0 .4rem}.legal h2{margin:2rem 0 .5rem;font-size:1.12rem;padding-bottom:.35rem;border-bottom:1px solid var(--line-soft)}.legal li,.legal p{color:#cdd6ea}.legal ul{padding-left:1.2rem}.legal li{margin:.25rem 0}.legal a{color:var(--accent)}.legal-meta,.legal-riot{color:var(--muted);font-size:.85rem}.legal-back{margin-top:2rem;padding-top:1rem;color:var(--muted)}.legal-back,.site-footer{border-top:1px solid var(--line-soft)}.site-footer{max-width:1000px;margin:3rem auto 0;padding:1.5rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.6rem}.footer-links{display:flex;flex-wrap:wrap;gap:1rem 1.25rem;align-items:center}.footer-linklike,.footer-links a{color:var(--muted);font-size:.85rem;text-decoration:none}.footer-linklike:hover,.footer-links a:hover{color:var(--ink)}.footer-linklike{background:none;border:none;padding:0;cursor:pointer;font:inherit;font-size:.85rem}.footer-riot{color:#6f7a95;font-size:.78rem;margin:0;max-width:75ch;line-height:1.5}.ad-rail{position:fixed;top:50%;transform:translateY(-50%);width:160px;z-index:5}.ad-rail-left{left:calc((100vw - 1000px) / 2 - 176px)}.ad-rail-right{right:calc((100vw - 1000px) / 2 - 176px)}.ad-rail .ad-ph-box{min-height:600px}@media (max-width:1400px){.ad-rail{display:none}}