/* CupaCupelor 2012 identity, modern Arena UI. This stylesheet belongs only to the isolated concept. */
:root{color:#172432;background:#e9edf2;--retro-yellow:#f4ca29;--retro-blue:#1689cc;--retro-ink:#18222e}
body{background:#e9edf2;color:#1c2835}
.shell{max-width:1480px;background:#f7f9fb;box-shadow:0 0 50px #24334518;grid-template-columns:223px minmax(0,1fr);grid-template-rows:auto auto 1fr}
.cupacupelor-banner{grid-column:1/-1;min-height:158px;position:relative;display:flex;align-items:center;gap:25px;padding:24px 34px;color:white;background:radial-gradient(circle at 70% 50%,#344e66,#172331 55%,#0f1924);overflow:hidden}
.cupacupelor-banner::after{content:'⚽';position:absolute;right:23%;top:-55px;font-size:240px;opacity:.07;transform:rotate(-17deg);pointer-events:none}
.retro-crest{height:92px;width:92px;border-radius:50%;border:5px solid #f8f8f8;outline:3px solid #c8a72a;display:grid;place-items:center;background:linear-gradient(145deg,#ffe462,#d39e00);color:#111;font-size:45px;box-shadow:0 5px 20px #0008;flex-shrink:0}
.cupacupelor-banner h1{font-size:clamp(24px,3vw,36px);margin:0;letter-spacing:-1.5px}.cupacupelor-banner h1 span{color:#f5c927}.cupacupelor-banner p{font-size:12px;color:#b8cbd9;margin:7px 0}
.retro-banner-counts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.retro-banner-counts span{background:#ffffff18;padding:7px 10px;border-radius:8px;font-size:11px}
.cupacupelor-banner .retro-cta{margin-left:auto;background:#f5c927;border:0;color:#16202b;padding:13px 16px;border-radius:9px;font-weight:850;white-space:nowrap;z-index:1}
.retro-menu{grid-column:1/-1;display:flex;align-items:center;gap:5px;overflow:auto;background:#1a2430;color:#cbd6df;padding:0 18px}
.retro-menu button{background:transparent;border:0;border-bottom:3px solid transparent;color:inherit;font-size:12px;padding:15px 12px;font-weight:800;text-transform:uppercase;white-space:nowrap}
.retro-menu button:hover,.retro-menu button.active{background:#2a3a49;border-bottom-color:#259ee8;color:white}
.retro-menu .retro-action{color:#f6d26b;margin-left:auto}
.side{top:0;height:auto;min-height:calc(100vh - 215px);position:relative;padding:22px 14px;background:#f0f3f6;border-right:1px solid #e1e6e9;color:#152433}
.side .brand{display:none}.side .navtitle{color:#6d7f8a;margin:12px 9px}.side .nav button{color:#3c5165;background:#fff;border:1px solid #e5e9ed;margin:5px 0;font-size:12px;padding:11px}.side .nav button:hover,.side .nav button.active{background:#e1f1fc;color:#0d74b0;border-color:#b2daf4}.sidefoot{background:#253440;border:0}.sidefoot button,.btn,.chip.selected{background:#eac532;color:#1b2530;border-color:#eac532}.main{background:#f9fafb;padding:26px 34px 48px}.top{margin-bottom:19px}.crumb,.sub,.meta,.muted{color:#718092}.pill{background:#edf7fd;color:#127db7;border-color:#c9e6f6}.avatar{background:#ecc62d;color:#142330}.hero{border-radius:16px;border-color:#dbe4e9;background:linear-gradient(112deg,#142232,#223f52)}.hero::before{border-color:#f3cc24}.hero h1{color:#fff}.hero h1 em,.eyebrow{color:#f2c829}.hero p{color:#cad6e1}.hero::after{font-size:125px;opacity:.72}.stats{margin:22px 0 29px}.stat,.card,.panel,.profile-card,.post,.notification-item{background:white;border-color:#e1e6ed;color:#1b2d3e;box-shadow:0 2px 15px #21324306}.stat span,.stat small{color:#697c89}.stat strong,.row h2,.body h3,.panelhead{color:#1a2c3a}.stat small,.rank,.status{color:#168cc7}.card .body{background:#fff}.body h3,.card .body h3,.card .meta{color:#203445}.card .status{color:#087b57}.cardfoot button{color:#107cb2;border-color:#c4dfef;background:#ebf7fe}.panelhead{border-color:#e4e9ef;background:#f5f7f9}.tablewrap th{color:#566b7c}table td{color:#344859;border-color:#e9edf1}td strong{color:#182a3a}.match,.moderation-record{border-color:#e7edf0;color:#25394a}.score{background:#eff4f8;color:#243745}.chip{background:#eef3f7;border-color:#d8e0e7;color:#455868}.chip:hover{background:#d8eefa}.notice{background:#eaf5fb;color:#226e97;border:1px solid #c8e5f3}.form label{color:#4b6172}.form input,.form select,.match-chat-form textarea,.global-chat-form textarea{background:#fff;color:#1b2d3c;border-color:#cbd8e2}.dialog{background:#fff;color:#182a3b;border-color:#aebeca}.dialog h2{color:#182a3b}.dialog p{color:#5c7181}.dialog .close{color:#253a4b}.modal{background:#061522c9}.dialog .detailgrid div{border-color:#dce4eb}.dialog .detailgrid strong{color:#172738}.match-chat-messages,.chat-entry,.global-chat-message{background:#f7fafc;color:#203241;border-color:#dce4e9}.chat-author,.chat-entry .chat-author,.notification-item strong{color:#0b78b0}.global-chat-message p{color:#294254}.notification-item.unread{background:#fff8df;border-color:#eec64c}.footer{color:#8a9aa7}.profile-cover{background:linear-gradient(120deg,#22394e,#385d72)}.role-badge.pro{background:#f5e9fb;color:#8045a0}.retro-story{background:white;border:1px solid #dce5ec;border-radius:14px;padding:21px;margin-bottom:13px}.retro-story h3{font-size:18px;margin:5px 0 10px}.retro-story h3 a{color:#155f94}.retro-story h3 a:hover{text-decoration:underline}.retro-story small,.retro-story p{color:#657888}.retro-story .story-meta{display:flex;align-items:center;gap:9px;font-size:12px;flex-wrap:wrap}.retro-story .story-meta a,.retro-profile-link{color:#1182ba;text-decoration:underline;text-underline-offset:2px}.retro-story p{font-size:13px;line-height:1.65}.retro-story textarea{width:100%;border-radius:9px;background:#fff;color:#223748;border:1px solid #cbd8e2;padding:11px}.retro-comments{border-top:1px solid #e4ebef;margin-top:13px;padding-top:12px}.retro-comment{background:#f4f7f9;border-radius:9px;padding:11px;margin:8px 0;font-size:12px}.retro-blog-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:10px}.retro-blog-actions button{border:0;border-radius:8px;background:#253a4a;color:white;padding:9px 13px}.retro-blog-badge{background:#e5f5fe;color:#0878bc;border-radius:20px;padding:4px 9px;font-size:10px;font-weight:800}
@media(max-width:850px){.shell{grid-template-columns:1fr}.side{border:0;padding:8px 13px;min-height:0}.side .nav{display:none}.side .navtitle,.sidefoot{display:none}.main{padding:20px 15px}.retro-menu{padding:0 8px}.retro-menu button{padding:13px 9px}.cupacupelor-banner{min-height:130px;padding:19px}.retro-crest{height:66px;width:66px;font-size:33px}.cupacupelor-banner .retro-cta{padding:10px;font-size:11px}.retro-banner-counts{display:none}}@media(max-width:530px){.cupacupelor-banner{gap:11px}.cupacupelor-banner h1{font-size:22px}.cupacupelor-banner p{max-width:200px;font-size:10px}.cupacupelor-banner .retro-cta{position:absolute;right:12px;bottom:8px;font-size:9px}.cupacupelor-banner{padding-bottom:26px}.hero{padding:25px}.stats{grid-template-columns:repeat(2,1fr)}}

/* Refinement from the real mobile recording: one main menu, classic account shortcuts, readable content. */
.cupacupelor-banner{min-height:180px;background:linear-gradient(90deg,rgba(9,20,32,.96) 0%,rgba(10,26,42,.86) 28%,rgba(8,30,47,.56) 62%,rgba(7,22,35,.18) 100%),url('./arena-esports-banner.png') center 50%/cover no-repeat}
.cupacupelor-banner::after{display:none}
.retro-crest{background:#dfad13 url('./retro-ball-logo.svg') center/86% no-repeat;border:4px solid #f5d95c;outline:2px solid #192a35;color:transparent;box-shadow:0 4px 14px #0009}
.retro-menu{background:#172838;border-bottom:3px solid #d4ad22}
.retro-menu button{color:#d6e2e9}.retro-menu button.active,.retro-menu button:hover{color:#fff;background:#284b63;border-color:#efc83e}
.side{padding:20px 13px;background:#e7edf1}.side>.navtitle,.side>.nav,.side>.sidefoot{display:none!important}
.retro-quick h2{font-size:10px;letter-spacing:1.5px;margin:20px 6px 9px;color:#657989;border-bottom:1px solid #cad6df;padding-bottom:8px}
.retro-quick button{display:flex;align-items:center;gap:9px;text-align:left;border:1px solid transparent;border-radius:7px;color:#253e53;background:transparent;padding:11px 9px;width:100%;font-size:12px;font-weight:700;line-height:1.3}
.retro-quick button:hover,.retro-quick button:focus-visible{background:#fff;border-color:#c5ddeb;color:#006ca5}
.retro-mobile-toggle{display:none}
.main section:not(.hidden) .row h2,.main section:not(.hidden) h2{color:#203a4b}
.main section:not(.hidden) .eyebrow{color:#167bb5}
.main .hero .eyebrow{color:#f8d958!important}
.main .hero h1,.main .hero h2,.main .hero p{color:white}
.main .hero p{color:#ddebf4}
.main .panel,.main .card,.main .profile-card,.main .post{color:#253c4d}
.main .panel p,.main .post p,.main .profile-card p,.main .card p,.main .rules-content p,.main .forum-post p{color:#425a6d}
.main .panel small,.main .post small,.main .card small{color:#587082}
.main .cards h3 a,.main .retro-story h3 a{color:#086da7;text-decoration:underline;text-underline-offset:3px}
.main .card .art strong,.main .card .art small,.main .card .art span{color:#fff}
.main .card .art .emoji{color:#fff}
.main .panelhead,.main .forum-heading{color:#243c4f}
.main .rules-index a,.main .rules-content a,.main .retro-profile-link{color:#0870a8}
.main .notice,.main .empty{color:#27536e}
.main .stat strong{color:#1f3445}
.main .match .teams,.main .competition-entry{color:#243d4f}
.main input:not([type="checkbox"]),.main textarea,.main select{color:#223b4b;background:#fff;border-color:#c9d8e2}
.main .global-chat-panel,.main .global-chat-side{background:#fff}
.global-chat-side{display:flex;flex-direction:column;gap:13px}
.retro-online{border-bottom:1px solid #d8e4eb;padding-bottom:15px}.retro-online h3{font-size:14px;color:#263d51;display:flex;justify-content:space-between;align-items:center}.retro-online h3 span{background:#e2f8ef;color:#13754c;padding:3px 9px;border-radius:15px}
.retro-online-list{max-height:310px;overflow-y:auto;display:flex;flex-direction:column;gap:5px}.retro-online-list a{padding:9px;display:flex;align-items:center;gap:8px;color:#116d9d;border-radius:8px;font-size:12px;background:#f3f8fa;text-decoration:none}.retro-online-list a:hover{background:#e0f0f9}.retro-online-dot{width:8px;height:8px;border-radius:50%;background:#20b879;box-shadow:0 0 0 3px #c3f3d9;flex-shrink:0}.retro-online-list small{margin-left:auto;color:#46687b}
.global-chat-message .chat-delete{border:1px solid #d5e1e8;border-radius:6px;color:#9d3434;background:#fff;padding:4px 6px}
@media(max-width:850px){.side{background:#f1f5f8;border-bottom:1px solid #dce5e9;padding:6px 12px}.retro-mobile-toggle{display:block;width:100%;text-align:left;border:1px solid #cbdbe6;background:#fff;color:#204963;border-radius:8px;font-weight:800;padding:11px 13px}.retro-quick{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 9px;padding-bottom:10px}.side.retro-side-open .retro-quick{display:grid}.retro-quick h2{grid-column:1/-1;margin:12px 3px 5px}.retro-quick button{padding:10px 6px;font-size:11px}.cupacupelor-banner{min-height:160px}.retro-menu{scrollbar-width:thin}.retro-menu button{font-size:11px}.main{padding:18px 14px}}
@media(max-width:540px){.cupacupelor-banner{min-height:154px;padding:15px 14px 28px}.retro-crest{width:60px;height:60px}.cupacupelor-banner h1{font-size:23px}.cupacupelor-banner p{font-size:10px;max-width:230px}.retro-banner-counts{display:none}.cupacupelor-banner .retro-cta{right:11px;bottom:8px}.retro-menu button{padding:12px 10px}.main .row{align-items:flex-start}.main .cards{grid-template-columns:1fr}.main .stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Home: three information regions reminiscent of the classic CupaCupelor portal. */
.ccu-classic-home{color:#223947}.ccu-home-head{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:3px solid #dfb923;padding:0 0 19px;margin-bottom:16px}.ccu-home-head h2{font-size:25px;margin:4px 0 5px}.ccu-home-head p{font-size:13px;color:#617a8d;margin:0}.ccu-kicker{font-size:10px;letter-spacing:2px;color:#2581b5;font-weight:900}
.ccu-home-grid{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:17px}.ccu-home-center{min-width:0}.ccu-cup-filters,.ccu-live-status-nav{display:flex;flex-wrap:wrap;gap:5px;background:#e9eff3;border:1px solid #d4e0e8;padding:5px;border-radius:8px;margin-bottom:13px}.ccu-cup-filters button,.ccu-live-status-nav button{border:0;border-radius:5px;background:transparent;color:#527087;font-size:11px;padding:10px 12px;font-weight:800}.ccu-cup-filters button.selected,.ccu-live-status-nav button.selected{background:#1685be;color:white;box-shadow:0 2px 7px #126d9923}
.ccu-list-card{display:grid;grid-template-columns:minmax(0,1fr) 103px;gap:12px;background:white;border:1px solid #dae4ec;border-radius:9px;margin:0 0 12px;padding:17px;box-shadow:0 3px 12px #24425909}.ccu-cup-type{font-size:10px;color:#718395;letter-spacing:.5px;font-weight:800}.ccu-list-card h3{margin:8px 0 11px;font-size:19px}.ccu-list-card h3 a{color:#138743;text-decoration:none}.ccu-list-card h3 a:hover{text-decoration:underline}.ccu-cup-metrics{display:grid;gap:6px;font-size:12px;color:#5c7385}.ccu-cup-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:17px}.ccu-cup-footer>a{font-size:12px;color:#087bb8;font-weight:800}.ccu-cup-state{font-size:10px;padding:6px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.4px;font-weight:900}.ccu-state-registration{background:#dff5e6;color:#11723b}.ccu-state-active{background:#ddebfd;color:#1764aa}.ccu-state-completed{background:#f4e9d1;color:#896314}.ccu-list-art{background:linear-gradient(150deg,#1b2e40,#385b6a);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:42px;min-height:108px;color:#e9c84c}.ccu-list-art small{font-size:11px;color:#e3eaf0;letter-spacing:2px;margin-top:6px}
.ccu-home-right{border:1px solid #dce5ed;border-radius:8px;background:white;align-self:start;overflow:hidden}.ccu-home-right h3{background:#243544;color:white;font-size:11px;letter-spacing:1px;margin:0;padding:12px}.ccu-final-list{padding:6px 11px}.ccu-final{display:grid;gap:4px;padding:10px 0;border-bottom:1px dashed #d7e2e8;font-size:12px}.ccu-final a{color:#117eb5}.ccu-final small{font-size:10px;color:#8999a5}.ccu-final-list>p{font-size:12px;line-height:1.5;color:#667b8d}.ccu-quick-links{padding:10px;display:grid;gap:7px}.ccu-quick-links button{background:#edf5fa;border:1px solid #d5e5ef;color:#2476a5;text-align:left;font-size:12px;padding:10px;border-radius:6px;cursor:pointer}.ccu-quick-links button:hover{background:#d6edfa}.ccu-no-cups{background:#fff;border:1px solid #dce6ec;border-radius:8px;padding:25px;font-size:13px;color:#627b8d;display:grid;gap:14px;justify-items:start}.ccu-extra-content{margin-top:25px;border:1px solid #dbe5ed;background:#fff;border-radius:8px;padding:14px}.ccu-extra-content summary{cursor:pointer;color:#58768c;font-size:12px;font-weight:750}.ccu-extra-content[open]>summary{margin-bottom:18px}
/* Role symbols remain the same wherever a player's name is rendered. */
.ccu-role-icon{display:inline-grid;place-items:center;vertical-align:middle;flex:none;width:17px;height:17px;border-radius:5px;font-size:10px;font-weight:900;color:white;line-height:1;margin-right:4px;box-shadow:inset 0 1px 1px #ffffff30}.ccu-role-admin{background:#ce3e43}.ccu-role-moderator{background:#209653}.ccu-role-pro{background:linear-gradient(130deg,#a7790d,#eabf43);color:#332405}.ccu-role-player{background:#2489d2}.retro-profile-link .ccu-role-icon,.chat-author .ccu-role-icon{margin-right:4px}.ccu-role-icon+span{vertical-align:middle}
/* Competition owns its full page, while original schedule/forum/history features stay below. */
#live .ccu-dedicated-cup{width:100%}.ccu-dedicated-cup>.chip:first-child{margin:8px 0 14px}.ccu-cup-hero{background:linear-gradient(105deg,rgba(12,29,42,.96),rgba(12,39,58,.78)),url('./arena-esports-banner.png') center/cover no-repeat;border-radius:12px!important;border:2px solid #d6b333!important}.ccu-cup-hero h1{color:#fff}.ccu-cup-hero p{color:#d7eaf4}.ccu-cup-mark{float:right;font-size:58px;line-height:1;color:#f0d15d}.ccu-identity-strip{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.ccu-identity-strip span{background:#edf4f8;border:1px solid #cfdee7;color:#365e75;border-radius:5px;padding:9px 12px;font-size:11px;font-weight:700}.ccu-cup-tab{background:#127fb7!important;color:white!important}
@media(max-width:1050px){.ccu-home-grid{grid-template-columns:minmax(0,1fr)}.ccu-home-right{display:grid;grid-template-columns:1fr 1fr}.ccu-home-right h3{grid-column:span 1}.ccu-final-list,.ccu-quick-links{grid-row:2}}
@media(max-width:650px){.ccu-home-head{align-items:flex-start}.ccu-home-head h2{font-size:20px}.ccu-home-head .btn{font-size:10px;padding:10px}.ccu-list-card{grid-template-columns:minmax(0,1fr) 77px;padding:12px}.ccu-list-card h3{font-size:16px}.ccu-list-art{font-size:27px}.ccu-home-right{display:block}.ccu-cup-filters button{flex:1;font-size:10px;padding:9px 4px}.ccu-cup-footer>a{font-size:11px}}
.ccu-demo-note{padding:11px 14px;background:#eef6fb;border:1px solid #cbdfeb;border-radius:7px;color:#426982;font-size:12px;margin-bottom:12px}.ccu-sample-cup{border-style:dashed}.ccu-sample-cup .ccu-list-copy h3 a{color:#257eab}

/* Personal account box from the original CupaCupelor header. */
.ccu-account-preview{margin-left:auto;z-index:2;min-width:230px;max-width:260px;display:flex;align-items:center;gap:10px;border-left:1px solid #ffffff30;padding:13px 0 13px 17px;color:#eaf2f5;background:linear-gradient(105deg,#1a2738b8,#0b1728cb);border-radius:8px}
.ccu-account-loading,.ccu-account-muted{font-size:11px;color:#b9ccda}
.ccu-account-avatar{height:52px;width:48px;flex-shrink:0;display:grid;place-items:center;color:#f2d15f;font-size:27px;font-weight:900;border:2px solid #80a6bb;border-radius:4px;background:linear-gradient(135deg,#1b4060d5,#1729348a),url('./arena-esports-banner.png') center/cover no-repeat}
.ccu-account-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.ccu-account-info strong{font-size:13px;color:white;max-width:170px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ccu-account-info .ccu-role-icon{vertical-align:middle}
.ccu-account-message{font-size:11px;border:0;color:#c9dbe5;background:transparent;padding:0;text-align:left;cursor:pointer}.ccu-account-message:hover{text-decoration:underline;color:white}
.ccu-account-links{display:flex;align-items:center;gap:12px}.ccu-account-links button,.ccu-account-links a,.ccu-account-login{color:#dfedf5;font-size:11px;border:0;background:transparent;padding:0;cursor:pointer;text-decoration:none}.ccu-account-links a:hover,.ccu-account-links button:hover,.ccu-account-login:hover{color:#f6cf40;text-decoration:underline}.ccu-account-login{color:#f8d45a;font-weight:800}
.topright .avatar,.topright .notification-trigger{display:none}
.ccu-withdraw{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ccu-withdraw-btn{color:#a83440!important;border:1px solid #e3b9be!important;background:#fff2f3!important;font-weight:800}.ccu-withdraw-btn:hover{background:#f7dbe0!important}
@media(max-width:800px){.cupacupelor-banner{gap:10px}.ccu-account-preview{min-width:185px;max-width:220px;padding:8px;gap:6px}.ccu-account-avatar{height:42px;width:38px;font-size:19px}.ccu-account-info strong{font-size:11px}.ccu-account-message,.ccu-account-links a,.ccu-account-links button{font-size:10px}}
@media(max-width:600px){.cupacupelor-banner{min-height:176px;align-items:flex-start;padding-bottom:65px}.ccu-brand-copy{max-width:calc(100% - 80px)}.ccu-account-preview{position:absolute;left:15px;right:15px;bottom:8px;max-width:none;min-width:0;min-height:52px;padding:6px 10px;flex-direction:row;border:1px solid #ffffff29}.ccu-account-avatar{height:35px;width:35px}.ccu-account-info{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;row-gap:1px;width:100%}.ccu-account-info strong{grid-column:1;max-width:120px}.ccu-account-message,.ccu-account-muted{grid-column:2;font-size:10px}.ccu-account-links{grid-column:1/-1;gap:18px}.ccu-account-login{grid-column:1/-1}}
/* Competition showcase, visual refinement v6 */
.ccu-header-home-link{cursor:pointer;transition:filter .2s ease}.ccu-header-home-link:hover{filter:brightness(1.07)}.ccu-header-home-link:focus-visible{outline:3px solid #4aa3e4;outline-offset:3px}.ccu-header-home-link #ccuAccountPreview{cursor:default}
.ccu-showcase-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.ccu-showcase-card:hover{transform:translateY(-2px);border-color:#9db9d0;box-shadow:0 12px 28px #1134521b}.ccu-showcase-card a:focus-visible,.ccu-demo-detail button:focus-visible{outline:3px solid #67b8ed;outline-offset:3px}.ccu-demo-flag{background:#e9f2f8;color:#516a80;padding:3px 5px;border-radius:3px}.ccu-showcase-art.active{background:linear-gradient(150deg,#102e4a,#19789e)}.ccu-showcase-art.completed{background:linear-gradient(150deg,#302c42,#866a32)}.ccu-demo-detail{color:#152d42;font-size:14px}.ccu-demo-detail *{box-sizing:border-box}.ccu-demo-back{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 15px;color:#6d8192;font-size:10px;font-weight:850;letter-spacing:.8px}.ccu-demo-back button{border:0;background:#e6eff6;color:#245272;border-radius:7px;padding:11px 15px;font-size:12px;font-weight:850;cursor:pointer}.ccu-demo-back button:hover{background:#d8e8f3}.ccu-demo-hero{display:flex;justify-content:space-between;align-items:center;gap:28px;min-height:238px;padding:35px 38px;position:relative;overflow:hidden;border-radius:13px;background:linear-gradient(110deg,#0d263e 0%,#17435d 65%,#255b74);color:#fff;box-shadow:0 12px 30px #15394b24}.ccu-demo-hero:after{content:'';position:absolute;width:360px;height:360px;border:48px solid #ffffff0a;border-radius:50%;right:-130px;top:-140px;pointer-events:none}.ccu-demo-hero.completed{background:linear-gradient(110deg,#19273e,#35374f 60%,#7b6331)}.ccu-demo-kicker{font-size:11px;color:#bfd6e8;letter-spacing:1.1px;font-weight:850}.ccu-demo-kicker b{color:#f6dc8c}.ccu-demo-hero h1{font-size:clamp(27px,3.2vw,38px);line-height:1.16;letter-spacing:-1.1px;margin:15px 0 10px;max-width:600px;color:#fff}.ccu-demo-hero p{font-size:14px;line-height:1.6;color:#d4e2ed;max-width:570px;margin:0}.ccu-demo-hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.ccu-demo-hero-tags span{font-size:11px;font-weight:750;padding:7px 10px;border:1px solid #ffffff38;background:#ffffff13;border-radius:6px}.ccu-demo-trophy{position:relative;z-index:1;flex:0 0 166px;display:grid;justify-items:center;align-content:center;min-height:170px;border:1px solid #ffffff35;background:#ffffff14;border-radius:13px;backdrop-filter:blur(5px);text-align:center}.ccu-demo-trophy span{font-size:65px;line-height:1.1}.ccu-demo-trophy strong{font-size:10px;letter-spacing:1.4px;margin-top:10px;color:#fbe2a2}.ccu-demo-trophy small{font-size:13px;font-weight:800;margin-top:5px;color:#fff}.ccu-demo-tabs{display:flex;gap:3px;overflow-x:auto;border-bottom:1px solid #d9e5ec;margin-top:23px;padding:0 4px}.ccu-demo-tabs button{white-space:nowrap;border:0;border-bottom:3px solid transparent;background:transparent;color:#61788b;padding:16px 18px;font-size:12px;font-weight:850;cursor:pointer}.ccu-demo-tabs button:hover{color:#1c6696;background:#eef5f9}.ccu-demo-tabs button.active{color:#1276ad;border-bottom-color:#1276ad}.ccu-demo-body{background:#fff;border:1px solid #dde7ee;border-top:0;border-radius:0 0 12px 12px;padding:27px;min-height:300px;box-shadow:0 7px 25px #23415a09}.ccu-demo-overview{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(210px,1fr);gap:25px}.ccu-demo-info h3,.ccu-demo-section-title h3{font-size:18px;letter-spacing:-.3px;margin:0 0 12px;color:#18374d}.ccu-demo-info p{font-size:13px;line-height:1.8;color:#5c7384;max-width:650px}.ccu-demo-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.ccu-demo-facts>div{border:1px solid #e1e9ef;border-radius:8px;padding:12px;background:#f8fbfd}.ccu-demo-facts small{display:block;font-size:10px;color:#718b9b;margin-bottom:8px}.ccu-demo-facts strong{font-size:12px;color:#233e50;display:flex;align-items:center;gap:6px}.ccu-demo-progress{background:#eff6f9;border:1px solid #dce9ed;border-radius:11px;padding:21px;align-self:start}.ccu-demo-mini-title{font-size:10px;color:#5c7889;letter-spacing:1px;font-weight:900}.ccu-demo-progress>strong{display:block;font-size:37px;letter-spacing:-1px;color:#1b728d;margin:12px 0}.ccu-demo-track{height:8px;background:#d4e5ed;border-radius:10px;overflow:hidden}.ccu-demo-track i{display:block;height:100%;background:linear-gradient(90deg,#1c82b0,#3bb49c);border-radius:10px}.ccu-demo-progress p{font-size:11px;line-height:1.6;color:#617b8b}.ccu-demo-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:30px 0 15px}.ccu-demo-section-title span{font-size:10px;font-weight:900;color:#7790a0;letter-spacing:1px}.ccu-demo-fixtures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ccu-demo-fixture{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:9px;padding:15px 13px 12px;border:1px solid #dce7ed;border-radius:8px;background:#fbfdfe;min-width:0}.ccu-demo-fixture>span:nth-of-type(2){justify-self:end}.ccu-demo-fixture>strong{font-size:13px;color:#174967;background:#e8f0f6;padding:7px 9px;border-radius:5px;white-space:nowrap}.ccu-demo-fixture>strong.ccu-demo-pending{color:#778a95;background:#edf2f5}.ccu-demo-fixture small{grid-column:1/-1;font-size:10px;color:#8093a1;border-top:1px solid #e7edf2;padding-top:9px}.ccu-demo-person{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#243d50;min-width:0;overflow-wrap:anywhere}.ccu-demo-role{width:17px;height:17px;display:inline-grid;place-items:center;flex-shrink:0;color:#fff;border-radius:5px;font-size:10px;vertical-align:middle;margin-right:2px}.ccu-demo-player{background:#2780bd}.ccu-demo-pro{background:#bf8c21}.ccu-demo-moderator{background:#279460}.ccu-demo-admin{background:#be4747}.ccu-demo-bracket{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:start}.ccu-demo-round{display:grid;gap:10px}.ccu-demo-round h4{font-size:11px;letter-spacing:1px;color:#607f91;margin:0 0 7px}.ccu-demo-round .ccu-demo-fixture{grid-template-columns:1fr auto;gap:8px}.ccu-demo-round .ccu-demo-fixture>span:nth-of-type(2){grid-column:1;grid-row:2;justify-self:start}.ccu-demo-round .ccu-demo-fixture>strong{grid-column:2;grid-row:1/3}.ccu-demo-round .ccu-demo-fixture small{grid-row:3}.ccu-demo-await{background:#f2f6f9;color:#728797;border:1px dashed #b7cdd9;padding:24px;border-radius:9px;font-size:12px;line-height:1.7}.ccu-demo-player-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ccu-demo-player-grid>div{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #e0eaf0;border-radius:8px}.ccu-demo-player-grid small{margin-left:auto;font-size:10px;color:#7a90a0;text-align:right}.ccu-demo-number{color:#93a8b6;font-size:11px;font-weight:900}.ccu-demo-topic{display:flex;gap:16px;align-items:center;border:1px solid #e0eaf0;border-radius:9px;margin:10px 0;padding:17px}.ccu-demo-topic-icon{font-size:23px}.ccu-demo-topic div{flex:1}.ccu-demo-topic strong{font-size:13px;color:#254960}.ccu-demo-topic p{font-size:11px;color:#778c9b;margin:7px 0 0}.ccu-demo-topic>span:last-child{font-size:10px;padding:6px 9px;color:#426b81;background:#eaf3f8;border-radius:5px}.ccu-demo-note-inline{background:#f4f8fb;border-left:3px solid #6ca5c4;color:#657e8e;padding:13px;margin-top:20px;font-size:11px;line-height:1.6}.ccu-demo-timeline{border-left:2px solid #cae1e9;margin:20px 0 0 8px;padding-left:23px}.ccu-demo-timeline>div{position:relative;padding:0 0 24px}.ccu-demo-timeline>div:before{content:'';position:absolute;top:4px;left:-30px;width:11px;height:11px;border:3px solid #fff;background:#2c98ba;border-radius:50%}.ccu-demo-timeline time{display:block;color:#7e99a8;font-size:10px;margin-bottom:7px}.ccu-demo-timeline strong{color:#25485a;font-size:13px}.ccu-demo-timeline p{color:#657e8c;font-size:12px;line-height:1.6;margin:6px 0}.ccu-demo-detail button,.ccu-showcase-card a{transition:background .16s ease,color .16s ease}
@media(max-width:950px){.ccu-demo-overview{grid-template-columns:1fr}.ccu-demo-bracket{grid-template-columns:1fr 1fr}.ccu-demo-round:last-child{grid-column:1/-1}.ccu-demo-fixtures{grid-template-columns:1fr}}
@media(max-width:620px){.ccu-demo-back{align-items:flex-start;flex-direction:column}.ccu-demo-hero{padding:24px 18px;align-items:flex-start;flex-direction:column;gap:20px}.ccu-demo-hero h1{font-size:26px}.ccu-demo-trophy{min-height:auto;width:100%;flex:auto;padding:15px;display:flex;align-items:center;justify-content:center;gap:14px}.ccu-demo-trophy span{font-size:34px}.ccu-demo-trophy strong,.ccu-demo-trophy small{margin:0}.ccu-demo-body{padding:16px}.ccu-demo-tabs button{padding:13px 11px;font-size:11px}.ccu-demo-facts,.ccu-demo-player-grid,.ccu-demo-bracket{grid-template-columns:1fr}.ccu-demo-round:last-child{grid-column:auto}.ccu-demo-player-grid>div{flex-wrap:wrap}.ccu-demo-player-grid small{width:100%;margin-left:30px;text-align:left}}
/* CupaCupelor crest, member directory and staff categories */
.cupacupelor-banner .retro-crest.ccu-brand-crest{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;display:flex;align-items:center;justify-content:center;overflow:visible}.ccu-brand-crest img{display:block;width:min(105px,100%);height:auto;filter:drop-shadow(0 7px 7px #0008);transition:transform .2s ease}.cupacupelor-banner:hover .ccu-brand-crest img{transform:scale(1.04)}
.retro-menu .ccu-staff-menu{display:flex;align-items:stretch;position:relative;min-width:0}.retro-menu .ccu-staff-menu>button{height:100%}.ccu-staff-chevron{font-size:15px;margin-left:5px;display:inline-block;transition:transform .2s ease}.ccu-staff-menu>button[aria-expanded="true"] .ccu-staff-chevron{transform:rotate(180deg)}.ccu-staff-submenu{position:absolute;z-index:30;top:100%;left:0;min-width:172px;background:#142d40;border:1px solid #476277;box-shadow:0 15px 28px #061e2c5a;border-radius:0 0 8px 8px;padding:6px;display:grid;gap:2px}.ccu-staff-submenu button{display:block;width:100%;background:none;border:0;border-radius:5px;text-align:left;padding:12px 10px;color:#edf6fb;font-size:12px;font-weight:800;cursor:pointer}.ccu-staff-submenu button:hover,.ccu-staff-submenu button:focus-visible{background:#2c5a73}.ccu-directory-page{max-width:1150px;margin:0 auto;color:#1c3446}.ccu-directory-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 28px;border-radius:12px;background:linear-gradient(120deg,#102a3e,#24536e);color:white;margin-bottom:21px;box-shadow:0 9px 23px #183a501c}.ccu-directory-eyebrow{font-size:10px;letter-spacing:1.9px;color:#b7d4e6;font-weight:900}.ccu-directory-heading h2{font-size:clamp(23px,3vw,31px);letter-spacing:-.7px;color:#fff;margin:9px 0}.ccu-directory-heading p{font-size:12px;color:#c9dce7;margin:0}.ccu-directory-total{font-size:33px;font-weight:900;white-space:nowrap;color:#f4d17e}.ccu-directory-total small{font-size:11px;font-weight:750;color:#d1e2eb}.ccu-directory-staff-seal{font-size:50px}.ccu-directory-tools{display:flex;gap:13px;align-items:end;flex-wrap:wrap;margin-bottom:14px;background:#f8fbfd;border:1px solid #dbe6ec;border-radius:10px;padding:15px}.ccu-directory-tools label{display:grid;gap:6px;color:#5a7486;font-size:10px;font-weight:850;flex:1 1 185px}.ccu-directory-tools input,.ccu-directory-tools select{width:100%;padding:11px 12px;border:1px solid #c7d9e4;background:#fff;color:#1c3446;border-radius:7px;font-size:12px;min-height:41px}.ccu-directory-tools>button{padding:12px 17px;background:#19749e;border:0;border-radius:7px;color:#fff;font-size:12px;font-weight:850;cursor:pointer;min-height:41px}.ccu-directory-list{background:#fff;border:1px solid #dbe5ed;border-radius:10px;overflow:hidden}.ccu-directory-member{display:flex;align-items:center;gap:15px;padding:16px 19px;border-bottom:1px solid #e6edf2;transition:background .15s}.ccu-directory-member:last-child{border:0}.ccu-directory-member:hover{background:#f5f9fc}.ccu-directory-avatar,.ccu-staff-initial{width:45px;height:45px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(135deg,#1f688d,#15384e);color:#fff;border-radius:10px;font-size:15px;font-weight:900}.ccu-directory-person{flex:1;min-width:0}.ccu-directory-nickname{border:0;background:none;padding:0;color:#176c99;font-size:14px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;gap:7px;max-width:100%;overflow-wrap:anywhere;text-align:left}.ccu-directory-nickname:hover{color:#08476b;text-decoration:underline}.ccu-directory-role{width:19px;height:19px;flex-shrink:0;display:inline-grid;place-items:center;color:#fff;border-radius:5px;font-size:11px;text-decoration:none}.ccu-directory-role.admin{background:#c34242}.ccu-directory-role.moderator{background:#249d58}.ccu-directory-role.pro{background:#be9026}.ccu-directory-role.player{background:#277db4}.ccu-directory-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:7px;color:#7b91a0;font-size:11px}.ccu-directory-presence{display:grid;justify-items:end;gap:5px;min-width:200px}.ccu-directory-presence-tag{display:inline-flex;align-items:center;gap:7px;color:#607587;font-size:11px;font-weight:900}.ccu-directory-presence-tag i{display:block;width:8px;height:8px;border-radius:50%;background:#9aa9b1}.ccu-directory-presence-tag.online{color:#168550}.ccu-directory-presence-tag.online i{background:#24b772;box-shadow:0 0 0 3px #d8f3e5}.ccu-directory-presence small{font-size:10px;color:#8297a5;text-align:right}.ccu-directory-footnote{font-size:10px;color:#7b92a0;line-height:1.7;margin:13px 0}.ccu-directory-empty{padding:32px;background:#fff;color:#6d8594;font-size:13px;text-align:center;border-radius:9px}.ccu-directory-staff-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 17px}.ccu-directory-staff-nav button{border:1px solid #ccdde7;border-radius:8px;padding:11px 18px;background:#fff;color:#3c6176;font-size:12px;font-weight:900;cursor:pointer}.ccu-directory-staff-nav button.active{background:#18769e;color:#fff;border-color:#18769e}.ccu-staff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.ccu-staff-person{border:1px solid #d9e5ed;border-radius:11px;background:#fff;padding:22px;box-shadow:0 7px 22px #19435b0a}.ccu-staff-person-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ccu-staff-initial{width:62px;height:62px;font-size:20px;border-radius:13px}.ccu-staff-position{font-size:10px;font-weight:900;padding:7px 9px;border-radius:5px}.ccu-staff-position.admin{color:#9b3434;background:#fae9e9}.ccu-staff-position.moderator{color:#167348;background:#e4f6eb}.ccu-staff-person h3{margin:17px 0 8px}.ccu-staff-person p{font-size:12px;color:#637b8a;line-height:1.7;min-height:40px}.ccu-staff-person dl{margin:18px 0;border-top:1px solid #e5edf2}.ccu-staff-person dl>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e5edf2;padding:11px 0;font-size:11px}.ccu-staff-person dt{color:#8799a5}.ccu-staff-person dd{margin:0;color:#34566a;font-weight:800;text-align:right}.ccu-staff-profile-btn{border:1px solid #c7deeb;background:#edf6fb;border-radius:7px;padding:10px 13px;color:#176d9c;font-size:11px;font-weight:900;cursor:pointer}.ccu-staff-profile-btn:hover{background:#d8ebf5}.ccu-directory-page button:focus-visible{outline:3px solid #63b8e5;outline-offset:3px}
@media(max-width:690px){.ccu-directory-heading{padding:20px}.ccu-directory-member{align-items:flex-start;flex-wrap:wrap;padding:13px}.ccu-directory-person{flex:1 1 calc(100% - 65px)}.ccu-directory-presence{margin-left:60px;justify-items:start;min-width:0;flex:1}.ccu-directory-presence small{text-align:left}.ccu-staff-submenu{min-width:150px}.ccu-directory-tools{padding:12px}.ccu-directory-tools label{flex-basis:100%}}
/* V8 broadcast-quality gaming masthead and coherent interactive surfaces */
.cupacupelor-banner{isolation:isolate;min-height:218px;gap:21px;padding:30px 38px;background:linear-gradient(90deg,rgba(6,19,33,.93) 0%,rgba(6,23,39,.75) 20%,rgba(8,25,43,.32) 43%,rgba(9,24,38,.08) 70%,rgba(6,16,29,.62) 100%),url('./ccu-stadium-banner-v3.webp') center 49%/cover no-repeat!important;border-bottom:1px solid #e6ba4b;box-shadow:inset 0 1px 0 #ffffff2b,0 8px 22px #13253520}
.cupacupelor-banner::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#00000023,transparent 35%,#00000035);}
.cupacupelor-banner .retro-crest.ccu-brand-crest{width:122px;height:122px;min-width:122px;filter:drop-shadow(0 10px 15px #050d1dbc)}
.cupacupelor-banner .ccu-brand-crest img{width:122px;max-width:none;height:122px}
.cupacupelor-banner .ccu-brand-copy{position:relative;z-index:1;max-width:375px;text-shadow:0 2px 12px #000a}
.cupacupelor-banner .ccu-brand-copy h1{font-size:clamp(29px,3vw,41px);font-weight:950;letter-spacing:-1.6px;line-height:1.02;color:#fff}
.cupacupelor-banner .ccu-brand-copy h1 span{color:#f8cb54}
.cupacupelor-banner .ccu-brand-copy h1 small{display:block!important;margin-top:9px;font-size:10px!important;letter-spacing:4px!important;color:#f6cf68!important;font-weight:850}
.cupacupelor-banner .ccu-brand-copy p{color:#e7eef3;font-size:12px;line-height:1.6;margin:11px 0 13px;max-width:300px}
.cupacupelor-banner .retro-banner-counts{gap:7px;display:flex;flex-wrap:wrap}.cupacupelor-banner .retro-banner-counts span{border:1px solid #ffffff36;border-radius:4px;background:#071d2bb0;backdrop-filter:blur(5px);font-size:10px;padding:6px 8px;color:#e8eff4;white-space:nowrap}
.cupacupelor-banner .ccu-account-preview{background:linear-gradient(135deg,#0a1b2beb,#132c42e0);border:1px solid #8facbc55;border-top:2px solid #edc455;box-shadow:0 8px 26px #0006;border-radius:10px;padding:15px;min-width:240px;max-width:270px;backdrop-filter:blur(8px)}
.retro-menu{background:linear-gradient(180deg,#23394b,#142b3a)!important;border-bottom:3px solid #d5a83e;box-shadow:0 5px 15px #10273824;padding:0 26px;gap:3px;min-height:49px}
.retro-menu>button,.retro-menu>.ccu-staff-menu>button{letter-spacing:.45px;font-size:11px;padding:16px 14px;border-bottom:3px solid transparent;transition:background .16s ease,color .16s ease,border-color .16s ease}
.retro-menu button:hover,.retro-menu button.active{background:#2c5368;color:#fff;border-color:#f1c55b}
.ccu-staff-submenu button{border-bottom:0!important;letter-spacing:0!important}
.ccu-home-center .ccu-list-card,.ccu-list-card{box-shadow:0 3px 15px #2442590e;transition:border-color .2s,box-shadow .2s,transform .2s}.ccu-list-card:hover{border-color:#b3ccd8;box-shadow:0 10px 24px #2442591b}
.ccu-home-center .ccu-cup-filters button:focus-visible,.retro-menu button:focus-visible,.cupacupelor-banner button:focus-visible{outline:3px solid #f9d168;outline-offset:2px}
@media(max-width:1000px){.cupacupelor-banner{padding:24px;gap:14px}.cupacupelor-banner .retro-crest.ccu-brand-crest{width:96px;height:96px;min-width:96px}.cupacupelor-banner .ccu-brand-crest img{width:96px;height:96px}.cupacupelor-banner .ccu-brand-copy h1{font-size:31px}.cupacupelor-banner .retro-banner-counts{display:none}.cupacupelor-banner .ccu-account-preview{min-width:200px;max-width:240px}}
@media(max-width:680px){.cupacupelor-banner{min-height:211px;padding:22px 14px 73px;gap:12px;align-items:flex-start;background-position:55% center!important;background-image:linear-gradient(90deg,#07182cf2 0%,#0c203ad9 45%,#12273a5f 100%),url('./ccu-stadium-banner-v3.webp')!important}.cupacupelor-banner .retro-crest.ccu-brand-crest{width:68px;height:68px;min-width:68px;filter:drop-shadow(0 4px 9px #0009)}.cupacupelor-banner .ccu-brand-crest img{width:68px;height:68px}.cupacupelor-banner .ccu-brand-copy{max-width:calc(100% - 80px)}.cupacupelor-banner .ccu-brand-copy h1{font-size:clamp(24px,6vw,30px)}.cupacupelor-banner .ccu-brand-copy h1 small{font-size:9px!important;margin-top:6px;letter-spacing:2px!important}.cupacupelor-banner .ccu-brand-copy p{font-size:10px;margin:9px 0;line-height:1.4}.cupacupelor-banner .ccu-account-preview{position:absolute;left:12px;right:12px;bottom:9px;min-height:53px;min-width:0;max-width:none;padding:7px 10px;border-top:1px solid #edc45588}.retro-menu{padding:0 8px}.retro-menu>button,.retro-menu>.ccu-staff-menu>button{padding:13px 10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.ccu-brand-crest img,.ccu-list-card,.retro-menu button{transition:none!important}}
/* V9: corrected masthead crop and competition audit authors */
.cupacupelor-banner{background-position:center 7%!important;background-size:cover!important;min-height:200px;padding-top:24px;padding-bottom:24px}
.cupacupelor-banner::before{background:linear-gradient(90deg,#061726cf 0%,#071a2c70 24%,transparent 56%,#06142330 82%,#06142390 100%)}
.cupacupelor-banner .retro-crest.ccu-brand-crest{width:106px;height:106px;min-width:106px}.cupacupelor-banner .ccu-brand-crest img{width:106px;height:106px}
.cupacupelor-banner .ccu-brand-copy h1{font-size:clamp(29px,3vw,37px)}
.cupacupelor-banner .retro-banner-counts span{padding:5px 7px}
.ccu-history-actor{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:7px;font-size:11px;color:#6d8494}.ccu-history-actor button{background:#e8f5fc;border:1px solid #c4ddea;border-radius:6px;padding:4px 8px;color:#176d9b;font-size:11px;font-weight:850;cursor:pointer}.ccu-history-actor button:hover{text-decoration:underline;background:#d5eefa}.ccu-history-actor strong{font-size:11px;font-weight:750;color:#677f8e}.ccu-demo-actor{display:flex;gap:7px;align-items:center;color:#6d8494;font-size:11px;margin:7px 0 10px}.ccu-demo-actor b{display:inline-flex;align-items:center;color:#2d657f;font-size:11px}.ccu-demo-timeline>div>strong{display:block;margin-top:4px}.competition-community .history-timeline{max-height:none;background:#fff}.competition-community .history-event{border-left-color:#c8dfec}.competition-community .history-event::before{background:#2a96bb}.competition-community .history-event p{color:#304b60}.competition-community .history-event time{color:#6f8898}
.ccu-demo-detail .ccu-demo-hero{box-shadow:0 12px 28px #153b5420}.ccu-demo-detail .ccu-demo-fixture{transition:background .18s,border-color .18s}.ccu-demo-detail .ccu-demo-fixture:hover{background:#f1f8fc;border-color:#b1d0df}
.ccu-list-card .ccu-cup-type{letter-spacing:.65px}.ccu-list-card .ccu-cup-footer>a{display:inline-flex;align-items:center;border-radius:5px;padding:6px 8px;background:#eaf5fa;color:#176b99}.ccu-list-card .ccu-cup-footer>a:hover{background:#d7eaf4}
@media(min-width:1450px){.cupacupelor-banner{background-position:center 4%!important}}
@media(max-width:1000px){.cupacupelor-banner{min-height:185px;background-position:center 5%!important}.cupacupelor-banner .retro-crest.ccu-brand-crest{width:88px;height:88px;min-width:88px}.cupacupelor-banner .ccu-brand-crest img{width:88px;height:88px}}
@media(max-width:680px){.cupacupelor-banner{min-height:210px;padding-top:15px;padding-bottom:73px;background-position:54% 2%!important}.cupacupelor-banner .retro-crest.ccu-brand-crest{width:64px;height:64px;min-width:64px}.cupacupelor-banner .ccu-brand-crest img{width:64px;height:64px}.cupacupelor-banner .ccu-brand-copy h1{font-size:clamp(23px,6vw,29px)}.ccu-demo-actor{display:block}.ccu-demo-actor b{margin-left:3px}}
/* V10 dedicated CupaCupelor navigation, home content, competition creation */
.ccu-context-nav{grid-column:1/-1;display:flex;gap:2px;flex-wrap:wrap;align-items:center;padding:6px 20px;background:#f5f8fa;border-bottom:1px solid #cbdce6;box-shadow:0 3px 12px #1432470e}.ccu-context-nav button{border:0;border-right:1px solid #d7e3e9;background:transparent;padding:9px 15px;color:#506f82;font-weight:800;font-size:11px;cursor:pointer}.ccu-context-nav button:hover,.ccu-context-nav button:focus-visible{color:#0e6e9a;background:#e2eef5;border-radius:4px;outline:none}.ccu-context-nav button:last-child{border-right:0}
.ccu-home-guide{border:1px solid #d7e5eb;border-radius:10px;background:linear-gradient(115deg,#e8f3f8,#f9fcfd);padding:18px 20px;margin:0 0 17px}.ccu-home-guide-title{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap}.ccu-home-guide-title span{font-size:10px;font-weight:950;letter-spacing:1px;color:#1578a9;text-transform:uppercase}.ccu-home-guide-title strong{font-size:15px;color:#26495e}.ccu-home-guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:17px}.ccu-home-guide-steps span{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.45;color:#526e80;font-weight:720}.ccu-home-guide-steps b{flex:0 0 27px;width:27px;height:27px;border-radius:50%;background:#d1e7f2;color:#19749e;display:grid;place-items:center;font-size:10px}.ccu-home-block-head{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#253e50;padding:11px 13px;color:#fff}.ccu-home-block-head h3{font-size:11px;letter-spacing:.7px;margin:0;color:#fff}.ccu-home-block-head button{border:0;background:transparent;color:#e7c76f;font-size:11px;font-weight:850;cursor:pointer}.ccu-home-news{border:1px solid #dae5ec;background:#fff;border-radius:9px;overflow:hidden;margin:20px 0 8px}.ccu-home-news-body article{display:flex;align-items:flex-start;gap:10px;padding:14px;border-bottom:1px solid #e7eef2}.ccu-home-news-body article:last-child{border:0}.ccu-home-news-body article>span{font-size:20px}.ccu-home-news-body strong{display:block;font-size:12px;color:#285870}.ccu-home-news-body small{display:block;font-size:10px;color:#8497a5;margin-top:6px}.ccu-home-news-body>p{font-size:12px;color:#6a8190;line-height:1.7;padding:13px;margin:0}.ccu-home-verified-note{font-size:10px;line-height:1.5;color:#8196a4;margin:8px 12px 15px}.ccu-home-game-links{margin-top:17px;background:#fff;border:1px solid #dce8ef;border-radius:8px;overflow:hidden}.ccu-home-game-links h3{margin:0;background:#253e50;color:#fff;font-size:11px;padding:11px 12px;letter-spacing:.6px}.ccu-home-game-links>div{display:grid;gap:0}.ccu-home-game-links span{font-size:11px;color:#4f7082;border-bottom:1px solid #e8eef2;padding:10px 12px}.ccu-home-game-links span:last-child{border-bottom:0}
.ccu-create-dialog{width:min(860px,100%)}.dialog:has(.ccu-create-grid){width:min(900px,calc(100vw - 26px));max-width:none}.ccu-create-dialog h2{font-size:23px}.ccu-create-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.85fr);gap:20px;align-items:start}.ccu-create-fields{display:grid;gap:12px}.ccu-create-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ccu-create-fields label{font-size:11px;font-weight:850;color:#b2c4d9}.ccu-create-fields textarea{border:1px solid #34465b;border-radius:9px;background:#0e1c2d;color:#fff;padding:11px;resize:vertical;width:100%;font:inherit;line-height:1.5}.ccu-create-helper{font-size:11px!important;color:#9db4ca;line-height:1.6;margin:0!important}.ccu-create-preview{border:1px solid #4a6781;border-radius:11px;background:radial-gradient(circle at 80% 20%,#2a6870,#172d49 55%,#0d1e30);min-height:280px;color:#fff;padding:20px;text-align:center}.ccu-create-preview>span{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#b0ceda}.ccu-create-preview-mark{font-size:65px;margin:20px 0 8px}.ccu-create-preview h3{font-size:19px;margin:12px 0 8px;color:#fff;overflow-wrap:anywhere}.ccu-create-preview>p{font-size:12px;color:#b9d0db}.ccu-create-preview-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:20px}.ccu-create-preview-tags b{padding:7px 9px;border:1px solid #ffffff4a;border-radius:5px;color:#f2df9f;font-size:10px}.ccu-create-preview>small{display:block;margin-top:22px;font-size:10px;color:#aac0cd;line-height:1.5}.ccu-create-submit{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:5px}.ccu-create-submit #liveError{font-size:12px;color:#ffb8a8}.ccu-cup-navigation{display:flex;gap:3px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;border-bottom:2px solid #dce8ef;background:#fff;margin-top:16px}.ccu-cup-navigation button{padding:14px 17px;border:0;border-bottom:3px solid transparent;background:transparent;color:#547286;font-size:12px;font-weight:850;white-space:nowrap;cursor:pointer}.ccu-cup-navigation button:hover{background:#edf5fa;color:#236e96}.ccu-cup-navigation button.active{border-bottom-color:#1987b4;color:#0878aa}.ccu-dedicated-cup .match{border-bottom-color:#e3ebf0}.ccu-dedicated-cup .teams{gap:14px}
@media(max-width:1080px){.ccu-home-guide-steps{grid-template-columns:1fr}.ccu-home-guide-steps span{gap:12px}.ccu-create-grid{grid-template-columns:1fr}}
@media(max-width:720px){.ccu-context-nav{padding:4px 8px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.ccu-context-nav button{white-space:nowrap;padding:9px 10px}.ccu-create-two{grid-template-columns:1fr}.ccu-create-preview{min-height:180px;padding:16px}.ccu-create-preview-mark{font-size:39px;margin:10px 0}.ccu-home-guide{padding:14px}.ccu-home-guide-title{display:grid;gap:4px}}
.ccu-home-news-link{border:0;background:none;padding:0;text-align:left;color:#236e95;font-size:12px;font-weight:850;cursor:pointer}.ccu-home-news-link:hover{text-decoration:underline}.competition-community .forum-heading{background:#f8fbfd;border-bottom:1px solid #dde9ef}.competition-community .forum-post{display:block;background:#fff;border-left:3px solid #8ac5df;margin:11px 14px;border-radius:8px;box-shadow:0 3px 13px #254a610c}.competition-community .forum-post-meta{gap:9px}.competition-community .forum-post .chat-author{color:#1877a4}.competition-community .forum-post p{color:#3c586d}.competition-community .forum-thread{color:#24475b;border-bottom-color:#e0e9ef}.competition-community .forum-thread:hover{background:#edf6fb}.competition-community .forum-thread small{color:#728fa0}.competition-community .forum-heading h3{color:#284c62}.competition-community .forum-heading .sub{color:#728da0}
/* Compact member profile, consistent with the CupaCupelor navy, blue and gold palette. */
#playerDetail{max-width:1120px;margin:0 auto;color:#22384b}
#playerDetail>.chip{margin-bottom:12px}
#playerDetail .profile-cover{padding:18px 22px;min-height:110px;gap:16px;border:1px solid #21465f;border-radius:12px;background:linear-gradient(108deg,#122b40 0%,#23485d 65%,#153246 100%);box-shadow:0 10px 24px #203c5018}
#playerDetail .profile-cover .face{width:60px;height:60px;border-radius:15px;font-size:23px;flex-shrink:0}
#playerDetail .profile-cover h2{color:#fff;font-size:24px;line-height:1.15;margin:3px 0}
#playerDetail .profile-cover p{color:#c0d3e2;font-size:12px}
#playerDetail .profile-cover .eyebrow{color:#f6d66a;font-size:10px}
#playerDetail .profile-cover .rating-large{min-width:116px;padding:10px 13px;margin-left:auto;border-width:1px;box-shadow:none;border-radius:10px}
#playerDetail .rating-large .rating-number{font-size:40px;letter-spacing:-1px}
#playerDetail .rating-large .rating-caption{font-size:9px;letter-spacing:1px}
#playerDetail .rating-large .rating-label{font-size:10px}
#playerDetail .detailgrid{gap:9px;margin:12px 0;grid-template-columns:repeat(3,minmax(0,1fr))}
#playerDetail .detailgrid>div{min-height:59px;border:1px solid #d8e2e9;background:#fff;border-radius:9px;padding:10px 13px}
#playerDetail .detailgrid small{color:#718699;font-size:11px}
#playerDetail .detailgrid strong{color:#193850;font-size:19px}
#playerDetail .rating-explanation{background:#eaf4f9;border:1px solid #c7dfeb;color:#385b70;border-radius:10px;padding:11px 15px;margin:12px 0;font-size:12px}
#playerDetail .rating-explanation strong{color:#176c98}
#playerDetail .rating-explanation p{color:#45677e;line-height:1.55;margin:5px 0 0}
#playerDetail .competition-section{margin:12px 0;padding:14px 17px;border-radius:11px;border:1px solid #dde6ec;background:#fff}
#playerDetail .competition-section h2{font-size:17px;color:#1b3f55;margin:0 0 11px}
#playerDetail .competition-section h3{font-size:13px;color:#24516b;margin:11px 0 8px}
#playerDetail .honors-bar{gap:8px;margin:10px 0}
#playerDetail .honors-bar>div{border-radius:9px;padding:10px 13px;background:#edf5fa;border:1px solid #d9e9f2}
#playerDetail .honors-bar strong{color:#176b9e;font-size:19px}
#playerDetail .honors-bar small{color:#5a7688}
#playerDetail .competition-entry{padding:10px 11px;background:#f6f9fb;border-color:#e0e9ef;border-radius:8px;color:#264458}
#playerDetail .competition-entry strong{color:#25465b}
#playerDetail .competition-entry small{color:#647b8b}
#playerDetail .competition-entry button,#playerDetail .result-link{background:#e7f3fa;border:1px solid #bddbec;color:#116b9b;border-radius:7px}
#playerDetail .two{gap:12px;margin-top:12px}
#playerDetail .two .panel{border-radius:11px;background:#fff;border:1px solid #dfe7ed;color:#264459}
#playerDetail .two .panel.body{padding:16px}
#playerDetail .profile-bio{color:#4b6578;font-size:12px;line-height:1.55}
#playerDetail .achievement{padding:6px 9px;color:#255473;border-color:#c8dfe9;background:#edf5f9}
#playerDetail .profile-achievements{margin:11px 0;gap:6px}
#playerDetail .match{border-color:#e5ebf0;color:#315169}
@media(max-width:700px){#playerDetail .profile-cover{padding:15px;flex-wrap:wrap}#playerDetail .profile-cover .rating-large{width:auto;min-width:100px;margin:0 0 0 auto}#playerDetail .detailgrid{grid-template-columns:repeat(2,minmax(0,1fr))}#playerDetail .honors-bar{flex-wrap:wrap}#playerDetail .two{grid-template-columns:1fr}}
.dialog .real-player-profile{max-width:740px;color:#244255}
.dialog .real-player-profile>h2{margin:5px 0 11px;color:#14374f;font-size:25px}
.dialog .real-player-profile>.eyebrow{font-size:10px;color:#287ca8;letter-spacing:1.5px}
.dialog .real-player-profile .real-player-grade{display:inline-block;font-size:39px;color:#136f9a;margin:4px 14px 4px 0;vertical-align:middle}
.dialog .real-player-profile .sub{color:#637d8f;font-size:12px;line-height:1.5}
.dialog .real-player-profile .detailgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0}
.dialog .real-player-profile .detailgrid>div{background:#f0f6fa;border:1px solid #d8e5ed;padding:10px;border-radius:8px}
.dialog .real-player-profile .detailgrid strong{color:#174965;font-size:20px}
.dialog .real-player-profile .detailgrid small{color:#657f90}
.dialog .real-player-profile>h3{color:#193b51;font-size:15px;margin:16px 0 7px}
.dialog .real-player-profile .discipline-list{background:#f6f9fb;border:1px solid #e0e8ed;border-radius:8px;padding:11px 13px;margin:6px 0}
.dialog .real-player-profile .discipline-list strong{color:#25475c}
@media(max-width:540px){.dialog .real-player-profile .detailgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ccu-draw-pass{display:inline-block;color:#16744e;background:#e6f7ee;border:1px solid #a9d9c1;padding:10px 12px;border-radius:8px;margin:5px 0 12px}
.ccu-draw-fail{display:inline-block;color:#a02b31;background:#fff0f0;border:1px solid #eab4b4;padding:10px 12px;border-radius:8px;margin:5px 0 12px}
.retro-quick{display:grid;gap:3px;align-content:start}
.retro-quick h2{position:relative;display:flex;align-items:center;gap:9px;margin:19px 0 7px;padding:10px 8px 11px 13px;color:#415f72;font-size:10px;letter-spacing:1.65px;border-bottom:1px solid #c7d5de;background:linear-gradient(90deg,#edf4f8 0%,transparent 96%);border-radius:6px 6px 0 0}
.retro-quick h2::before{content:'';width:3px;height:14px;background:linear-gradient(#e2b33c,#ac8124);border-radius:3px;position:absolute;left:3px}
.retro-quick h2:not(:first-child){margin-top:21px;border-top:1px solid #ccd9e2;padding-top:17px}
.retro-quick button{position:relative;min-height:39px;padding:10px 12px 10px 14px;border:1px solid transparent;border-radius:8px;background:transparent;color:#2e4a5f;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.retro-quick button+button::before{content:'';position:absolute;top:-2px;left:14px;right:14px;border-top:1px solid #d9e3e9}
.retro-quick button:hover,.retro-quick button:focus-visible{background:#fff;border-color:#b5d5e5;color:#11668e;transform:translateX(2px);box-shadow:0 2px 8px #27475d0b}
.retro-quick button:focus-visible{outline:2px solid #d6ad3e;outline-offset:2px}
.retro-quick button span{flex:1}
.ccu-demo-fixture-open{cursor:pointer;outline:none}
.ccu-demo-fixture-open:hover,.ccu-demo-fixture-open:focus-visible{background:#e8f4fa!important;border-color:#8dc2d9!important;box-shadow:0 0 0 2px #c8e5f3}
.ccu-demo-fixture-open small b{font-weight:800;color:#11749f}
.ccu-demo-match-modal h2{font-size:22px;color:#163b53;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ccu-demo-match-modal h2 span{font-size:16px;background:#e9f2f7;border-radius:7px;padding:7px 11px;color:#1d536e}
.ccu-demo-chat-status{margin:14px 0 10px;background:#e7f4f9;border:1px solid #c9e3ed;border-radius:8px;padding:10px 13px;color:#246584;font-size:12px;font-weight:800}
.ccu-demo-chat-messages{max-height:260px;overflow:auto;border:1px solid #dae5eb;border-radius:10px;background:#f8fbfd;padding:12px}
.ccu-demo-chat-message{border-bottom:1px solid #e4edf2;padding:10px 6px;color:#294758}
.ccu-demo-chat-message:last-child{border-bottom:0}
.ccu-demo-chat-message strong{font-size:12px;color:#176e9c}
.ccu-demo-chat-message time{font-size:10px;color:#8295a2;margin-left:9px}
.ccu-demo-chat-message p{font-size:12px;line-height:1.55;margin:6px 0 0;color:#3c586a}
.ccu-demo-chat-form{display:grid;gap:8px;margin-top:13px}
.ccu-demo-chat-form label{font-size:12px;font-weight:800;color:#456579}
.ccu-demo-chat-form textarea{resize:vertical;width:100%;box-sizing:border-box;border:1px solid #bdd2de;border-radius:8px;padding:11px;color:#213f53;background:#fff;font:inherit}
.ccu-demo-chat-form button{justify-self:start}
.ccu-demo-chat-disclaimer{font-size:11px;line-height:1.5;margin:11px 0 0;color:#6d8392}