@font-face{font-family:"RummyAlphaIonicons";src:url("/assets/fonts/ionicons.ttf") format("truetype");font-display:swap}
.clubs-page{background:radial-gradient(ellipse at 50% 0,#1f523b 0,#103426 40%,#091914 100%) fixed;color:#f5eedf}
.ci{font-family:"RummyAlphaIonicons",sans-serif;font-style:normal;font-weight:400;line-height:1}
.cl-main{padding:110px 0 70px}
.cl-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:26px}.cl-hero .eyebrow{color:#e6c986}.cl-hero h1{margin:6px 0 8px;font:700 clamp(38px,6vw,64px)/1.05 var(--display);letter-spacing:-2px}.cl-hero h1 em{color:#e5bd68;font-style:italic}.cl-hero p{max-width:620px;margin:0;color:#c3d0c3;line-height:1.7}
.cl-user{display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #e6c77940;border-radius:999px;background:#ffffff08;color:#e9dcc0!important;font-size:13px;font-weight:700}
.cl-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start}
.cl-menu{position:sticky;top:96px;display:grid;gap:8px}
.cl-menu-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:1px solid #8c6a2e;border-radius:14px;background:linear-gradient(145deg,#4a3121,#342216);color:#f3ead9;font:800 14px var(--font);text-align:left;cursor:pointer;transition:transform .15s,background .2s}.cl-menu-btn:hover{transform:translateX(3px)}.cl-menu-btn .ci{color:#e8b940;font-size:17px}
.cl-menu-btn.is-on{background:linear-gradient(145deg,#2fa173,#1f7a55);border-color:#5fcf99}.cl-menu-btn.is-on .ci{color:#fff}
.cl-menu-btn.is-gold{background:linear-gradient(145deg,#f1d58c,#c99a3c);border-color:#f7e2a4;color:#1b130e}.cl-menu-btn.is-gold .ci{color:#5a3a00}.cl-menu-btn span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cl-content{display:grid;gap:8px;min-width:0}
.cl-card,.cl-banner{padding:16px;border:1px solid #e6c77933;border-radius:16px;background:#ffffff08;color:#e9dcc0;line-height:1.6}
.cl-banner{border-color:#e8b940;background:linear-gradient(145deg,#5a3d12,#2b1c0b)}.cl-banner h3{margin:0 0 6px;color:#e8b940;font:900 18px var(--font)}.cl-banner p{margin:4px 0 0;color:#c9bca3;font-size:13px}
.cl-prizes{display:flex;flex-wrap:wrap;gap:6px 18px;color:#fff3d5;font-weight:900}.cl-prizes span{display:flex;align-items:center;gap:5px}
.cl-title{margin:4px 0;color:#e8b940;font:900 22px var(--font)}.cl-label{margin:14px 0 4px;color:#b9a888;font-size:11px;font-weight:900;letter-spacing:1.4px}
.cl-login{display:grid;justify-items:center;gap:8px;text-align:center;padding:34px 18px}.cl-login h3{margin:0;color:#fff3d5;font:700 24px var(--display)}.cl-login p{margin:0;color:#c3d0c3}.cl-big{font-size:40px;color:#e8b940}
.cl-loading,.cl-error{color:#c3d0c3}.cl-error{border-color:#c0392b;color:#ffb4a8}
.cl-row{display:flex;align-items:center;gap:12px;width:100%;min-width:0;padding:10px 14px;border:1px solid #8c6a2e;border-radius:14px;background:linear-gradient(145deg,#4a3121,#342216);color:#f3ead9;font:inherit;text-align:left;animation:cl-in .35s ease both}
button.cl-row{cursor:pointer;transition:transform .15s,border-color .2s}button.cl-row:hover{transform:translateY(-1px);border-color:#e8b940}
.cl-row.is-mine{border:2px solid #e8b940;background:linear-gradient(145deg,#1f5a40,#0e2a1e)}.cl-row-flat{background:transparent;border-color:transparent;padding:6px 0}
@keyframes cl-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.cl-row,.cl-rule{animation:none!important}.cl-menu-btn,button.cl-row{transition:none}}
.cl-row-main{flex:1;min-width:0;display:grid;gap:2px}.cl-row-main b{overflow:hidden;color:#fff3d5;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.cl-row-main small{color:#b9a888;font-size:12px}
.cl-lang{color:#b9a888;font-size:12px}
.cl-score{display:grid;justify-items:end;color:#f3d994;font:900 16px var(--font);white-space:nowrap}.cl-score small{color:#b9a888;font-size:10px;font-weight:700}
.cl-chip{padding:3px 9px;border-radius:9px;background:#e8b940;color:#1b130e;font:900 11px var(--font);white-space:nowrap}
.cl-place{flex:0 0 32px;display:grid;place-items:center;color:var(--m);font-size:22px}.cl-place.is-n{height:32px;border-radius:50%;background:#ffffff10;color:#d9cfb8;font:900 14px var(--font)}
.cl-emblem{flex:0 0 auto;width:var(--s);height:var(--s);display:grid;place-items:center;border:2px solid #b8862b;border-radius:calc(var(--s)*.2);background:linear-gradient(160deg,var(--bg),#1b130e);color:#f0dca8;font:calc(var(--s)*.55)/1 "RummyAlphaIonicons",sans-serif}
.cl-emblem.is-special{background:linear-gradient(160deg,#6b34a0,#1b0e2a);color:#f3d994}.cl-emblem.is-podium{border:3px solid #c9ced6}.cl-emblem.is-champion{border:3px solid #e8b940}
.cl-emblem.is-year{border:3px solid #fff4c2;background:linear-gradient(160deg,#ffe9a8,#b8862b);color:#5a3a00;animation:cl-shine 2.2s ease-in-out infinite}@keyframes cl-shine{50%{box-shadow:0 0 16px #ffcd5aee}}
.cl-filters{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 14px;border:1px solid #8c6a2e;border-radius:12px;background:#2b1c12;color:#e9dcc0;font-size:14px}.cl-filters b{color:#b9a888}.cl-filters label{display:flex;align-items:center;gap:7px;cursor:pointer}
.cl-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 18px;border:1px solid #8c6a2e;border-radius:12px;background:linear-gradient(145deg,#6b4a2b,#4a3121);color:#fff3d5;font:800 14px var(--font);cursor:pointer;transition:transform .15s,filter .2s}.cl-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.cl-btn:disabled{opacity:.45;cursor:default}
.cl-gold{background:linear-gradient(145deg,#f1d58c,#c99a3c);border-color:#f7e2a4;color:#1b130e}.cl-danger{background:linear-gradient(145deg,#c95b43,#a8432f);border-color:#e08770}.cl-small{padding:7px 12px;font-size:12px;border-radius:10px}
.cl-form{display:grid;gap:12px}.cl-form h3{margin:0;color:#e8b940;font:900 18px var(--font)}.cl-form p{margin:0}.cl-form label{display:grid;gap:5px;color:#e9dcc0;font-size:13px;font-weight:700}
.cl-form input:not([type=radio]):not([type=checkbox]),.cl-form textarea,.cl-inline input{width:100%;padding:11px 13px;border:1px solid #8c6a2e;border-radius:12px;background:#fff9ec;color:#1b130e;font:500 15px var(--font)}
.cl-form fieldset{margin:0;padding:10px 12px;border:1px solid #e6c77933;border-radius:12px}.cl-form legend{padding:0 6px;color:#b9a888;font-size:11px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}
.cl-choice{display:flex!important;grid-auto-flow:column;align-items:center;gap:8px!important;padding:5px 0;font-weight:600!important;cursor:pointer}
.cl-picks{display:flex;flex-wrap:wrap;gap:8px}.cl-pick{position:relative;cursor:pointer}.cl-pick input{position:absolute;opacity:0}.cl-pick .cl-emblem{transition:transform .15s}.cl-pick input:checked+.cl-emblem{outline:3px solid #2fa173;outline-offset:2px}.cl-pick input:focus-visible+.cl-emblem{outline:3px solid #f0cf7a;outline-offset:2px}
.cl-pick.is-locked{opacity:.45;cursor:help}.cl-pick.is-locked i{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#1b130e;color:#fff8e8;font-size:11px}
.cl-inline{display:flex;gap:8px}.cl-inline input{flex:1}
.cl-note{color:#c9bca3;font-size:13px}
.cl-toast{margin:0 0 8px;padding:10px 14px;border-radius:12px;font-weight:700;font-size:14px}.cl-toast.is-good{background:#1f7a5533;border:1px solid #2fa173;color:#bff3d6}.cl-toast.is-bad{background:#c0392b33;border:1px solid #c0392b;color:#ffd0c8}
.cl-rules{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px}
.cl-rule{padding:14px 16px;border:1px solid #8c6a2e;border-radius:16px;background:linear-gradient(160deg,#4a3121,#2e1e13);animation:cl-in .4s ease both;animation-delay:var(--d)}.cl-rule h4{display:flex;align-items:center;gap:10px;margin:0 0 8px;color:#e8b940;font:900 16px var(--font)}
.cl-rule-icon{display:grid;place-items:center;width:34px;height:34px;border:1.5px solid #e8b940;border-radius:50%;background:#e8b94022;font-size:17px}.cl-rule ul{margin:0;padding-left:18px;display:grid;gap:5px;color:#f3ead9;font-size:14px;line-height:1.55}.cl-rule li::marker{color:#e8b940}
/* club sheet */
.cl-dialog{width:min(940px,94vw);max-height:90vh;padding:0;border:2px solid #e8b940;border-radius:20px;background:#f3ead9;color:#1b130e;box-shadow:0 20px 60px #000a}.cl-dialog::backdrop{background:#0a0603cc}
.cl-dialog-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:linear-gradient(180deg,#1f7a55,#14543b);color:#fff}.cl-dialog-head h2{margin:0;font:900 20px var(--font)}.cl-dialog-head button{width:36px;height:36px;border:0;border-radius:50%;background:#ffffff22;color:#fff;font-size:24px;cursor:pointer}
.cl-dialog>.cl-toast{margin:12px 20px 0}.cl-dialog-body{display:grid;gap:10px;padding:16px 20px 22px}
.cl-head{display:flex;gap:14px;align-items:center}.cl-head p{margin:0 0 3px;line-height:1.5}.cl-head small{color:#6b5a45}
.cl-mini{display:flex;gap:5px;margin-top:6px}.cl-mini span{display:grid;place-items:center;width:24px;height:24px;border:1.5px solid var(--t);border-radius:50%;background:#2b1c12;color:var(--t);font-size:13px}
.cl-tabs{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:10px;border-bottom:1px solid #d8c9aa}.cl-tabs button{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #d8c9aa;border-radius:999px;background:#fff8e8;color:#7a5a24;font:800 13px var(--font);cursor:pointer}.cl-tabs button[aria-selected=true]{background:#1f7a55;border-color:#1f7a55;color:#fff}
.cl-dialog .cl-label{color:#7a6a55}.cl-dialog .cl-note{color:#6b5a45}
.cl-standing,.cl-war{display:grid;gap:3px;padding:12px 14px;border:1px solid #e8b940;border-radius:14px;background:linear-gradient(145deg,#5a3d12,#2b1c0b);color:#f3ead9}.cl-standing b{font-size:15px}.cl-standing small,.cl-war small{color:#c9bca3;font-size:12px}
.cl-war{background:linear-gradient(145deg,#3b2a0b,#1e1506)}.cl-war.is-live{background:linear-gradient(145deg,#6a1b1b,#2b0b0b)}.cl-war-head{display:flex;align-items:center;gap:8px}.cl-war-head .ci{color:#e8b940;font-size:18px}.cl-war-head b{flex:1;color:#e8b940;font-size:15px}.cl-war strong{font-size:16px}
.cl-bar{display:block;height:8px;overflow:hidden;border-radius:4px;background:#e6dcc6}.cl-bar i{display:block;height:100%;border-radius:4px;transition:width .7s cubic-bezier(.2,.8,.2,1)}.cl-war .cl-bar,.cl-badge .cl-bar{background:#00000055}
.cl-mission{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"i b s" "bar bar e";align-items:center;gap:3px 8px}.cl-mission>.ci{grid-area:i;color:#8c6a2e}.cl-mission.is-done>.ci{color:#1f7a55}.cl-mission b{grid-area:b}.cl-mission small{grid-area:s;color:#6b5a45;font-size:12px}.cl-mission .cl-bar{grid-area:bar}.cl-mission em{grid-area:e;color:#6b5a45;font-size:12px;font-style:normal;min-width:60px;text-align:right}
.cl-chest{display:flex;gap:10px;align-items:flex-start}.cl-chest>.ci{font-size:24px;color:#8c6a2e}.cl-chest>.ci.is-hot{color:#c0392b;animation:cl-shine 1.2s infinite}.cl-chest>div{flex:1;display:grid;gap:4px}.cl-chest small{color:#6b5a45;font-size:12px}
.cl-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.cl-dialog .cl-row{background:#fff8e8;border-color:#d8c9aa;color:#1b130e}.cl-dialog .cl-row-main b{color:#1b130e}.cl-dialog .cl-row-main small{color:#6b5a45}
.cl-member{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #e3d6ba}.cl-member>em{width:28px;color:#8c6a2e;font-weight:900;font-style:normal}.cl-member .cl-row-main b{display:flex;align-items:center;gap:6px;color:#1b130e;font-size:14px}.cl-member .cl-row-main small{color:#6b5a45}.cl-member .cl-score{color:#1f7a55}.cl-member .cl-score small{color:#6b5a45}
.cl-member-acts{display:flex;flex-wrap:wrap;gap:6px}
.cl-role{display:inline-flex;align-items:center;gap:3px;color:#2d5e9e;font-size:12px;font-style:normal;font-weight:800}.cl-role.is-owner{color:#b8862b}
.cl-avatar{position:relative;flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border:2px solid #fff9eb;border-radius:11px;background:var(--bg);color:#fff8e9;font-size:19px;box-shadow:0 2px 6px #0003}.cl-avatar>*{grid-area:1/1}.cl-avatar img{width:100%;height:100%;border-radius:9px;object-fit:cover}
.cl-dot{position:absolute;right:-3px;bottom:-3px;width:11px;height:11px;border:2px solid #fff8e8;border-radius:50%;background:#9a8f80}.cl-dot.is-on{background:#2fa173}
.cl-friends{display:flex;flex-wrap:wrap;gap:6px}
.cl-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.cl-badge{position:relative;display:grid;justify-items:center;gap:3px;padding:10px 8px;border:2px solid var(--t);border-radius:14px;background:linear-gradient(160deg,#3a2714,#1e140a);color:#f3ead9;text-align:center}.cl-badge.is-locked{background:linear-gradient(160deg,#5b5147,#3b342d)}
.cl-badge-icon{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--t);border-radius:50%;color:var(--t);font-size:21px}.cl-badge b{font-size:13px}.cl-badge em{color:var(--t);font-size:10px;font-style:normal;font-weight:900;letter-spacing:1.2px}.cl-badge small{color:#c9bca3;font-size:10px}.cl-badge .cl-bar{width:100%}
.cl-new{position:absolute;top:6px;right:6px;padding:1px 5px;border-radius:6px;background:#c0392b;color:#fff;font-size:9px;font-style:normal;font-weight:900}
.cl-timeline{margin:0;padding:0;list-style:none}.cl-timeline li{position:relative;display:flex;gap:12px;padding-bottom:14px}.cl-timeline li:not(:last-child)::before{content:"";position:absolute;left:14px;top:30px;bottom:0;width:2px;background:#d8c9aa}
.cl-timeline li>.ci{flex:0 0 30px;height:30px;display:grid;place-items:center;border:2px solid #fff8e8;border-radius:50%;background:var(--c);color:#fff8e8;font-size:15px}.cl-timeline div{display:grid}.cl-timeline b{font-size:14px}.cl-timeline small,.cl-timeline time{color:#6b5a45;font-size:12px}
.cl-chat{max-height:320px;overflow:auto;padding:10px;border:1px solid #d8c9aa;border-radius:12px;background:#fff8e8}.cl-chat p{margin:0;padding:3px 0}.cl-chat b{color:#1f7a55}.cl-chat b.is-me{color:#8c6a2e}
.cl-dialog .cl-form label,.cl-dialog .cl-choice{color:#1b130e}.cl-dialog .cl-form fieldset{border-color:#d8c9aa}.cl-dialog .cl-form legend{color:#7a6a55}
@media (max-width:820px){.cl-main{padding-top:92px}.cl-layout{grid-template-columns:1fr}.cl-menu{position:static;display:flex;overflow-x:auto;gap:6px;padding-bottom:4px;scrollbar-width:thin}.cl-menu-btn{flex:0 0 auto;width:auto;padding:9px 12px;font-size:13px}.cl-menu-btn:hover{transform:none}.cl-row{gap:9px;padding:9px 10px}.cl-lang,.cl-chip{display:none}.cl-dialog-body{padding:12px 14px 18px}.cl-inline{flex-direction:column}.cl-mission{grid-template-columns:auto 1fr auto;grid-template-areas:"i b b" "s s s" "bar bar e"}.cl-mission small{justify-self:start}}
.cl-need{max-width:min(460px,92vw);padding:0;border:2px solid #e8b940;border-radius:20px;background:linear-gradient(180deg,#1f4a34,#0a1d13);color:#f3ead9;box-shadow:0 0 40px #e8b94055}.cl-need::backdrop{background:#0a0603cc}
.cl-need-card{display:grid;justify-items:center;gap:10px;padding:24px 26px;text-align:center}.cl-need-card h3{margin:0;color:#e8b940;font:900 20px var(--font)}.cl-need-card p{margin:0;color:#e9dcc0;line-height:1.6}
.cl-need-icon{display:grid;place-items:center;width:58px;height:58px;border:3px solid #e8b940;border-radius:50%;background:#e8b94026;color:#ffe9a8;font-size:28px}.cl-need-note{color:#bff3d6!important;font-weight:700}

/* "Citește informații" under the rules banner, and its pop-up (six numbered steps). */
.cl-info-btn{display:flex;justify-content:center;margin-top:10px}.cl-info-btn .ci{font-size:16px}
.cl-info{width:min(720px,94vw)}.cl-info-step{display:flex;gap:12px;align-items:flex-start}
.cl-info-num{flex:0 0 28px;height:28px;border-radius:50%;background:#1f7a55;color:#fff8e8;display:grid;place-items:center;font:900 14px var(--font)}
.cl-info-step h4{display:flex;align-items:center;gap:6px;margin:2px 0 2px;color:#1b130e;font:900 15px var(--font)}.cl-info-icon{font-size:16px;color:#8c6a2e}
.cl-info-step p{margin:0;color:#2a1d12;font-size:14px;line-height:1.45}.cl-info-foot{margin:4px 0 0;color:#6b5843;font-size:13px;font-style:italic;text-align:center}
.cl-emblem.is-photo{padding:0;overflow:hidden;background:#1b130e}.cl-emblem.is-photo img{width:100%;height:100%;object-fit:cover;display:block}
/* Club level look (2026-10-12): frames on the emblem, effects on the name, the level card and the cups showcase. */
.cl-emblem.is-bronze,.cl-emblem.is-silver,.cl-emblem.is-gold,.cl-emblem.is-ruby,.cl-emblem.is-diamond{position:relative;overflow:hidden;border-width:calc(var(--s)*.07 + 1px);border-style:solid}
.cl-emblem.is-bronze{border-color:#c8844a;box-shadow:inset 0 0 0 1px #f3c08f}
.cl-emblem.is-silver{border-color:#c9ced6;box-shadow:inset 0 0 0 1px #fff}
.cl-emblem.is-gold{border-color:#e8b940;animation:cl-glow-gold 3.2s ease-in-out infinite}
.cl-emblem.is-ruby{border-color:#b3121f;animation:cl-glow-ruby 1.6s ease-in-out infinite}
@property --cl-a{syntax:"<angle>";inherits:false;initial-value:0deg}
.cl-emblem.is-diamond{border-color:transparent;background:linear-gradient(160deg,var(--bg,#1f7a55),#1b130e) padding-box,conic-gradient(from var(--cl-a),#7fd6ff,#d9c2ff,#ffb3e6,#9ff0e1,#7fd6ff) border-box;animation:cl-spin 3.2s linear infinite,cl-glow-ice 3.2s ease-in-out infinite}
.cl-emblem.is-silver::after,.cl-emblem.is-gold::after,.cl-emblem.is-ruby::after,.cl-emblem.is-diamond::after,.cl-name.fx-silver::after,.cl-name.fx-gold::after,.cl-name.fx-diamond::after{content:"";position:absolute;top:-30%;left:0;width:28%;height:160%;background:rgba(255,255,255,.55);transform:translateX(-200%) rotate(20deg);animation:cl-sheen 3.2s linear infinite;pointer-events:none}
@keyframes cl-sheen{0%{transform:translateX(-200%) rotate(20deg)}40%,100%{transform:translateX(450%) rotate(20deg)}}
@keyframes cl-glow-gold{50%{box-shadow:0 0 calc(var(--s)*.28) rgba(255,205,90,.95)}}
@keyframes cl-glow-ruby{50%{box-shadow:0 0 calc(var(--s)*.28) rgba(255,70,90,.95)}}
@keyframes cl-glow-ice{50%{box-shadow:0 0 calc(var(--s)*.28) rgba(140,220,255,.95)}}
@keyframes cl-spin{to{--cl-a:360deg}}
.cl-name{position:relative;display:inline-block;max-width:100%;overflow:hidden;vertical-align:middle;padding:0 8px;border:1px solid #0003;border-radius:8px;font-weight:900;white-space:nowrap;text-overflow:ellipsis}
.cl-name.fx-copper{background:linear-gradient(135deg,#f3c08f,#b8692f,#e8a06a);color:#2a1406}
.cl-name.fx-silver{background:linear-gradient(135deg,#fff,#aeb8c4,#eef2f6);color:#1e2630}
.cl-name.fx-gold{background:linear-gradient(135deg,#fff3b8,#d9a23a,#ffe07a);color:#3a2400;box-shadow:0 0 6px rgba(255,205,90,.7)}
.cl-name.fx-fire{background:linear-gradient(135deg,#ffd36b,#ff6a1f,#b3121f);background-size:200% 200%;color:#fff8e6;box-shadow:0 0 8px rgba(255,106,31,.8);animation:cl-fire 1.4s ease-in-out infinite}
.cl-name.fx-diamond{background:linear-gradient(135deg,#f2fdff,#9fe3ff,#d9c2ff);color:#13233a;box-shadow:0 0 8px rgba(140,220,255,.9)}
@keyframes cl-fire{0%,100%{background-position:0 50%;filter:brightness(1)}30%{filter:brightness(1.25)}50%{background-position:100% 50%}70%{filter:brightness(1.1)}}
.cl-lvl{display:inline-grid;place-items:center;box-sizing:border-box;width:var(--s);height:var(--s);padding-top:calc(var(--s)*.1);flex:0 0 auto;background:linear-gradient(160deg,#ffe28a,#e8b940 55%,#b8862b);clip-path:polygon(50% 0%,62% 34%,98% 35%,69% 56%,80% 91%,50% 70%,20% 91%,31% 56%,2% 35%,38% 34%);color:#3a2400;font:900 calc(var(--s)*.4)/1 system-ui,sans-serif;vertical-align:middle}
.cl-headname{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 4px;font-size:17px}
.cl-lvlpill{display:inline-flex;align-items:center;gap:4px;padding:1px 10px 1px 3px;border:1.5px solid #e8b940;border-radius:14px;background:#1e140a;color:#e8b940;font:900 13px/1.4 inherit;cursor:pointer}
.cl-levelcard,.cl-showcase{display:grid;gap:10px;padding:12px;border:2px solid #e8b940;border-radius:14px;background:linear-gradient(160deg,#3a2714,#1e140a);color:#f3ead9}
.cl-levelhead{display:flex;align-items:center;gap:12px}.cl-levelhead>div{flex:1;min-width:0;display:grid;gap:4px}.cl-levelhead p{margin:0}.cl-levelhead small{color:#c9bca3;font-size:12px}
.cl-leveltitle{display:flex;align-items:center;gap:8px;color:#e8b940;font-size:20px}
.cl-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:6px}
.cl-levelrow{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid #fff2;border-radius:10px;background:#0003}.cl-levelrow>span:not(.cl-lvl):not(.cl-emblem):not(.cl-name):not(.ci){flex:1;min-width:0;display:grid;gap:2px}
.cl-levelrow b{font-size:13px}.cl-levelrow small{color:#e8b940;font-size:11px;font-weight:700}.cl-levelrow:not(.is-on) b{color:#c9bca3}
.cl-levelrow.is-on{border-color:#e8b94099;background:#e8b9401a}.cl-levelrow.is-next{border:2px solid #e8b940}
.cl-shelf{display:flex;justify-content:space-around;align-items:flex-end}.cl-shelfcup{display:grid;justify-items:center;gap:1px}.cl-shelfcup img{width:74px;height:74px;object-fit:contain}.cl-shelfcup.is-none img{opacity:.45}.cl-shelfcup b{font-size:20px}.cl-shelfcup small{font-size:12px;font-weight:800}
.cl-board{display:block;height:6px;border-radius:3px;background:#8a5e2b;box-shadow:0 2px 4px #0008}
.cl-cupchips,.cl-ctiers{display:flex;flex-wrap:wrap;gap:6px}.cl-cupchips i,.cl-ctiers i{font-style:normal;font-size:12px;font-weight:900;border:1.5px solid var(--t);border-radius:10px;padding:1px 8px;color:var(--t)}
.cl-ctiers{margin:5px 0}.cl-ctiers i{color:#6b5a45}.cl-ctiers i.is-on{background:var(--t);color:#2a1a08}
.cl-chest.is-t1 .ci{color:#d9a06a}.cl-chest.is-t2 .ci{color:#d5dbe2}.cl-chest.is-t3 .ci{color:#f2c94c;text-shadow:0 0 8px #f2c94c}
@media (prefers-reduced-motion:reduce){.cl-emblem,.cl-emblem::before,.cl-emblem::after,.cl-name,.cl-name::after{animation:none!important}}
.cl-levelrow{padding:0;gap:0}.cl-levelbtn{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:6px 8px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.cl-levelbtn>span:not(.cl-lvl):not(.cl-emblem):not(.cl-name){flex:1;min-width:0;display:grid;gap:2px}
.cl-levelrow>.ci{margin-right:10px}.cl-levelrow.is-preview{border:2px solid #9fe3ff;background:#9fe3ff14}
.cl-tick{flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;margin-right:8px;border:2px solid #e8b940;border-radius:50%;background:none;color:#2a1a08;font:900 15px/1 system-ui;cursor:pointer}.cl-tick.is-on{background:#e8b940}
.cl-preview{display:flex;align-items:center;gap:12px;padding:10px;border:1.5px solid #9fe3ff88;border-radius:12px;background:#0005}.cl-preview>div{flex:1;min-width:0;display:grid;gap:4px}.cl-preview p{margin:0;font-size:18px}.cl-preview b{font-size:13px}.cl-preview small{color:#e8b940;font-size:12px;font-weight:700}.cl-previewlabel{color:#9fe3ff!important;letter-spacing:1px}
.cl-x{border:0;background:none;color:#f3ead9;font-size:22px;cursor:pointer}