@charset "UTF-8";:root{--cm-bg:#fafafa;--cm-surface:#ffffff;--cm-surface-2:#f1f3f5;--cm-surface-3:#eef2f7;--cm-border:#e5e8ec;--cm-border-strong:#ced4da;--cm-border-soft:#eeeeee;--cm-box-border:#dddddd;--cm-text:#222222;--cm-muted:#596675;--cm-muted-2:#5c6b7a;--cm-link:#3d6f9e;--cm-primary:#3d6f9e;--cm-primary-dark:#2f5f8f;--cm-primary-bg:#eaf1fa;--cm-footer-bg:#D8E1E7;--cm-footer-text:#303030;--cm-success:#548030;--cm-success-dark:#3d6b2c;--cm-danger:#c0392b;--cm-del-ico:#bf5744;--cm-del-ico-h:#9e3d2d;--cm-warning-bg:#FFEEBC;--cm-board-bg:#f5f5f5;--cm-clock-idle:#5c6b7a;--cm-on-accent:#ffffff;--cm-accent-fill:#2f5f8f;--cm-accent-fill-hover:#274e78;--cm-btn-2-bg:#f1f3f5;--cm-btn-2-bg-hover:#e6eaef;--cm-btn-2-bg-active:#dde3ea;--cm-header-bg:#3d6f9e;--cm-header-border:#cccccc;--cm-chat-head:#f99d39;--cm-chat-blink:#176689;--cm-zeitnot-bg:#e0caca;--cm-onmove:#871c26;--cm-brand-text:#2f5f8f;--cm-mark-grey:#e1e2e460;--cm-mark-orange:#FFF8DB;--cm-mark-red:#F2CFCF;--cm-mark-red-soft:#F3D9D9;--cm-mark-green:#EDF5ED;--cm-mark-blue:#DDE5F1;--cm-mark-grey-h:#d5d6d9;--cm-mark-orange-h:#ffedb3;--cm-mark-red-h:#e8adad;--cm-mark-green-h:#d3ead3;--cm-mark-blue-h:#bdd0e6;--cm-mark-hover-text:#222222;--cm-alert-info-bg:#eaf1fa;--cm-alert-info-border:#cfe2f3;--cm-alert-info-text:#2f5f8f;--cm-alert-warning-bg:#fdf7e2;--cm-alert-warning-border:#efe2b8;--cm-alert-warning-text:#222222;--cm-border-grey:#cccccc;--cm-chat-text:#333333;--cm-chat-info:#666666;--cm-r-square:0;--cm-r-inset:4px;--cm-r-ctl:6px;--cm-r-card:12px;--cm-r-lg:16px;--bs-border-radius:var(--cm-r-ctl);--bs-border-radius-sm:var(--cm-r-ctl);--bs-border-radius-lg:var(--cm-r-ctl);--bs-card-border-radius:var(--cm-r-card);--bs-card-inner-border-radius:calc(var(--cm-r-card) - 1px);--bs-modal-border-radius:var(--cm-r-card)}html{line-height:1.2}::-webkit-scrollbar-button{display:none;width:0;height:0}body{color:var(--cm-text);background-color:var(--cm-bg);font-size:.9rem}a{color:var(--cm-link);text-decoration:none}footer{color:var(--cm-footer-text);font-size:.9rem;background:none repeat scroll 0 0 var(--cm-footer-bg);width:auto;padding:20px}.social,li{list-style:none}.popover{min-width:550px;max-width:calc(100vw - 20px);max-height:450px;overflow-y:auto}@media screen and (max-width:600px){.popover{min-width:0;width:calc(100vw - 20px)}}.cm-notif-feed{list-style:none;margin:0;padding:0}.cm-notif-item{display:flex;align-items:flex-start;gap:10px;padding:9px 6px}.cm-notif-item+.cm-notif-item{border-top:1px solid var(--cm-border-soft)}.cm-notif-item:hover{background-color:var(--cm-surface-2)}.cm-notif-av{flex:0 0 auto;min-width:0}.cm-notif-av .img-shadow{float:none;width:42px;height:42px}.cm-notif-av .img-shadow img{width:42px;height:42px;border-radius:0;object-fit:cover}.cm-notif-av .img-shadow i.avatar-ph-xs{width:42px;height:42px;border-radius:0;font-size:18px}.cm-notif-main{flex:1 1 auto;min-width:0;padding-top:2px}.cm-notif-title{font-weight:600;color:var(--cm-text);line-height:1.35}.cm-notif-text{color:var(--cm-muted);line-height:1.45;overflow-wrap:anywhere;word-break:break-word}.cm-notif-text a{color:var(--cm-link)}.cm-notif-text>a:first-child{font-weight:600;color:var(--cm-brand-text)}.cm-notif-text .pi-row{display:inline-flex;align-items:center;vertical-align:middle}.cm-notif-text .pi-row i,.cm-notif-text .pi-row img{vertical-align:middle}.cm-notif-text .btn.cm-notif-cta,.cm-notif-text .btn.cm-notif-cta:focus,.cm-notif-text .btn.cm-notif-cta:hover{color:var(--cm-text);margin-top:7px;padding:.25rem .6rem;font-size:.8rem;line-height:1.2}.cm-notif-time{flex:0 0 auto;font-size:.7rem;line-height:1.2;color:var(--cm-muted-2);white-space:nowrap;margin-left:4px;padding-top:2px;text-align:right}.cm-notif-pop{min-width:0;width:458px;max-width:calc(100vw - 20px)}@media (max-width:480px){.cm-notif-item{flex-wrap:wrap}.cm-notif-time{flex-basis:100%;white-space:normal;text-align:left;margin-left:0;padding-top:0}}.sticky .cm-notif-item{gap:6px;padding:2px 0}.sticky .cm-notif-av .img-shadow{width:26px;height:26px}.sticky .cm-notif-av .img-shadow img{width:26px;height:26px;border-radius:0;object-fit:cover}.sticky .cm-notif-av .img-shadow i.avatar-ph-xs{width:26px;height:26px;border-radius:0;font-size:12px}.sticky .cm-notif-main{padding-top:1px}.sticky .cm-notif-text{font-size:.95em;line-height:1.3}.sticky .cm-notif-text .btn.cm-notif-cta{margin-top:5px;padding:.2rem .5rem;font-size:.75rem}.sticky .cm-notif-time{display:none}.modal-dialog{max-width:700px}.tooltip{pointer-events:none}.form-group{margin-left:0!important;margin-right:0!important}.row{margin-left:0;margin-right:0;padding:0}div[class*=col-md]{padding:7px}th.header{background-image:url(./img/small.gif);cursor:pointer;font-weight:700;background-repeat:no-repeat;background-position:center;padding-left:20px;border-right:1px solid #dad9c7;margin-left:-1px}.col{padding:2px}.container-fluid{padding:0}@media screen and (max-width:767.98px){.container-fluid>.row>.col{padding-left:8px;padding-right:8px}}.navbar{padding:0}.navbar-brand{margin-bottom:10px;margin-top:10px}a.navbar-brand{background-image:url(../images/logo.webp);background-repeat:no-repeat;background-size:205px 40px;background-position:left center;width:205px;height:40px;margin-top:6px;margin-bottom:6px}.navbar-dark .navbar-nav .nav-link{color:#e6dee3;padding-left:1.1rem}.navbar.cm-navbar{margin-bottom:8px;justify-content:flex-start}.navbar.cm-navbar .nav-link{color:rgba(255,255,255,.92);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:6px;line-height:1;padding:.5rem .5rem;margin:0 1px;white-space:nowrap;transition:background-color .15s ease,color .15s ease}.navbar.cm-navbar .nav-link:focus,.navbar.cm-navbar .nav-link:hover{color:#fff;background:rgba(255,255,255,.16)}.navbar.cm-navbar .nav-link.active,.navbar.cm-navbar .nav-link:active{color:#fff;background:rgba(0,0,0,.22)}.navbar.cm-navbar .nav-link i{vertical-align:-.08em}.navbar.cm-navbar .navbar-nav{align-items:center;gap:1.8rem}.navbar.cm-navbar .navbar-brand{margin-right:4rem}.navbar.cm-navbar>ul.navbar-nav:not(.cm-nav-icons) .nav-link{font-size:1.1em}.navbar.cm-navbar>.btn-group{margin-left:auto}.navbar.cm-navbar>.navbar-nav.cm-nav-icons{margin-left:auto;margin-right:6px;gap:0}.navbar.cm-navbar>.navbar-nav.cm-nav-icons+.btn-group{margin-left:0}.navbar.cm-navbar>.navbar-nav.cm-nav-icons .nav-link{padding-left:.4rem;padding-right:.4rem}.navbar.cm-navbar .navbar-toggler{border-color:rgba(255,255,255,.35);color:rgba(255,255,255,.9)}.navbar.cm-navbar .nav-link .ontop{position:absolute;top:-2px;right:-2px;z-index:2}@media screen and (max-width:767.98px){.navbar.cm-navbar .navbar-brand{margin-right:.5rem}.navbar.cm-navbar>ul.navbar-nav:not(.cm-nav-icons) .nav-link{font-size:1em}.navbar.cm-navbar .navbar-nav{gap:0}.navbar.cm-navbar .nav-link{padding:.5rem .35rem;margin:0}.navbar.cm-navbar .btn-group .btn{padding:.375rem .5rem}}.navbar.cm-navbar.cm-nav-mobile{flex-wrap:wrap;row-gap:0;padding:3px 10px;min-height:54px;background-image:linear-gradient(180deg,rgba(255,255,255,.05) 0,rgba(0,0,0,.18) 100%);box-shadow:0 2px 10px rgba(0,0,0,.22)}.navbar.cm-navbar.cm-nav-mobile .navbar-toggler{order:1;margin:0 .25rem 0 0;padding:.38rem .42rem;border:0;border-radius:12px;color:rgba(255,255,255,.92)}.navbar.cm-navbar.cm-nav-mobile .navbar-toggler:focus,.navbar.cm-navbar.cm-nav-mobile .navbar-toggler:hover{background:rgba(255,255,255,.14)}.navbar.cm-navbar.cm-nav-mobile .navbar-toggler:focus{box-shadow:none}.navbar.cm-navbar.cm-nav-mobile .navbar-brand{order:2;margin:0;width:130px;height:25px;background-size:130px 25px}.navbar.cm-navbar.cm-nav-mobile>ul.navbar-nav{order:3;margin-left:auto;gap:0}.navbar.cm-navbar.cm-nav-mobile>.btn-group{order:4;margin-left:.12rem}.navbar.cm-navbar.cm-nav-mobile>#secondaryMenu{order:5}.navbar.cm-navbar .nav-link:empty{display:none}.navbar.cm-navbar.cm-nav-mobile>ul.navbar-nav .nav-link{min-height:44px;padding:.5rem .58rem;margin:0}.navbar.cm-navbar.cm-nav-mobile>ul.navbar-nav .nav-link i.fa-2x{font-size:1.2rem;line-height:1}.navbar.cm-navbar.cm-nav-mobile .btn-group .btn{padding:.3rem;border:0;border-radius:50%;background:0 0}.navbar.cm-navbar.cm-nav-mobile .btn-group .btn:hover,.navbar.cm-navbar.cm-nav-mobile .btn-group.show .btn{background:rgba(255,255,255,.14)}.navbar.cm-navbar.cm-nav-mobile .btn-group .dropdown-toggle::after{display:none}.navbar.cm-navbar.cm-nav-mobile #playerinfo img{width:30px;height:30px;border-radius:50%;object-fit:cover;display:block}.navbar.cm-navbar.cm-nav-mobile #playerinfo i.avatar-ph,.navbar.cm-navbar.cm-nav-mobile #playerinfo i.avatar-ph-xs{width:30px;height:30px;border-radius:50%;font-size:14px}.navbar.cm-navbar.cm-nav-mobile>#secondaryMenu{flex-basis:100%;margin:0 -10px;padding:4px 10px 10px;border-top:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.18)}.navbar.cm-navbar.cm-nav-mobile>#secondaryMenu .navbar-nav{gap:0;align-items:stretch}.navbar.cm-navbar.cm-nav-mobile>#secondaryMenu .nav-link{justify-content:flex-start;min-height:42px;padding:.55rem .7rem;font-size:1rem;border-radius:12px}.navbar.cm-navbar.cm-nav-mobile>#secondaryMenu .nav-item.cm-menu-sub>.nav-link{min-height:36px;margin-left:1.05rem;padding:.4rem .7rem;font-size:.9rem;border-left:2px solid rgba(255,255,255,.22);border-radius:0 6px 6px 0;opacity:.94}.navbar.cm-navbar .dropdown-menu .dropdown-item{padding-top:.42rem;padding-bottom:.42rem}@media screen and (max-width:380px){.navbar.cm-navbar.cm-nav-mobile .navbar-brand{width:96px;height:19px;background-size:96px 19px}.navbar.cm-navbar.cm-nav-mobile .navbar-toggler{padding:.32rem .34rem}.navbar.cm-navbar.cm-nav-mobile>ul.navbar-nav .nav-link{padding:.5rem .36rem}.navbar.cm-navbar.cm-nav-mobile .btn-group .btn{padding:.25rem}}.nav-tabs{--bs-nav-link-color:#4B80B4;--bs-nav-tabs-link-active-color:#2f5f8f}div.card-header a{color:#fff!important;text-decoration:none}.btn-secondary{color:var(--cm-text);background-color:var(--cm-btn-2-bg);border-color:var(--cm-border-strong)}.btn-secondary:focus,.btn-secondary:hover{color:var(--cm-text);background-color:var(--cm-btn-2-bg-hover);border-color:var(--cm-border-strong)}.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active{color:var(--cm-text);background-color:var(--cm-btn-2-bg-active);border-color:var(--cm-border-strong)}.btn-secondary.disabled,.btn-secondary:disabled{color:var(--cm-muted);background-color:var(--cm-btn-2-bg);border-color:var(--cm-border)}.badge.bg-secondary{background-color:#5d6b82!important}.badge-soft-primary{background-color:var(--cm-primary-bg)!important;color:var(--cm-primary-dark)!important}.badge-soft-success{background-color:var(--cm-mark-green)!important;color:var(--cm-success-dark)!important}.list-group-item a{text-decoration:none}.list-group-item{border-color:#f0f1f3;border-left:0;border-right:0;padding-bottom:8px;padding-left:10px;padding-right:10px;padding-top:8px;line-height:1.8;font-size:1rem}.list-group-item .fa-fw{font-size:1.1rem;margin-right:4px;vertical-align:middle}.list-group-item.active{z-index:auto;background-color:var(--cm-primary-bg);border-color:#f0f1f3;border-left:3px solid #4b80b4;padding-left:7px;color:var(--cm-primary-dark)}.list-group-item.active a{color:var(--cm-primary-dark);font-weight:700}.lesson-list td{border-top:1px solid #e5e5e5;padding:10px 8px}.lesson-list tr:nth-of-type(odd)>td{background-color:transparent}.lesson-owner{font-weight:600;margin-bottom:4px}.lesson-row{display:flex;align-items:center;gap:10px}.lesson-row .img-shadow{float:none;margin:0!important;flex:0 0 auto}.lesson-title{flex:1 1 auto;min-width:0}.lesson-description{color:#999;font-weight:400;font-size:.85em;margin-top:2px}.lesson-join-col{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.lesson-join{white-space:nowrap}.lesson-actions{display:flex;gap:4px}.lesson-action-btn{padding:.15rem .35rem;font-size:.75em}.table-sm td,.table-sm th{padding:0}.card{width:100%;margin-bottom:10px;border-radius:var(--cm-r-card,12px)}.card-body{padding:5px}.card-header{padding:5px;border-bottom:1px solid transparent;margin-bottom:5px;color:var(--cm-on-accent);background-color:var(--cm-header-bg)}.card-header,.card-header.card-header:first-child,.card>.card-header:first-child{border-top-left-radius:calc(var(--cm-r-card,12px) - 1px);border-top-right-radius:calc(var(--cm-r-card,12px) - 1px)}.card-primary>.card-header{color:var(--cm-on-accent);background-color:var(--cm-header-bg);border-color:var(--cm-header-border)}.cfg-side-menu .card-header{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #8fb8dd;color:#24507a;background-color:#a4c6e5;font-size:1.2rem;font-weight:700}.cfg-side-menu .card-header a{color:#24507a!important}.cfg-side-menu .card-header .cfg-ico{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;border-radius:50%;background-color:#fff;color:#4b80b4;font-size:.9rem}.btn-group{padding-top:2px;padding-left:4px}.btn-xs{padding:2px 6px;font-size:11px;line-height:1.5;border-radius:0}.btn-warning{background-color:#ffeebc;border-color:#efcd82;color:#222}.btn-warning:active,.btn-warning:focus,.btn-warning:hover{background-color:#ffe49a;border-color:#e0a526;color:#222}.btn-lobby-challenge{background-color:#ffeebc;border:1px solid #efcd82;border-radius:999px;color:#222;font-weight:600;padding:.35rem .95rem}.btn-lobby-challenge:focus,.btn-lobby-challenge:hover{background-color:#ffe49a;border-color:#e0a526;color:#222}.btn-lobby-challenge:active{background-color:#e59b00;border-color:#bf8f0a;color:#222}.btn-success{background-color:#548030;border-color:#48702a}.btn-primary{background-color:#3d6f9e;border-color:#356089}.btn-danger{background-color:#bb2d3b;border-color:#aa1e2b}.bg-primary{background-color:#3d6f9e!important}.text-primary{color:var(--cm-link)!important}.text-primary-emphasis{color:var(--cm-brand-text)!important}.alert-warning{background-color:var(--cm-alert-warning-bg);border-color:var(--cm-alert-warning-border);color:var(--cm-alert-warning-text)}.alert-info{background-color:var(--cm-alert-info-bg);border-color:var(--cm-alert-info-border);color:var(--cm-alert-info-text)}.cm-alert-icon{display:flex;align-items:flex-start}.cm-alert-icon>.cm-alert-ico{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--cfg-primary,#4c7eaf);font-size:.8rem;line-height:1;margin-right:.5rem}.cm-alert-icon>.cm-alert-txt{flex:1 1 auto;min-width:0;line-height:1.45}.cm-alert-icon>.cm-alert-txt a:not(.btn){display:inline-block;margin-top:.45rem;padding:.3rem .85rem;border:1px solid var(--cm-border-strong);border-radius:var(--cm-r-ctl,6px);background-color:var(--cm-surface);color:var(--cm-text);font-weight:600;font-size:.85rem;text-decoration:none}.cm-alert-icon>.cm-alert-txt a:not(.btn):focus,.cm-alert-icon>.cm-alert-txt a:not(.btn):hover{background-color:var(--cm-surface-2);color:var(--cm-text);text-decoration:none}.cm-alert-icon>.cm-alert-txt>div:last-child{margin-top:.5rem}#players>.ms-ctn{width:75px!important;margin-top:9px}#players>.ms-ctn-focus{width:150px!important}.bigger1{font-size:2.2em}.bigger2{font-size:1.9em}.bigger3{font-size:1.8em}.bigger4{font-size:1.2em}.bigger5{font-size:1.05em}.emphasis{font-weight:700}.spacer{margin-left:10px}.important{color:red;font-weight:700}.grey{color:#e8e7e6}.rating-interval{color:#7c8894}.light{color:var(--cm-muted)}.center{float:none;margin:0 auto}.markgrey{background-color:var(--cm-mark-grey)!important;box-shadow:none!important}.markorange{background-color:var(--cm-mark-orange)!important;box-shadow:none!important}.markred{background-color:var(--cm-mark-red)!important;box-shadow:none!important}#myactivegames .markred,#other_matches .markred{background-color:var(--cm-mark-red-soft)!important}#other_matches .btn-sm{padding:.25rem .7rem;font-size:.85rem;line-height:1.4}#other_matches table td{padding-top:.45rem;padding-bottom:.45rem}#other_matches table tr:last-child{border-bottom:0}#other_matches .cm-turn-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#e0a93c;vertical-align:middle}body.dark-mode #other_matches .cm-turn-dot{background-color:#f0c45a}#other_matches table td a.btn{white-space:nowrap}#other_matches table td .float-end{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}#myactivegames table tr.brd{border-bottom:0}.markgreen{background-color:var(--cm-mark-green)!important;box-shadow:none!important}.markblue{background-color:var(--cm-mark-blue)!important;box-shadow:none!important}.markred a.btn{border:1px solid #d6336c!important;border-radius:6px}.markblue a,.markblue i,.markblue span.float-end,.markgreen a,.markgreen i,.markgreen span.float-end,.markgrey a,.markgrey i,.markgrey span.float-end,.markorange a,.markorange i,.markorange span.float-end,.markred a,.markred i,.markred span.float-end{background-color:transparent!important}.markblue a.btn,.markgreen a.btn,.markgrey a.btn,.markorange a.btn,.markred a.btn{border:1px solid rgba(0,0,0,.12)!important;border-radius:6px;box-shadow:none!important;color:#333!important}.markgrey a.btn{background-color:var(--cm-mark-grey)!important}.markorange a.btn{background-color:var(--cm-mark-orange)!important}.markred a.btn{background-color:var(--cm-mark-red)!important}.markgreen a.btn{background-color:var(--cm-mark-green)!important}.markblue a.btn{background-color:var(--cm-mark-blue)!important}.markgrey a.btn:hover{background-color:var(--cm-mark-grey-h)!important;color:var(--cm-mark-hover-text)!important}.markorange a.btn:hover{background-color:var(--cm-mark-orange-h)!important;color:var(--cm-mark-hover-text)!important}.markred a.btn:hover{background-color:var(--cm-mark-red-h)!important;color:var(--cm-mark-hover-text)!important}.markgreen a.btn:hover{background-color:var(--cm-mark-green-h)!important;color:var(--cm-mark-hover-text)!important}.markblue a.btn:hover{background-color:var(--cm-mark-blue-h)!important;color:var(--cm-mark-hover-text)!important}.markred .player-chip,.markred .player-chip .chat-icon,.markred .player-chip a{background-color:transparent!important}tr:has(> td.markgrey)>td{background-color:var(--cm-mark-grey)!important;box-shadow:none!important}tr:has(> td.markorange)>td{background-color:var(--cm-mark-orange)!important;box-shadow:none!important}tr:has(> td.markred)>td{background-color:var(--cm-mark-red)!important;box-shadow:none!important}tr:has(> td.markgreen)>td{background-color:var(--cm-mark-green)!important;box-shadow:none!important}tr:has(> td.markblue)>td{background-color:var(--cm-mark-blue)!important;box-shadow:none!important}.onthetop{vertical-align:top}.vcenter{vertical-align:middle}.table td,.table th{vertical-align:middle}.table-no-stripe>:not(caption)>*>*{--bs-table-accent-bg:transparent!important;--bs-table-bg-type:initial!important;--bs-table-color-type:initial!important;box-shadow:none!important}.i_height{height:85px}.box{background-color:var(--cm-surface);border-color:var(--cm-box-border);border-radius:var(--cm-r-card,12px) var(--cm-r-card,12px) 0 0;border-width:1px;box-shadow:none;margin-left:0;margin-right:0;margin-bottom:10px;border-style:solid;padding:5px;position:relative}.brd{border-bottom:1px solid #f8f9fa;width:100%;height:100%}.page{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.3em;margin:.6em 0 .35em}.page>*{margin-right:0}.page a,.page span.emphasis{display:inline-flex;align-items:center;justify-content:center;min-width:1.9em;height:1.9em;padding:0 .55em;border-radius:999px;font-size:.8rem;line-height:1}.page a{color:var(--cm-link);background:var(--cm-surface);border:1px solid var(--cm-border);text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.page a:hover{background:#4b80b4;border-color:#4b80b4;color:#fff}.page span.emphasis{background:#4b80b4;border:1px solid #4b80b4;color:#fff;font-weight:700}.nopadding{padding:0!important;margin:0!important}#left_panel_container{padding-left:0;padding-right:7px}#right_panel{width:100%}#news{padding:0}.news_area{overflow:hidden;padding:0 4px 3px 2px}.news_items{border-top:15px;overflow:hidden}.news_image{margin-right:5px;float:left}.editor{color:#999;padding:6px 12px}.editor_big{height:auto!important;min-height:150px}.editor_small{height:100%;min-height:50px}.posted{max-width:100%;height:auto;padding:10px}.map{width:100%;height:300px;border:1px solid #000;margin-bottom:20px;border-color:#f2f3f9}.map p{margin:10px;color:#333}.breakall{word-break:break-all}.ontop{top:8px;position:absolute}.hidden{display:none!important}.main_comment_area{width:100%;overflow:hidden}.c_area_commentary .user-image,.main_comment_area .user-image{margin-right:12px}.c_area_commentary>a,.main_comment_area>a{font-weight:600}.commentary_area{width:85%;margin-left:15%}.c_main{color:#707070;line-height:1.55;overflow-wrap:break-word}.comments{color:#777;font-style:italic;line-height:1.5;overflow-y:auto;overflow-x:hidden;overflow-wrap:break-word}.c_actions{float:right;font-size:.8em;font-style:italic;text-align:right;width:100px}.c_actions a{color:var(--cm-muted)}.c_actions a:hover{color:var(--cm-primary)}.c_actions a.cm-like{color:var(--cm-success)}.c_actions a.cm-like:hover{color:var(--cm-success);filter:brightness(.9)}.c_actions a.cm-del{color:var(--cm-del-ico)}.c_actions a.cm-del:hover{color:var(--cm-del-ico-h)}.c_area_commentary{background-color:#f2f2f4;overflow:hidden;padding:10px 12px;margin-bottom:8px;border-radius:12px}.c_area_commentary:last-child{margin-bottom:0}#wall .c_main .posted,#wall .comments .posted{display:block;max-width:100%;height:auto;padding:0;margin:10px 0;border-radius:6px}.commentary_text{padding:3px;background-color:#fff;line-height:1.2;max-height:12px;overflow-y:auto}#comment_text{width:100%;height:7.5px;color:#777;background-color:#f7f7f9}#wall{margin:0;padding-left:0}#wall>li{background-color:var(--cm-surface);border-color:var(--cm-box-border);border-radius:12px;border-width:1px;box-shadow:none;border-style:solid;padding:14px 16px;position:relative;margin-bottom:14px;margin-left:0;margin-right:0}.img-shadow{float:left}.img-shadow img{display:block}.instructor-img .img-shadow{background:0 0!important;margin:0!important}.instructor-img .img-shadow img{width:60%;height:auto;background-color:transparent;border:none;margin:0;padding:0}img.site-icon{width:16px;height:16px;vertical-align:middle}i.site-icon{font-size:16px;line-height:1;vertical-align:middle}.status-icon{font-size:12px;line-height:1;vertical-align:middle}.status-icon.status-on{color:#10b981}.status-icon.status-off{color:#94a3b8}.chat-icon{font-size:14px;line-height:1;vertical-align:middle;position:relative;top:-1px;color:var(--cm-brand-text)}.game-turn-tag{font-size:.85em;font-weight:600;color:#7c8894}.player-name{color:var(--cm-brand-text);font-weight:600}.pinfo:hover,.player-name:hover{color:var(--cm-brand-text);text-decoration:none}.user-image{float:left}i.avatar-ph{display:inline-flex;align-items:center;justify-content:center;background-color:var(--cm-border-soft,#e6ebf0);color:#98a4b0}i.avatar-ph-lg{width:125px;height:125px;font-size:56px;border-radius:12px}i.avatar-ph-sm{width:60px;height:60px;font-size:26px;border-radius:6px}i.avatar-ph-xs{width:32px;height:32px;font-size:15px;border-radius:6px}i.avatar-ph-team{width:70px;height:70px;font-size:30px;border-radius:6px}.game-info-player .img-shadow i.avatar-ph{width:64px;height:64px;font-size:28px}.team-hero-avatar i.avatar-ph{width:130px;height:130px;font-size:60px;border-radius:12px}i.msg-read{color:var(--cm-text-muted,#98a4b0)}i.msg-unread{color:var(--cm-link)}.chatbox{position:fixed;position:expression(absolute);width:225px;display:none;z-index:21100}.chatboxhead{background-color:var(--cm-chat-head);color:var(--cm-on-accent);border-right:1px solid var(--cm-chat-head);border-left:1px solid var(--cm-chat-head);padding:7px;height:30px;font-size:1.05em;font-weight:700}.chatboxhead a{color:var(--cm-on-accent)!important}.chatboxtitle{margin-left:5px;float:left}.chatboxblink{background-color:var(--cm-chat-blink);border-right:1px solid var(--cm-chat-blink);border-left:1px solid var(--cm-chat-blink)}.chatboxcontent{color:var(--cm-chat-text);height:200px;max-height:75%;overflow-y:auto;overflow-x:auto;border-left:1px solid var(--cm-border-grey);border-right:1px solid var(--cm-border-grey);border-bottom:1px solid var(--cm-border-soft);background-color:var(--cm-surface);line-height:1.3em;padding:5px;margin:0}.chatboxinput{background-color:var(--cm-surface);border-left:1px solid var(--cm-border-grey);border-right:1px solid var(--cm-border-grey);border-bottom:1px solid var(--cm-border-grey)}#chatter{margin-top:5px}.chatboxtextarea{width:206px;height:44px;border:1px solid var(--cm-border-soft);overflow:hidden;margin-top:4px;margin-left:6px;padding:0}.chat-emoji-row{display:flex;flex-wrap:wrap;gap:.25rem;padding:5px 6px 0}.chat-emoji-row .chat-emoji{flex:1 1 0;min-width:1.85rem;max-width:2.6rem;padding:.1rem 0;font-size:1.05rem;line-height:1.25;color:inherit;background-color:var(--cm-surface-2);border:1px solid var(--cm-border-soft);border-radius:6px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.chat-emoji-row .chat-emoji:focus,.chat-emoji-row .chat-emoji:hover{background-color:var(--cm-surface-3);border-color:var(--cm-border-strong)}.chatboxtextareaselected{border:2px solid #f99d39}.chatboxmessage{margin-left:1em}.chatboxinfo{color:var(--cm-chat-info)}.chatboxmessagefrom{margin-left:-1em;font-weight:700}.chatboxmessagefromb{font-weight:700}.chatboxoptions a{text-decoration:none;color:#fff;font-weight:700}.chat-quick-row{display:flex;flex-wrap:wrap;gap:.3rem;margin:.5rem 0 .25rem}.chat-quick-row .chat-quick{flex:1 1 0;padding:.22rem .55rem;font-size:.8rem;line-height:1.35;color:var(--cm-chat-info);background-color:var(--cm-surface-2);border:1px solid var(--cm-border-soft);border-radius:999px;cursor:pointer;white-space:nowrap;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.chat-quick-row .chat-quick:focus:not(:disabled),.chat-quick-row .chat-quick:hover:not(:disabled){color:var(--cm-text);background-color:var(--cm-surface-3);border-color:var(--cm-border-strong)}.chat-quick-row .chat-quick:disabled{opacity:.45;cursor:not-allowed}.sticky-queue{z-index:100;position:fixed;background:#fff;border:1px solid #999;-moz-box-shadow:0 0 5px #bbb;-webkit-box-shadow:0 0 5px #bbb;box-shadow:0 0 5px #bbb;width:200px;overflow:hidden}.sticky-note{padding-right:10px;margin:0}.sticky{font-size:12px;color:#555;display:none;padding:20px 10px 20px 10px;position:relative}.sticky-close{position:absolute;top:10px;right:10px;height:14px;width:14px;cursor:pointer}.sticky-close:before{content:"\2716"}.top-right{right:20px}.top-center{top:-2px;left:50%;margin-left:-125px}.top-left{left:20px}.top-center,.top-left,.top-right{top:-2px;-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;border-bottom-right-radius:6px}.bottom-right{right:20px}.bottom-center{bottom:-2px;left:50%;margin-left:-125px}.bottom-left{left:20px}.bottom-center,.bottom-left,.bottom-right{bottom:-2px;-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;border-top-left-radius:6px;-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;border-top-right-radius:6px}.border-top-center,.border-top-left,.border-top-right{border-top:1px solid #999}.border-bottom-center,.border-bottom-left,.border-bottom-right{border-bottom:1px solid #999}.top-left,.top-right{top:-2px;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.bottom-left,.bottom-right{bottom:-2px;border-top-right-radius:6px;border-top-left-radius:6px}.border-top-left,.border-top-right{border-top:1px solid #999}.border-bottom-left,.border-bottom-right{border-bottom:1px solid #999}.bottom-right,.top-right{right:20px}.bottom-left,.top-left{left:20px}#sel label{margin-right:2px}#sel label>input{display:none}#sel label{padding-left:8px}#sel label>input+img{cursor:pointer;border:2px solid transparent;padding:15px}#sel label>input:checked+span{background-color:#c8d0ff;padding:10px}#game_type_sel label,#game_type_sel2 label{margin-right:6px;margin-bottom:6px;width:auto;flex:0 0 auto}#game_type_sel label>span,#game_type_sel2 label>span{display:inline-flex;align-items:center;gap:6px;font-size:.85em;padding:6px 12px;border-radius:16px;border:1px solid #ddd;background-color:#fff;transition:border-color .15s ease,background-color .15s ease}#game_type_sel label:hover>span,#game_type_sel2 label:hover>span{border-color:var(--cm-accent-fill);background-color:var(--cm-accent-fill);color:#fff}#game_type_sel label>span img,#game_type_sel2 label>span img{width:20px;height:20px}#game_type_sel label>input:checked+span,#game_type_sel2 label>input:checked+span{padding:6px 12px;border-color:#8b9dfa;font-weight:600}.invite-card{background-color:var(--cm-surface);border:1px solid #e6e6e6;border-radius:12px;padding:16px}.invite-card-header{display:flex;align-items:center;gap:14px;margin-bottom:4px}.invite-avatar{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex:0 0 auto;border-radius:50%;background-color:var(--cm-surface-2);color:var(--cm-muted);font-size:1.5em}.invite-badge{display:inline-block;background-color:#fff4c3;color:#333;font-weight:700;padding:4px 12px;border-radius:16px;margin-bottom:6px}.invite-info-grid{display:flex;flex-wrap:wrap;gap:2px 18px}.invite-info-item{font-size:.95em;color:#555}.invite-info-item b{color:#222}.invite-card-section{margin-top:14px;padding-top:14px;border-top:1px solid var(--cm-border-soft)}#total_time_limit_sel label{margin-right:8px;margin-bottom:8px;width:auto;flex:0 0 auto}#total_time_limit_sel label>span{display:inline-flex;align-items:center;gap:4px;padding:10px 16px;border-radius:6px}#total_time_limit_sel label>input:checked+span{background-color:#c8d0ff}#search_player{display:flex;flex-wrap:wrap;align-items:center;gap:8px}#search_player .form-group.row{width:auto;flex:1 1 0;margin:0;min-width:130px}#search_player .form-group.row:last-child{flex:0 0 auto;min-width:0}#search_player .form-control{width:100%}#buttons{padding-top:2px;margin:2px;padding-bottom:2px}.small_clock{font-size:1.1em}.mobile_clock{font-size:1.3em}#mobile_clock_row{flex-wrap:nowrap;align-items:center;margin:.3rem 0 .1rem}#mobile_clock_row>.col,#mobile_clock_row>.col-auto{min-width:0}#mobile_clock_row>.col-auto{flex:0 0 auto}#mobile_clock_row .mcr-time{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15;text-align:center;overflow:hidden}#mobile_clock_row .mcr-time .mcr-sub{max-width:100%;font-size:.7em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#mobile_clock_row .mcr-bico,#mobile_clock_row .mcr-wico{display:flex;align-items:center;justify-content:center;gap:2px;padding:0 2px}#mobile_clock_row .mcr-bico img,#mobile_clock_row .mcr-wico img{height:1.5em;width:auto;max-width:28px}#mobile_clock_row #btnMoreActions,#mobile_clock_row #btnNextGame2{position:relative;z-index:6;pointer-events:auto;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;margin:0;padding:0 .35rem}#more_actions.mcr-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .75rem;margin:.45rem 0 .1rem}#more_actions.mcr-actions .resign-confirm{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem .6rem;margin:0;padding:.45rem .6rem;border:1px solid #eadcd6;border-radius:12px;background:0 0}#more_actions.mcr-actions .btn{margin:.1rem}#more_actions.mcr-actions .resign-confirm input[type=checkbox]{width:16px;height:16px}.zeitnot{background:var(--cm-zeitnot-bg);font-weight:700}.onmove{color:var(--cm-onmove)}.board-resize-handle{position:absolute;right:calc(var(--cm-gright,0px) - 5px);bottom:var(--cm-gbottom,0);z-index:20;width:22px;height:22px;cursor:nwse-resize;touch-action:none}.board-resize-handle::after{content:"";position:absolute;right:5px;bottom:5px;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg stroke='%23777' stroke-width='2.4' stroke-linecap='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cline x1='12' y1='19' x2='19' y2='12'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:15px 15px;pointer-events:none}.board-resize-handle.active::after,.board-resize-handle.hover::after,.board-resize-handle:hover::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg stroke='%23fff' stroke-width='2.4' stroke-linecap='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cline x1='12' y1='19' x2='19' y2='12'/%3E%3C/g%3E%3C/svg%3E")}.board-resize-handle::before{content:"";position:absolute;right:0;bottom:0;width:220px;height:220px;pointer-events:none;background:radial-gradient(circle at 100% 100%,rgba(46,125,50,.6) 0,rgba(46,125,50,.28) 22%,rgba(46,125,50,.06) 46%,rgba(46,125,50,0) 62%);opacity:0;transition:opacity .18s ease}.board-resize-handle.hover::before,.board-resize-handle:hover::before{opacity:1}.board-resize-handle.active::before{background:radial-gradient(circle at 100% 100%,rgba(112,42,11,.6) 0,rgba(112,42,11,.28) 22%,rgba(112,42,11,.06) 46%,rgba(112,42,11,0) 62%);opacity:1}#boardcontainer #second_player_info{padding-top:10px}#boardcontainer:has(> #first_player_info){padding-top:10px}#boardcontainer>#first_player_info{margin:0;padding:0;text-align:left}#promotion{display:block;margin:10px auto 12px;padding:9px 16px 11px;width:max-content;max-width:100%;box-sizing:border-box;text-align:center;line-height:1.45;font-size:.9rem;font-weight:600;letter-spacing:.02em;color:var(--cm-text,#222);background:var(--cm-surface,#fff);border:1px solid var(--cm-border-strong,#ced4da);border-radius:12px;box-shadow:0 6px 20px rgba(20,30,60,.14)}#promotion a{display:inline-block;margin:6px 4px 0;padding:3px;border-radius:12px;line-height:0;text-decoration:none;transition:transform .12s ease,background-color .12s ease,box-shadow .12s ease}#promotion img{display:block;width:52px;height:52px}#promotion a:focus-visible,#promotion a:hover{background:var(--cm-primary-bg,#eaf1fa);box-shadow:inset 0 0 0 1.5px var(--cm-border-strong,#ced4da);transform:translateY(-2px) scale(1.1);outline:0}#promotion a:active{transform:translateY(0) scale(.97)}@media (max-width:575.98px){#promotion{padding:7px 10px 9px;border-radius:12px;font-size:.8rem}#promotion img{width:40px;height:40px}#promotion a{margin:5px 2px 0;padding:2px}}.game-panel{padding:10px}.clocks-container{display:flex;gap:14px;margin-bottom:14px}.clock-panel{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:10px 14px}.clock-panel.white-clock{border-right:2px solid #333}.clock-panel .clock-avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0}.clock-panel .clock-info{display:flex;flex-direction:column;line-height:1.2;min-width:0}.clock-checks{display:flex;gap:14px;margin:4px 0 12px}.clock-check-cell{flex:1;min-width:0;display:flex;justify-content:center}.clock-check{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:5px;max-width:100%;padding:3px 8px 3px 10px;border-radius:999px;background:rgba(25,135,84,.12);border:1px solid rgba(25,135,84,.38);font-size:1em;font-weight:700;line-height:1.25;letter-spacing:.5px;text-transform:uppercase;color:#157347;white-space:nowrap}.clock-check .check-count{display:inline-block;min-width:1.7em;padding:.04em .5em;border-radius:999px;background:#198754;color:#fff;font-size:1.3em;font-weight:800;line-height:1.5;text-align:center;box-shadow:0 1px 5px rgba(25,135,84,.4)}body.dark-mode .clock-check{background:rgba(34,160,107,.22);border-color:rgba(74,222,128,.5);color:#86e3b3}body.dark-mode .clock-check .check-count{background:#22a06b}#mobile_clock_row .clock-check{gap:4px;margin-top:3px;padding:1px 7px 1px 8px;font-size:.7em;max-width:100%}#mobile_clock_row .clock-check .check-count{min-width:1.4em;font-size:1.2em}.game-info-panel{padding:4px 0}.game-info-players{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px}.game-info-player{flex:0 1 auto;min-width:0;max-width:48%;text-align:center}.game-info-player .img-shadow{float:none}.game-info-player .img-shadow img{width:64px;height:64px;object-fit:cover;display:inline-block}.game-info-name{margin-top:6px;font-weight:600;font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-info-name a{color:inherit;text-decoration:none}.game-info-vs{flex:0 0 auto;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--cm-surface-2);color:var(--cm-muted-2);font-weight:700;text-transform:uppercase;font-size:.75em}.game-info-vs i{font-size:14px;line-height:1}.game-info-list{list-style:none;margin:0;padding:0;border:1px solid var(--cm-border-soft);border-radius:6px;overflow:hidden}.game-info-list li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--cm-border-soft)}.game-info-list li:last-child{border-bottom:none}.game-info-list li:nth-child(odd){background:#fafafa}.game-info-icon{flex:0 0 auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eef2f7;color:#4c7eaf;font-size:.85em}.game-type-icon{width:16px;height:16px}.color-icon{width:16px;height:16px;vertical-align:middle}.news-icon{width:16px;height:16px;vertical-align:middle}.cm-board-gtype{width:16px;height:16px;vertical-align:middle}.game-info-panel .badge+.badge{margin-left:5px}.guest-match-info{margin-bottom:10px}.guest-match-title{font-size:.95rem;font-weight:600;color:var(--cm-primary-dark)}.guest-match-title i{margin-right:6px;color:var(--cm-link)}.guest-match-subtitle{margin-top:2px;font-size:.85rem;color:#5a7897}.guest-match-link-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}.guest-match-link-row #game_link{flex:1;min-width:160px}.h2h-panel{margin-top:12px;padding:8px 12px;background:#fafafa;border:1px solid #eee;border-radius:6px}.h2h-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0}.h2h-row+.h2h-row{border-top:1px solid var(--cm-border-soft)}.h2h-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h2h-score{flex:0 0 auto;min-width:24px;text-align:center;font-weight:700;font-size:1.1em}.h2h-score-you{color:#198754}.h2h-score-them{color:#dc3545}.pgn-toolbar{display:flex;justify-content:flex-end;margin-bottom:8px}.pgn-text{white-space:pre-wrap;word-break:break-word;background:#fafafa;border:1px solid #ddd;border-radius:6px;padding:10px 12px;font-family:"Courier New",monospace;font-size:.9em;max-height:320px;overflow-y:auto}.clock-panel .clock-time{font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.5px;color:#1e293b}.clock-frac{font-size:.7em;font-weight:600;opacity:.78;margin-left:1px;vertical-align:baseline}.clock-panel:has(.clock-time.onmove){box-shadow:inset 0 0 0 2px #3b82f6;background:#eff6ff;border-radius:6px}#mobile_clock_row .mcr-time.zeitnot-alarm,.clocks-container .clock-panel.zeitnot-alarm{background:#c1121f;box-shadow:inset 0 0 0 2px #8d0a13;border-radius:6px;font-weight:800}#mobile_clock_row .mcr-time.zeitnot-alarm span,.clocks-container .clock-panel.zeitnot-alarm .clock-frac,.clocks-container .clock-panel.zeitnot-alarm .clock-time{color:#fff}#online_info_box{display:none}#online_info_box:has(#sides_online_info:not(.d-none)),#online_info_box:has(#waited_time:not(.hidden)){display:flex;align-items:center;gap:10px;margin:10px 0 2px;padding:8px;border:1px solid #ecc9c6;border-radius:12px;background:linear-gradient(180deg,#fdf1f0 0,#fae1e0 100%);box-shadow:0 1px 3px rgba(178,48,38,.08)}#online_info_box #waited_time{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:8px 12px;border-radius:12px;color:#fff;background:linear-gradient(180deg,#d84f46 0,#b23a33 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18);font-size:1.3rem;font-weight:700;line-height:1;letter-spacing:.5px;font-variant-numeric:tabular-nums}#online_info_box #sides_online_info{flex:1;min-width:0;padding:4px 2px;color:#7a2e2b;font-size:.9rem;font-weight:600;line-height:1.35}#game_result:has(.game-result-message){margin:10px 0 2px;padding:14px 16px 16px;border:1px solid #dde2ec;border-radius:12px;background:linear-gradient(180deg,#f8fafd 0,#eef2f9 100%)!important;box-shadow:0 1px 3px rgba(70,90,140,.08);overflow:hidden}#game_result .game-result-message{text-align:center}#game_result .game-result-outcome{font-size:1.2rem;font-weight:700;line-height:1.3;color:#232e46}#game_result .game-result-winline{display:block;margin-top:4px}#game_result .game-result-reason{display:block;width:fit-content;margin:6px auto 0;padding:2px 12px;border-radius:999px;background:rgba(96,120,180,.14);color:#54618a;font-size:.8rem;font-weight:600;white-space:nowrap}#game_result .game-result-rating{display:flex;align-items:center;justify-content:center;gap:.5em;margin-top:12px;padding-top:10px;border-top:1px dashed #d9deea;font-size:.85rem;font-weight:600}#game_result .game-result-rating i{font-size:1rem}#game_result .game-result-rating-neutral{color:#7d879c}#game_result .game-result-rating-up{color:#1e7d4f}#game_result .game-result-rating-down{color:#c0392b}#game_result .game-result-rated{display:inline-flex;align-items:center;margin-bottom:6px;padding:2px 11px;border-radius:999px;font-size:.7rem;font-weight:700;line-height:1.55}#game_result .game-result-rated i{font-size:.8rem}#game_result .game-result-rated-on{background:rgba(255,193,7,.18);color:#8a6a0a}#game_result .game-result-rated-off{background:rgba(96,120,180,.12);color:#54618a}#game_result .game-result-eyebrow{display:block;margin-bottom:4px;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cm-muted-2)}#game_result .game-result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}#game_result .game-result-actions .btn,#game_result .game-result-actions a.btn{flex:1 1 140px;margin:0!important;border-radius:6px}#game_result #rematch_response,#game_result #rematch_status{margin-top:10px;text-align:center}#game_result #rematch_status .game-result-note{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:5px 16px;border-radius:999px;border:1px solid rgba(30,125,79,.22);background:rgba(30,125,79,.1);color:#1e7d4f;font-size:.9rem;font-weight:600}#game_result #rematch_status .game-result-note i{font-size:1rem}.game-actions-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--cm-border-soft)}.resign-confirm{display:flex;align-items:center;gap:6px;margin:0;cursor:pointer;padding:3px 8px 3px 10px;border:1px solid #f3dbdd;border-radius:6px;background:#fffbfb}.resign-confirm:hover{background:#fdf1f1}.resign-confirm input{margin:0;width:15px;height:15px;accent-color:#c0392b;cursor:pointer}.btn-resign{background:#fff;color:#c0392b;border:1px solid #e2989f;box-shadow:none}.btn-resign:focus,.btn-resign:hover{background:#fbe9ea;color:#a5281c;border-color:#c0392b}.btn-draw{background:#f4f5f6;color:#495057;border:1px solid #d8dade;box-shadow:none}.btn-draw:focus,.btn-draw:hover{background:#e9ebee;color:#22262b;border-color:#b7bbc2}.board-toolbar{display:inline-flex;align-items:center;gap:4px;margin-left:var(--cm-gleft,0)}.board-toolbar .board-tool-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;color:#495057;text-decoration:none;transition:background-color .15s ease,color .15s ease}.board-toolbar .board-tool-btn:focus,.board-toolbar .board-tool-btn:hover{background:#eef1f4;color:#1e293b}#board{aspect-ratio:1/1;max-width:100%}@media screen and (max-width:767.98px){#boardmaincontainer{max-width:100vw}}@media screen and (max-width:767.98px){body:has(#boardmaincontainer){width:100%}}.other-matches-nav{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}#other_matches_panel .othersbtn{padding:.25rem .85rem;font-size:.85rem;line-height:1.4;white-space:nowrap}#pgn{font-size:small}#broken{position:fixed;bottom:8px;left:8px;z-index:1080;line-height:1;pointer-events:none}#brokenimg{display:block;font-size:46px;color:var(--cm-danger);filter:drop-shadow(0 0 3px rgba(255, 255, 255, .9))}#messages td:first-child{width:50px}#messages td:first-child img{max-width:100%;height:auto}.pi-row{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;vertical-align:text-top}.pi-row img{vertical-align:middle}.challenge-meta>a:has(> i),.challenge-meta>a:has(> img),.pi-row>a:has(> i),.pi-row>a:has(> img){display:inline-flex;align-items:center;line-height:1}.pi-row a.pi-level{margin:0 -4px}.challenge-row .pi-row{gap:3px}.challenge-meta{column-gap:.5rem;row-gap:.35rem}.challenge-clock{white-space:nowrap}.player-chip{gap:3px}.challenge-row .challenge-meta>a.ch-ico-type{margin-right:-4px}.challenge-row .challenge-meta>a.ch-ico-type img{width:20px;height:20px}.challenge-row .challenge-meta>a>img.site-icon{width:20px;height:20px}.pi-row a.chat{display:inline-flex;align-items:center;line-height:1}.pi-row a.chat .chat-icon,.pi-row>a:has(> i) .chat-icon{top:auto}.cfg-compose .editor_big{min-height:220px}.tourn-info-desc{padding:14px 16px;color:#6c757d;border-top:1px solid #e5e8ec}.tourn-info-founder{display:flex;align-items:center;gap:8px;padding:14px 16px;border-top:1px solid #e5e8ec}.tourn-info-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:10px 16px;border-top:1px solid #e5e8ec}.tourn-info-buttons{display:flex;flex:1;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.tourn-info-buttons .tourn-del{margin-left:10px}.team-hero{display:flex;align-items:flex-start;gap:18px}.team-hero-avatar .img-shadow{float:none}.team-hero-avatar img{width:130px;height:130px;object-fit:cover;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.15)}.team-hero-body{flex:1;min-width:0}.team-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.team-hero-name{font-size:1.3rem;font-weight:800}.team-hero-flag{flex:0 0 auto}.team-hero-challenge{display:flex;justify-content:flex-end;margin-top:12px}.team-hero-challenge .team-challenge-btn{font-weight:700;padding:.6rem 1.5rem;box-shadow:0 3px 10px rgba(255,193,7,.4)}@media (max-width:576px){.team-hero{flex-direction:column;align-items:center;text-align:center}.team-hero-top{flex-direction:column;align-items:center}.team-hero-challenge{justify-content:center}.team-hero-avatar img{width:110px;height:110px}}#board-buttons button{color:#222;background-color:#fff;border:1px solid #ced4da;border-radius:6px;padding:.3rem .6rem;font-size:.95rem;line-height:1}#board-buttons button:focus,#board-buttons button:hover{background-color:#f1f3f5}.ucard{display:flex;flex-direction:column;gap:1.1rem}.ucard-top{display:flex;align-items:flex-start;gap:1.1rem}.ucard-avatar{flex:0 0 auto;display:block;width:96px;height:96px}.ucard-avatar img{width:96px;height:96px;object-fit:cover;border-radius:16px;background:var(--cm-surface-2);border:1px solid var(--cm-border-strong);box-shadow:0 3px 12px rgba(20,45,90,.14)}.ucard-avatar i{width:96px;height:96px;display:inline-flex;align-items:center;justify-content:center;font-size:2.4rem;border-radius:16px;color:var(--cm-muted-2);background:var(--cm-surface-2);border:1px solid var(--cm-border-strong)}.ucard-id{flex:1 1 auto;min-width:0}.ucard-name{margin:0;font-size:1.2rem;font-weight:700;line-height:1.25;color:var(--cm-text);overflow-wrap:anywhere}.ucard-name a{color:var(--cm-brand-text)}.ucard-name a:hover{color:var(--cm-link);text-decoration:underline}body.cm-gover-lock{overflow:hidden}.cm-gover{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;padding:18px;visibility:hidden;opacity:0;transition:opacity .18s ease,visibility .18s ease}.cm-gover.cm-gover-open{visibility:visible;opacity:1}.cm-gover-backdrop{position:absolute;inset:0;background:rgba(16,24,34,.55)}.cm-gover-card{position:relative;width:372px;max-width:100%;margin:auto;background:var(--cm-surface,#fff);color:var(--cm-text,#222);border:1px solid var(--cm-border,#e5e8ec);border-radius:16px;box-shadow:0 24px 70px rgba(8,16,32,.4);overflow:hidden;transform:translateY(12px) scale(.98);transition:transform .22s ease}.cm-gover.cm-gover-open .cm-gover-card{transform:none}.cm-gover-close{position:absolute;top:10px;right:10px;z-index:3;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:rgba(255,255,255,.22);color:#fff;border:0;border-radius:50%;cursor:pointer;font-size:1rem;line-height:1;transition:background .15s ease,transform .15s ease}.cm-gover-close:hover{background:rgba(255,255,255,.36);transform:scale(1.06)}.cm-gover-close i{pointer-events:none}.cm-gover-head{position:relative;padding:26px 48px 34px;text-align:center}.cm-gover-title{font-size:1.9rem;font-weight:800;line-height:1.12;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.12);overflow-wrap:anywhere}.cm-gover-reason{margin-top:5px;font-size:.9rem;font-weight:600;color:rgba(255,255,255,.92)}.cm-gover-actions.cm-gover-hidden,.cm-gover-delta.cm-gover-hidden,.cm-gover-gtype.cm-gover-hidden,.cm-gover-reason.cm-gover-hidden,.cm-gover-score.cm-gover-hidden{display:none}.cm-gover-card.cm-gover-win .cm-gover-head{background:linear-gradient(180deg,#74c158 0,#4e9a3e 100%)}.cm-gover-card.cm-gover-loss .cm-gover-head{background:linear-gradient(180deg,#e27666 0,#c13a2a 100%)}.cm-gover-card.cm-gover-abort .cm-gover-head,.cm-gover-card.cm-gover-draw .cm-gover-head{background:linear-gradient(180deg,#a3adb6 0,#6f7c88 100%)}.cm-gover-score{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:74px;height:44px;padding:0 16px;background:var(--cm-surface,#fff);color:var(--cm-text,#222);border:1px solid var(--cm-border,#e5e8ec);border-radius:999px;font-size:1.5rem;font-weight:800;box-shadow:0 4px 14px rgba(8,16,32,.18)}.cm-gover-players{display:flex;align-items:center;justify-content:center;gap:6px;padding:48px 20px 14px}.cm-gover-player{flex:1 1 0;min-width:0;text-align:center}.cm-gover-avatar{display:inline-flex}.cm-gover-avatar .img-shadow{float:none;margin:0}.cm-gover-avatar .img-shadow img,.cm-gover-avatar i.avatar-ph{width:84px;height:84px;border-radius:6px;object-fit:cover;display:inline-block}.cm-gover-avatar .img-shadow img{border:2px solid var(--cm-border-strong,#ced4da);box-shadow:0 4px 12px rgba(8,16,32,.18)}.cm-gover-avatar i.avatar-ph{font-size:32px;background:var(--cm-surface-2,#f1f3f5)}.cm-gover-player.cm-gover-winner .cm-gover-avatar .img-shadow img,.cm-gover-player.cm-gover-winner .cm-gover-avatar i.avatar-ph{border-color:#52b945;box-shadow:0 0 0 3px rgba(82,185,69,.3),0 4px 12px rgba(8,16,32,.18)}.cm-gover-pname{margin-top:8px;font-weight:700;font-size:.9rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--cm-text,#222)}.cm-gover-pname a{color:inherit;text-decoration:none}.cm-gover-mid{flex:0 0 42px;display:flex;align-items:center;justify-content:center}.cm-gover-vs{font-size:1.2rem;color:#e5a521;filter:drop-shadow(0 1px 1px rgba(0, 0, 0, .15))}.cm-gover-actions{display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:center;padding:2px 18px 14px}.cm-gover-actions .cm-gover-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;flex:0 1 auto;min-width:0;margin:0;padding:.45rem .9rem;font-size:.85rem;white-space:nowrap}.cm-gover-actions .cm-gover-btn>i{flex:0 0 auto}.cm-gover-actions .cm-gover-btn-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-gover .cm-gover-actions .cm-gover-btn.cm-gover-iconbtn{flex:0 0 auto;padding:.45rem .7rem;line-height:1;color:#fff;border-color:transparent;background:linear-gradient(135deg,#8b5cf6 0,#5b3fd6 100%);box-shadow:0 3px 10px rgba(91,63,214,.38)}.cm-gover .cm-gover-actions .cm-gover-btn.cm-gover-iconbtn i{font-size:.95rem}.cm-gover .cm-gover-actions .cm-gover-btn.cm-gover-iconbtn:focus,.cm-gover .cm-gover-actions .cm-gover-btn.cm-gover-iconbtn:hover{color:#fff;background:linear-gradient(135deg,#9b6ff8 0,#6a4ae6 100%);box-shadow:0 4px 14px rgba(91,63,214,.5)}.cm-gover .cm-gover-actions .cm-gover-btn.cm-gover-iconbtn:active{color:#fff;background:linear-gradient(135deg,#7c4fe0 0,#4c33c0 100%)}.cm-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#cm-autosave{position:fixed;right:1rem;bottom:1rem;z-index:1080;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .85rem;border-radius:12px;border:1px solid var(--cm-border);background:var(--cm-surface);box-shadow:0 6px 20px rgba(20,30,60,.18);color:var(--cm-success-dark);font-size:.85rem;font-weight:600;line-height:1.2;white-space:nowrap;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}#cm-autosave.cm-show{opacity:1;transform:translateY(0)}#cm-autosave i{font-size:1rem;color:var(--cm-success)}#cm-autosave.cm-busy{color:var(--cm-muted)}#cm-autosave.cm-busy i{color:var(--cm-muted)}.cm-gover-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-top:1px solid var(--cm-border,#e5e8ec);background:var(--cm-surface-2,#f1f3f5)}.cm-gover-rating{display:inline-flex;align-items:center;gap:7px;min-width:0}.cm-gover-gtype img{width:26px;height:26px;object-fit:contain;display:block}.cm-gover-rlabel{font-size:.75rem;font-weight:800;letter-spacing:.06em;color:var(--cm-muted,#6c757d);white-space:nowrap}.cm-gover-rchange{display:inline-flex;align-items:baseline;gap:7px;min-width:0}.cm-gover-rc-label{font-size:.75rem;font-weight:700;letter-spacing:.02em;color:var(--cm-muted,#6c757d);white-space:nowrap}.cm-gover-delta{font-size:1.5rem;font-weight:800;line-height:1;white-space:nowrap}.cm-gover-delta-up{color:#1e9e3f}.cm-gover-delta-down{color:#e03131}.cm-gover-delta-zero{color:var(--cm-muted,#6c757d)}.cm-gover-delta-neutral{font-size:.8rem;font-weight:700;color:var(--cm-muted,#6c757d)}@media (max-width:480px){.cm-gover{padding:12px}.cm-gover-card{width:100%;border-radius:12px}.cm-gover-avatar .img-shadow img,.cm-gover-avatar i.avatar-ph{width:64px;height:64px}.cm-gover-avatar i.avatar-ph{font-size:24px}.cm-gover-head{padding:22px 40px 30px}.cm-gover-score{min-width:64px;height:40px;font-size:1.3rem}.cm-gover-players{padding:44px 12px 10px}.cm-gover-actions{gap:.35rem;padding:2px 12px 12px}.cm-gover-actions .cm-gover-btn{padding:.4rem .65rem;font-size:.8rem}.cm-gover .cm-gover-actions .cm-gover-btn.cm-gover-iconbtn{padding:.4rem .6rem}.cm-gover-footer{padding:10px 14px}.cm-gover-gtype img{width:22px;height:22px}.cm-gover-delta{font-size:1.3rem}}body.cm-accgame-lock{overflow:hidden}.cm-accgame{position:fixed;inset:0;z-index:20050;display:flex;align-items:center;justify-content:center;padding:18px;visibility:hidden;opacity:0;transition:opacity .18s ease,visibility .18s ease}.cm-accgame.cm-accgame-open{visibility:visible;opacity:1}.cm-accgame-backdrop{position:absolute;inset:0;background:rgba(16,24,34,.58)}.cm-accgame-card{position:relative;width:430px;max-width:100%;margin:auto;text-align:center;background:var(--cm-surface,#fff);color:var(--cm-text,#222);border:1px solid var(--cm-border,#e5e8ec);border-radius:18px;box-shadow:0 24px 70px rgba(8,16,32,.45);overflow:hidden;transform:translateY(14px) scale(.97);transition:transform .22s ease}.cm-accgame.cm-accgame-open .cm-accgame-card{transform:none}.cm-accgame-close{position:absolute;top:10px;right:10px;z-index:3;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:rgba(255,255,255,.22);color:#fff;border:0;border-radius:50%;cursor:pointer;font-size:1rem;line-height:1;transition:background .15s ease,transform .15s ease}.cm-accgame-close:hover{background:rgba(255,255,255,.36);transform:scale(1.06)}.cm-accgame-close i{pointer-events:none}.cm-accgame-head{padding:26px 46px 22px;background:linear-gradient(180deg,#59a8e8 0,#2f7fc1 100%)}.cm-accgame-icon{display:block;margin:0 auto 10px;font-size:2.4rem;line-height:1;color:rgba(255,255,255,.95);text-shadow:0 1px 2px rgba(0,0,0,.12)}.cm-accgame-title{font-size:1.75rem;font-weight:800;line-height:1.12;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.12);overflow-wrap:anywhere}.cm-accgame-sub{margin-top:6px;font-size:.9rem;font-weight:600;color:rgba(255,255,255,.92)}.cm-accgame-body{display:flex;flex-direction:column;gap:10px;padding:16px 16px 6px}.cm-accgame-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--cm-surface-2,#f1f3f5);border:1px solid var(--cm-border,#e5e8ec);border-radius:12px}.cm-accgame-clock{display:inline-flex;align-items:baseline;gap:6px;min-width:0;color:var(--cm-text,#222)}.cm-accgame-clock i{align-self:center;font-size:.95rem;color:var(--cm-muted,#6c757d)}.cm-accgame-clock-val{font-size:1.05rem;font-weight:800;white-space:nowrap}.cm-accgame-clock-unit{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--cm-muted,#6c757d)}.cm-accgame-play{flex:0 0 auto;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.cm-accgame-foot{padding:4px 18px 18px}.cm-accgame-foot.cm-accgame-hidden{display:none}.cm-accgame-count{font-size:.78rem;font-weight:700;letter-spacing:.02em;color:var(--cm-muted,#6c757d)}.cm-accgame-track{display:block;height:6px;margin-top:8px;background:var(--cm-surface-2,#eef1f4);border:1px solid var(--cm-border,#e5e8ec);border-radius:999px;overflow:hidden}.cm-accgame-bar{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#59a8e8 0,#2f7fc1 100%);transition:width .12s linear}@media (max-width:480px){.cm-accgame{padding:12px}.cm-accgame-card{width:100%;border-radius:14px}.cm-accgame-head{padding:22px 40px 18px}.cm-accgame-icon{font-size:2rem}.cm-accgame-title{font-size:1.45rem}.cm-accgame-body{gap:8px;padding:14px 12px 4px}.cm-accgame-row{gap:8px;padding:9px 10px}.cm-accgame-clock-val{font-size:.98rem}.cm-accgame-foot{padding:4px 14px 14px}}.ucard-bio{margin-top:.3rem;font-size:.9rem;line-height:1.45;color:var(--cm-muted);overflow-wrap:anywhere}.ucard-top-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.7rem}.ucard-challenge{font-weight:600;padding:.5rem 1.15rem}.ucard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:.55rem}.ucard-stat{background:var(--cm-surface-2);border:1px solid var(--cm-border);border-radius:12px;padding:.6rem .65rem;text-align:center;min-width:0}.ucard-stat-label{display:block;font-size:.7rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--cm-muted);line-height:1.3;margin-bottom:.3rem;overflow-wrap:anywhere}.ucard-stat-value{display:block;font-size:1.2rem;font-weight:800;line-height:1.1;color:var(--cm-primary-dark)}.ucard-meta{display:grid;grid-template-columns:1fr 1fr;gap:.55rem 1.4rem}.ucard-meta-row{display:flex;align-items:flex-start;gap:.5rem;min-width:0;font-size:.9rem;color:var(--cm-text)}.ucard-meta-row>i{flex:0 0 auto;width:1.05rem;margin-top:.12rem;text-align:center;color:var(--cm-primary)}.ucard-meta-row>span{overflow-wrap:anywhere}.ucard-meta-row b{color:var(--cm-muted);font-weight:600}.ucard-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.ucard-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;white-space:nowrap;padding:.5rem .75rem;font-size:.9rem}.ucard-actions .btn i{font-size:.95rem}.ucard-actions .ucard-action-ico{justify-self:stretch}#modalMessage.modal--usercard .modal-footer{display:none!important}@media (max-width:560px){.ucard-top{flex-wrap:wrap;justify-content:center;text-align:center}.ucard-top-actions{justify-content:center}.ucard-stats{grid-template-columns:repeat(2,1fr)}.ucard-meta{grid-template-columns:1fr}}.mm-ghost{position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden}.fo-card{background-color:var(--cm-surface);border:1px solid var(--cm-border-strong);border-radius:16px;padding:1.05rem 1.2rem;margin-bottom:1.25rem;box-shadow:0 4px 18px rgba(0,0,0,.1)}.fo-top{display:flex;align-items:center;gap:.5rem .45rem;flex-wrap:wrap}.fo-head{display:flex;align-items:center;flex-wrap:nowrap;column-gap:.7rem;flex:1 1 auto;min-width:0}.fo-head .fo-badge{margin-bottom:0;white-space:nowrap}.fo-badge{display:inline-flex;align-items:center;gap:.35rem;background-color:transparent;color:var(--cm-text);font-weight:700;font-size:.95rem;padding:0;border-radius:0}.fo-badge .fo-type-ico{width:22px;height:22px;vertical-align:-4px}body.dark-mode .fo-badge{background-color:transparent;color:var(--cm-text)}.fo-meta{font-size:.9em;color:var(--cm-muted);display:flex;flex-wrap:nowrap;gap:2px 16px;flex:1 1 auto}.fo-meta b{color:var(--cm-text);font-weight:600}.fo-queue{display:inline-flex;align-items:center;gap:8px;padding:2px 0;white-space:nowrap;margin-left:auto}.fo-queue .fa-circle-notch{color:var(--cm-primary);font-size:.95rem}.fo-queue .btn{padding:.1rem .5rem;font-size:.8rem;line-height:1.35}@media (max-width:767.98px){.fo-head,.fo-meta{flex-wrap:wrap}.fo-head{row-gap:.35rem}.fo-meta{row-gap:6px}}.fo-chip.fo-time.searching{opacity:.75;border-style:dashed;pointer-events:none}.fo-top .fo-gametype{margin-left:auto;flex:0 0 auto}.fo-gametype .fo-chip{padding:.3rem .6rem;font-size:.75rem;gap:.35rem}.fo-gametype .fo-chip i{font-size:.8rem;color:var(--cm-muted)}.fo-sec{margin-top:12px;padding-top:11px;border-top:1px solid var(--cm-border-soft)}.fo-sec-t{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--cm-muted);margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.fo-chips{display:flex;flex-wrap:wrap;gap:.4rem}.fo-chip{display:inline-flex;align-items:center;gap:.4rem;background:0 0;border:1px solid var(--cm-border-strong);color:var(--cm-text);border-radius:999px;padding:.42rem .95rem;font-size:.85rem;font-weight:600;cursor:pointer;user-select:none;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.fo-chip:hover{border-color:var(--cm-primary)}.fo-chip i{font-size:.9rem;color:var(--cm-muted)}.fo-chip.on{background-color:#c8d0ff;border-color:transparent;color:#3a3f6b;font-weight:700}body.dark-mode .fo-chip.on{background-color:#4c5688;color:#e8ebff}.fo-chip.on i{color:inherit}.fo-chip small.fo-min{font-size:.7rem;color:var(--cm-muted);font-weight:600;text-transform:lowercase}.fo-chip.on small.fo-min{color:inherit;opacity:.75}.fo-pane{margin-top:.9rem;padding:.7rem .85rem .5rem;border:1px dashed var(--cm-border-strong);border-radius:12px}.fo-sub{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--cm-muted);margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.fo-sub i{font-size:.85rem}.mm-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.mm-tile{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:.8rem .4rem .7rem;border:1px solid var(--cm-border-soft);border-radius:12px;background:var(--cm-surface);color:var(--cm-text);text-decoration:none;transition:all .15s ease}.mm-tile:hover{transform:translateY(-2px);border-color:var(--cm-primary);background-color:var(--cm-primary);color:#fff;text-decoration:none}.mm-tile i{font-size:1.3rem;color:var(--cm-primary)}.mm-tile:hover i{color:#fff}.mm-tile b{font-size:.8rem;font-weight:700;line-height:1.2;text-align:center}@media (max-width:767px){.mm-tiles{grid-template-columns:repeat(3,1fr)}}.mm-tabs{display:flex;gap:.2rem;margin-bottom:.6rem;border-bottom:2px solid var(--cm-border-soft);flex-wrap:wrap;overflow:visible}.mm-tab{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .9rem .4rem;margin-bottom:-2px;background:0 0;border:0;border-bottom:2px solid transparent;color:var(--cm-muted);border-radius:0;font-weight:600;font-size:.85rem;white-space:nowrap;cursor:pointer;transition:color .15s ease,border-color .15s ease;user-select:none}.mm-tab i{font-size:.85rem;color:var(--cm-muted)}.mm-tab:hover{color:var(--cm-text)}.mm-tab:hover i{color:var(--cm-primary)}.mm-tab.active{color:var(--cm-primary-dark);border-bottom-color:var(--cm-primary)}.mm-tab.active i{color:var(--cm-primary)}.mm-panels .mm-panel{display:none}.mm-panels .mm-panel.active{display:block;animation:mmFade .18s ease}.mm-panels .mm-panel .fo-card{padding-bottom:2.4rem}@keyframes mmFade{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}.mm-cp .card{margin-bottom:0}.mm-chal{margin-top:.9rem}.mm-chal .card{margin-bottom:0}.mm-chal-in{margin-top:1.25rem;padding-top:.7rem;border-top:1px solid var(--cm-border-soft)}.mm-chal-sub{display:flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--cm-muted);margin-bottom:.5rem}.mm-chal-sub i{font-size:.8rem;color:var(--cm-primary)}.mm-sub-head{display:flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--cm-muted);margin:1.15rem 0 .5rem}.mm-sub-head i{font-size:.8rem;color:var(--cm-primary)}.mm-sub-head a,.mm-sub-head a:focus,.mm-sub-head a:hover{color:inherit;text-decoration:none;font-weight:800}.mm-sub-head a:hover{color:var(--cm-primary)}.mm-chal-in .challenge-row.markblue,.mm-chal-in .challenge-row.markgrey{background:0 0!important}.mm-chal-in .challenge-row{margin-bottom:0;border:0;border-radius:0;padding:.45rem .35rem;background-color:transparent}.mm-chal-in .challenge-row+.challenge-row{border-top:1px solid var(--cm-border-soft)}.mm-chal-in .list-group{border-radius:0}.fo-subtabs{display:flex;gap:.2rem;margin:.95rem 0 .8rem;border-bottom:2px solid var(--cm-border-soft);flex-wrap:wrap}.fo-subtab{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .95rem .4rem;margin-bottom:-2px;background:0 0;border:0;border-bottom:2px solid transparent;color:var(--cm-muted);border-radius:0;font-weight:600;font-size:.8rem;cursor:pointer;transition:color .15s ease,border-color .15s ease;user-select:none}.fo-subtab:hover{color:var(--cm-text)}.fo-subtab:hover i{color:var(--cm-primary)}.fo-subtab.active{background:0 0;border:0;border-bottom:2px solid var(--cm-primary);color:var(--cm-primary-dark)}.fo-subtab.active i{color:var(--cm-primary)}.fo-fopane{display:none}.fo-fopane.active{display:block}.fo-time-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.fo-chip.fo-time{flex-direction:row;justify-content:center;gap:.35rem;padding:.95rem .5rem;border-radius:12px;font-size:1.3rem;font-weight:700;min-height:3.5rem}.fo-chip.fo-time .fo-t-val{line-height:1.05}.fo-chip.fo-time .fo-t-unit{font-size:.85rem;color:var(--cm-muted);font-weight:600;text-transform:lowercase;margin-top:.18rem}.fo-chip.fo-time.on .fo-t-unit{color:inherit;opacity:.85}@media (max-width:420px){.fo-time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ms-ctn{position:relative;padding:5px 12px;height:auto}.ms-ctn-bootstrap-focus,.ms-ctn-bootstrap-focus .ms-res-ctn{border-color:rgba(82,168,236,.8)!important;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6)!important;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6)!important;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6)!important;border-bottom-left-radius:0;border-bottom-right-radius:0}.ms-ctn-focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.ms-ctn input{border:0;box-shadow:none;-webkit-transition:none;outline:0;display:block;padding:0;line-height:1.42857143;margin:1px 0;width:100%}.ms-ctn .ms-sel-ctn input{float:left}.ms-ctn-disabled input{cursor:not-allowed;background-color:#eee}.ms-ctn .ms-input-readonly{cursor:pointer}.ms-ctn .ms-empty-text{color:#ddd}.ms-ctn input:focus{border:0;box-shadow:none;-webkit-transition:none;background:#fff}.ms-ctn input::-ms-clear{width:0;height:0}.ms-ctn .ms-trigger{top:0;width:25px;height:100%;position:absolute;right:0;background:0 0;border-left:1px solid #ccc;cursor:pointer}.ms-ctn .ms-trigger .ms-trigger-ico{display:inline-block;width:0;height:0;vertical-align:top;border-top:4px solid #333;border-right:4px solid transparent;border-left:4px solid transparent;content:"";margin-left:8px;margin-top:15px}.ms-ctn .ms-trigger:hover{background-color:#e6e6e6}.ms-ctn .ms-trigger:hover .ms-trigger-ico{background-position:0 -4px}.ms-res-ctn{width:100%;display:block;overflow-y:auto}.ms-res-ctn .ms-res-group{line-height:23px;text-align:left;padding:2px 5px;font-weight:700;border-bottom:1px dotted #ccc;border-top:1px solid #ccc;background:#f3edff;color:#333}.ms-res-ctn .ms-res-item{line-height:25px;text-align:left;padding:2px 5px;color:#666;cursor:pointer}.ms-res-ctn .ms-res-odd{background:#fafafa}.ms-res-ctn .ms-res-item-active{background-color:#f5f5f5}.ms-res-ctn .ms-res-item-disabled{color:#ccc;cursor:default}.ms-sel-ctn{overflow:auto;line-height:18px;padding-right:25px}.ms-no-trigger .ms-sel-ctn{padding-right:0}.ms-sel-ctn .ms-sel-item{background:#f3f3f3;color:#999;float:left;font-size:12px;padding:3px 5px;border-radius:3px;border:1px solid #ddd;margin:3px 0 1px 0}.ms-sel-ctn .ms-sel-invalid{border-color:#f8a5a5!important;background:#fdf2f2!important}.ms-sel-ctn .ms-sel-item:hover{border:1px solid #bbb}.ms-ctn .ms-sel-item{background:#f3f3f3;color:#999;float:left;font-size:12px;padding:0 5px;border-radius:3px;border:1px solid #ddd;margin:1px 5px 1px 0}.ms-ctn .ms-sel-item:hover{border:1px solid transparent}.ms-ctn-focus .ms-sel-item:hover{border:1px solid #bbb}.ms-sel-ctn .ms-sel-text{background:#fff;color:#666;padding-right:0;margin-left:0;font-size:14px;font-weight:400}.ms-as-string .ms-sel-text{border-color:transparent}.ms-res-ctn .ms-res-item em{font-style:normal;background:#565656;color:#fff}.ms-sel-ctn .ms-sel-text:hover{background:#fff}.ms-sel-ctn .ms-sel-item-active{border:1px solid red;background:#757575}.ms-stacked .ms-sel-item{float:inherit}.ms-sel-ctn .ms-sel-item .ms-close-btn{width:7px;cursor:pointer;height:7px;float:right;margin:6px 2px 0 10px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAOCAYAAADjXQYbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAEZ0FNQQAAsY58+1GTAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABSSURBVHjahI7BCQAwCAOTzpThHMHh3Kl9CVos9XckFwQAuPtGuWTWwMwaczKzyHsqg6+5JqMJr28BABHRwmTWQFJjTmYWOU1L4tdck9GE17dnALGAS+kAR/u2AAAAAElFTkSuQmCC);background-position:0 -7px}.ms-sel-ctn .ms-sel-item .ms-close-btn:hover{background-position:0 0}.ms-stacked .ms-sel-item .ms-close-btn{margin-left:0}.ms-helper{color:#aaa;font-size:10px;position:absolute}.ms-ctn.input-lg .ms-trigger .ms-trigger-ico{margin-top:17px}.ms-ctn.input-sm .ms-trigger .ms-trigger-ico{margin-top:13px}.ms-ctn.input-lg .ms-sel-ctn .ms-sel-item{padding-top:2px;padding-bottom:3px}.ms-ctn.input-sm .ms-sel-ctn{line-height:15px}.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item{padding-top:1px;padding-bottom:1px;margin-top:0;margin-bottom:0}.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item .ms-close-btn{margin-top:4px}.ms-ctn .ms-sel-ctn{margin-left:-7px}.ms-ctn .ms-trigger:hover{width:24px;right:1px;border-radius:0 3px 3px 0}/* =====================================================================
   Chess Moon — Dark theme layer  (themes/sources/dark.css)
   ---------------------------------------------------------------------
   This file ONLY acts under `body.dark-mode` (set by includes/templates.php
   when the player preference `background = dark`).  Light mode is untouched.

   It is appended AFTER common.css in every page bundle (see _create.php),
   so `body.dark-mode <sel>` rules win over the plain component rules of
   common.css/Bootstrap.

   Design tokens: `--cm-*` are defined here with light defaults on :root and
   dark values on body.dark-mode.  Page-level inline <style> blocks that use
   var(--cm-*) automatically adapt to the theme without fighting specificity.
   ===================================================================== */

/* ---------------------------- Light defaults ---------------------------- */
/* --cm-* acik degerleri themes/sources/common.css icindeki :root'tadir;
   dark.css yalnizca body.dark-mode altinda koyu degerleri uygular. */

/* ----------------------------- Dark values ------------------------------ */
body.dark-mode {
  color-scheme: dark;
  --cm-bg: #20242b;
  --cm-surface: #2a2f37;
  --cm-surface-2: #333a44;
  --cm-surface-3: #3a414d;
  /* .btn-secondary dolgusu (acik modda cok acik gri): koyu modda "acik"
     karsiligi yuzeyden bir ton acik grilerdir. */
  --cm-btn-2-bg: #333a44;
  --cm-btn-2-bg-hover: #3a414d;
  --cm-btn-2-bg-active: #434b57;
  --cm-border: #3c434c;
  --cm-border-strong: #454d58;
  --cm-text: #dfe3e8;
  --cm-muted: #9aa3ad;
  --cm-muted-2: #a7afb9;
  --cm-clock-idle: #9aa3ad;
  --cm-link: #8ab4f8;
  --cm-primary: #4B80B4;
  --cm-primary-dark: #8ab4f8;
  --cm-primary-bg: #2c3a4b;
  --cm-footer-bg: #171a1f;
  --cm-footer-text: #c7ced6;
  --cm-success: #6faf6a;
  --cm-success-dark: #86d69a;
  --cm-danger: #e2604f;
  --cm-del-ico: #e0837a;
  --cm-del-ico-h: #f09a8c;
  --cm-warning-bg: #4a4020;
  --cm-board-bg: #2a2f37;
  --cm-border-soft: #3c434c;
  --cm-box-border: #3c434c;
  --cm-on-accent: #ffffff;
  --cm-accent-fill: #36557a;
  --cm-accent-fill-hover: #2c4668;
  --cm-header-bg: #36557a;
  --cm-header-border: #45658a;
  --cm-chat-head: #b26a1d;
  --cm-chat-blink: #125a74;
  --cm-zeitnot-bg: rgba(224, 60, 60, 0.24);
  --cm-onmove: #ff9d9d;
  --cm-brand-text: #9fc3ea;
  --cm-mark-grey: rgba(160, 167, 178, 0.18);
  --cm-mark-orange: rgba(255, 193, 7, 0.16);
  --cm-mark-red: rgba(220, 53, 69, 0.22);
  --cm-mark-red-soft: rgba(220, 53, 69, 0.18);
  --cm-mark-green: rgba(46, 160, 93, 0.18);
  --cm-mark-blue: rgba(75, 128, 180, 0.22);
  --cm-mark-grey-h: rgba(160, 167, 178, 0.3);
  --cm-mark-orange-h: rgba(255, 193, 7, 0.3);
  --cm-mark-red-h: rgba(220, 53, 69, 0.35);
  --cm-mark-green-h: rgba(46, 160, 93, 0.32);
  --cm-mark-blue-h: rgba(75, 128, 180, 0.34);
  --cm-mark-hover-text: #ffffff;
  --cm-alert-info-bg: #243140;
  --cm-alert-info-border: #36557a;
  --cm-alert-info-text: #cfe0f2;
  --cm-alert-warning-bg: rgba(255, 196, 60, 0.13);
  --cm-alert-warning-border: rgba(255, 196, 60, 0.33);
  --cm-alert-warning-text: #e9cd86;
  --cm-border-grey: #3c434c;
  --cm-chat-text: #dfe3e8;
  --cm-chat-info: #9aa3ad;
}

/* ============================ Global ============================ */
body.dark-mode {
  background-color: var(--cm-bg);
  color: var(--cm-text);
}
body.dark-mode a { color: var(--cm-link); }
body.dark-mode a:hover { color: #a9c9f5; }

body.dark-mode hr,
body.dark-mode .dropdown-divider { border-color: var(--cm-border); }

body.dark-mode footer {
  background: var(--cm-footer-bg);
  color: var(--cm-footer-text);
}

/* ============================ Surfaces ============================ */
body.dark-mode .card,
body.dark-mode .box,
body.dark-mode .card-body {
  background-color: var(--cm-surface);
  color: var(--cm-text);
  border-color: var(--cm-border);
}
body.dark-mode .card-header {
  border-bottom-color: var(--cm-border);
}

body.dark-mode .cfg-side-menu .card-header {
  background-color: #36557a;
  border-bottom-color: #4a6b92;
  color: #dfe7f1;
}
body.dark-mode .cfg-side-menu .card-header a { color: #dfe7f1 !important; }
body.dark-mode .cfg-side-menu .card-header .cfg-ico {
  background-color: rgba(255, 255, 255, 0.92);
  color: #36557a;
}

/* ============================ Bootstrap components ============================ */
/* Modal / dropdown / popover / tooltip */
body.dark-mode .modal-content,
body.dark-mode .dropdown-menu,
body.dark-mode .popover {
  background-color: var(--cm-surface);
  color: var(--cm-text);
  border-color: var(--cm-border);
}
body.dark-mode .modal-header,
body.dark-mode .modal-footer,
body.dark-mode .popover-header,
body.dark-mode .popover-body {
  border-color: var(--cm-border);
  color: var(--cm-text);
}
/* Popover basligi (zil/bildirim gibi): Bootstrap varsayilani #f0f0f0 acik
   zemindi; metni acik yaptigimiz icin okunmuyordu -> zemini de koyu yap. */
body.dark-mode .popover-header {
  background-color: var(--cm-surface-2);
}
body.dark-mode .modal-header { background-color: var(--cm-surface); }
body.dark-mode .dropdown-item { color: var(--cm-text); }
body.dark-mode .dropdown-item:hover,
body.dark-mode .dropdown-item:focus { background-color: var(--cm-surface-3); color: #fff; }
body.dark-mode .dropdown-item.active,
body.dark-mode .dropdown-item:active { background-color: var(--cm-primary); color: #fff; }
body.dark-mode .btn-close { filter: invert(1) grayscale(100%); }
body.dark-mode .tooltip-inner { background-color: #000; }

/* List group */
body.dark-mode .list-group-item {
  background-color: var(--cm-surface);
  color: var(--cm-text);
  border-color: var(--cm-border);
}
body.dark-mode .list-group-item:hover { background-color: var(--cm-surface-3); }
body.dark-mode .list-group-item.active {
  background-color: var(--cm-primary-bg);
  border-color: var(--cm-border);
  border-left-color: var(--cm-link);
  color: var(--cm-primary-dark);
}
body.dark-mode .list-group-item.active a { color: var(--cm-primary-dark); }

/* Tables */
body.dark-mode .table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--cm-text);
  --bs-table-striped-color: var(--cm-text);
  --bs-table-hover-color: var(--cm-text);
  color: var(--cm-text);
  border-color: var(--cm-border);
}
body.dark-mode .table thead th,
body.dark-mode .table th,
body.dark-mode .table td {
  border-color: var(--cm-border);
  background-color: transparent;
}
body.dark-mode .table-hover > tbody > tr:hover,
body.dark-mode .table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: rgba(255, 255, 255, 0.045);
  background-color: rgba(255, 255, 255, 0.045);
}
body.dark-mode .table-striped > tbody > tr:nth-of-type(odd),
body.dark-mode .table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: rgba(255, 255, 255, 0.035);
  --bs-table-color-type: var(--cm-text);
  background-color: rgba(255, 255, 255, 0.035);
  color: var(--cm-text);
}
body.dark-mode .table > :not(caption) > * > * {
  color: var(--bs-table-color-type, var(--cm-text));
}
body.dark-mode .table-light,
body.dark-mode .table-light > th,
body.dark-mode .table-light > td {
  background-color: var(--cm-surface-2);
  color: var(--cm-text);
}
body.dark-mode .table-secondary { --bs-table-bg: #333a44; --bs-table-color: var(--cm-text); }

/* Forms */
body.dark-mode .form-control,
body.dark-mode select.form-control,
body.dark-mode .form-select,
body.dark-mode textarea.form-control,
body.dark-mode .input-group-text {
  background-color: var(--cm-surface-2);
  color: var(--cm-text);
  border-color: var(--cm-border-strong);
}
body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
  background-color: var(--cm-surface-2);
  color: var(--cm-text);
}
body.dark-mode .form-control::placeholder { color: var(--cm-muted-2); }
body.dark-mode .form-check-input { background-color: var(--cm-surface-2); border-color: var(--cm-border-strong); }
body.dark-mode .form-check-input:checked { background-color: var(--cm-primary); border-color: var(--cm-primary); }
body.dark-mode select.form-control option,
body.dark-mode .form-select option { background-color: var(--cm-surface); color: var(--cm-text); }

/* Buttons that are light by default */
/* .btn-secondary dolgusu/kenarligi artik common.css'teki --cm-btn-2-bg /
   --cm-border-strong tokenlariyla tanimli (acik modda cok acik gri, koyu modda
   --cm-surface-2 karsiligi; degerler yukaridaki body.dark-mode blogunda). Burada
   yalnizca <a> uzerindeki yazi rengi korunur: `body.dark-mode a` / `a:hover`
   (0,2,1 / 0,2,2) etiketi mavi #8ab4f8/#a9c9f5 yapmasin (bkz. .btn-warning dersi). */
body.dark-mode .btn-secondary { color: var(--cm-text); }
body.dark-mode .btn-secondary:hover,
body.dark-mode .btn-secondary:focus,
body.dark-mode .btn-secondary:active { color: var(--cm-text); }
body.dark-mode .btn-secondary:disabled,
body.dark-mode .btn-secondary.disabled { color: var(--cm-muted); }

/* cfg-page icindeki .btn-secondary cfg kimligini korur: metin --cfg-primary-dark,
   hover birincil dolgu uzerinde beyaz. (0,3,1)/(0,4,1) ile yukaridaki genel
   body.dark-mode .btn-secondary (0,2,1)/(0,3,1) kurallarini asar. */
body.dark-mode .cfg-page .btn-secondary { color: var(--cfg-primary-dark); }
body.dark-mode .cfg-page .btn-secondary:hover,
body.dark-mode .cfg-page .btn-secondary:focus,
body.dark-mode .cfg-page .btn-secondary:active { color: #fff; }

body.dark-mode .btn-light {
  background-color: #454d58;
  border-color: #55606e;
  color: #e6e9ed;
}
body.dark-mode .btn-light:hover {
  background-color: #535e6c;
  border-color: #64707f;
  color: #fff;
}
/* btn-warning (marka sarisi) - body.dark-mode a link rengi (mavi #8ab4f8)
   .btn-warning yazisini eziyordu; okunur koyu metin garantile. */
body.dark-mode .btn-warning {
  color: #222;
}
body.dark-mode .btn-warning:hover,
body.dark-mode .btn-warning:focus,
body.dark-mode .btn-warning:active {
  color: #222;
}
body.dark-mode .btn-outline-secondary { color: #c2cad3; border-color: #55606e; }
body.dark-mode .btn-outline-secondary:hover { background-color: #454d58; color: #fff; }

/* Solid yesil/birincil dugmelerin koyu modda okunur kalmasini garantile */
body.dark-mode .btn-success {
  background-color: #3a7d46 !important;
  border-color: #3a7d46 !important;
  color: #fff !important;
}
body.dark-mode .btn-success:hover,
body.dark-mode .btn-success:focus {
  background-color: #2f6b3a !important;
  border-color: #2f6b3a !important;
  color: #fff !important;
}
body.dark-mode .btn-primary,
body.dark-mode .btn-danger {
  color: #fff !important;
}
body.dark-mode .btn-primary:hover,
body.dark-mode .btn-danger:hover {
  color: #fff !important;
}

/* Close / text helper colours */
body.dark-mode .text-dark { color: var(--cm-text) !important; }
body.dark-mode .text-body { color: var(--cm-text) !important; }
body.dark-mode .bg-white,
body.dark-mode .bg-light { background-color: var(--cm-surface-2) !important; }
body.dark-mode .bg-dark { background-color: #14171c !important; }
body.dark-mode .text-black-50 { color: var(--cm-muted) !important; }

/* ============================ common.css components ============================ */
/* Generic "box" white panel & walls */
body.dark-mode .box,
body.dark-mode #wall > li {
  background-color: var(--cm-surface);
  border-color: var(--cm-border);
  color: var(--cm-text);
}
body.dark-mode .brd { border-bottom-color: var(--cm-border); }

/* Comment areas */
body.dark-mode .c_area_commentary,
body.dark-mode #comment_text {
  background-color: var(--cm-surface-2);
  border-bottom-color: var(--cm-border);
  color: var(--cm-muted);
}
body.dark-mode .commentary_text {
  background-color: var(--cm-surface);
  color: var(--cm-text);
}
body.dark-mode .c_main,
body.dark-mode .comments { color: var(--cm-muted); }

/* Pagination (.page) */
body.dark-mode .page a {
  color: var(--cm-link);
  background: var(--cm-surface);
  border-color: var(--cm-border);
}
body.dark-mode .page a:hover {
  background: var(--cm-primary);
  border-color: var(--cm-primary);
  color: #fff;
}
body.dark-mode .page span.emphasis {
  background: var(--cm-primary);
  border-color: var(--cm-primary);
  color: #fff;
}

/* Chat popups — zemin/kenarlik/metin artik --cm-* token'larindan geliyor. */
body.dark-mode .chatboxtextareaselected { border-color: #d98a2b; }

/* Sticky notes */
body.dark-mode .sticky-queue {
  background: var(--cm-surface);
  border-color: var(--cm-border-strong);
  color: var(--cm-text);
}
body.dark-mode .sticky { color: var(--cm-text); }
body.dark-mode .border-top-right, body.dark-mode .border-bottom-right,
body.dark-mode .border-top-left, body.dark-mode .border-bottom-left,
body.dark-mode .border-top-center, body.dark-mode .border-bottom-center {
  border-color: var(--cm-border);
}

/* Row "mark" zeminleri artik --cm-mark-* token'larindan geliyor (common.css).
   Asagida yalnizca mark a.btn sinir/metin ezmeleri kalir. */
body.dark-mode .markgrey a.btn,
body.dark-mode .markorange a.btn,
body.dark-mode .markred a.btn,
body.dark-mode .markgreen a.btn,
body.dark-mode .markblue a.btn {
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: var(--cm-text) !important;
}
body.dark-mode .markred a.btn { border-color: rgba(230, 90, 110, 0.55) !important; }

/* Selectors (#sel, #game_type_sel, time controls) */
body.dark-mode #game_type_sel label > span,
body.dark-mode #game_type_sel2 label > span {
  background-color: var(--cm-surface);
  border-color: var(--cm-border);
  color: var(--cm-text);
}
body.dark-mode #sel label > input:checked + span,
body.dark-mode #total_time_limit_sel label > input:checked + span,
body.dark-mode #game_type_sel label > input:checked + span,
body.dark-mode #game_type_sel2 label > input:checked + span {
  background-color: #38455c;
  color: var(--cm-text);
}
/* Koyu modda da hover gorunur olsun (common.css'teki hover kuralindan daha
   ozgul: burada .dark-mode + :hover var; secili pill'i yine ezmez). */
body.dark-mode #game_type_sel label:hover > span,
body.dark-mode #game_type_sel2 label:hover > span {
  background-color: var(--cm-accent-fill);
  border-color: var(--cm-accent-fill);
  color: #fff;
}

/* Invitation card */
body.dark-mode .invite-card {
  background-color: var(--cm-surface);
  border-color: var(--cm-border);
  color: var(--cm-text);
}
body.dark-mode .invite-avatar { background-color: var(--cm-surface-2); color: var(--cm-muted); }
body.dark-mode .invite-badge { background-color: var(--cm-warning-bg); color: var(--cm-text); }
body.dark-mode .invite-info-item { color: var(--cm-muted); }
body.dark-mode .invite-info-item b { color: var(--cm-text); }
body.dark-mode .invite-card-section,
body.dark-mode .game-actions-row { border-top-color: var(--cm-border); }

/* Game / board area */
body.dark-mode .game-panel { color: var(--cm-text); }
body.dark-mode .clock-panel .clock-time { color: var(--cm-text); }
body.dark-mode .clock-panel:has(.clock-time.onmove) {
  box-shadow: inset 0 0 0 2px #3b82f6;
  background: #1e2b3f;
}

/* Son 20 saniye: alarm rengi koyu temada biraz daha parlak kirmizi (koyu
   zeminde #c1121f boguluyordu); metin beyaz kalir. */
body.dark-mode .clocks-container .clock-panel.zeitnot-alarm,
body.dark-mode #mobile_clock_row .mcr-time.zeitnot-alarm {
  background: #d32f2f;
  box-shadow: inset 0 0 0 2px #ff8a80;
}
body.dark-mode .clocks-container .clock-panel.zeitnot-alarm .clock-time,
body.dark-mode .clocks-container .clock-panel.zeitnot-alarm .clock-frac,
body.dark-mode #mobile_clock_row .mcr-time.zeitnot-alarm span {
  color: #fff;
}

/* Notation (hamle listesi): hamle numaralari duz metin olup kaynak
   #notation_html{color:#253989} koyu lacivert idi. Artik base kural --cm-muted
   tokeni kullandigi icin numaralar her temada adaptif muted; hamleler link rengi. */
body.dark-mode #notation_html a.gameMove { color: var(--cm-link); }

/* Mini tahta oynatma dugmeleri (#board-buttons) koyu gorunum */
body.dark-mode #board-buttons button {
  color: #dfe3e8;
  background-color: #2a2f37;
  border-color: #454d58;
}
body.dark-mode #board-buttons button:hover,
body.dark-mode #board-buttons button:focus {
  background-color: #333a44;
}


/* Board containers with inline white background are overridden here. */
body.dark-mode #board,
body.dark-mode #boardmaincontainer {
  background-color: #2a2f37 !important;
}

/* Promotion picker (#promotion): koyu temada #boardmaincontainer (#2a2f37)
   ile ayni tona dusmesin diye bir ton acik yuzey + belirgin kenarlik/golge.
   Hover vurgusu da tema ile uyumlu acik bir zemin alir. */
body.dark-mode #promotion {
  background: #333a44;
  border-color: #4a5462;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45);
}
body.dark-mode #promotion a:hover,
body.dark-mode #promotion a:focus-visible {
  background: #3e4855;
  box-shadow: inset 0 0 0 1.5px #56647a;
}

/* Board coordinate gutter labels on the dark board background */
body.dark-mode .cm-coord {
  color: #aab3bf;
  text-shadow: none;
}

/* Game info / H2H / PGN */
body.dark-mode .game-info-vs { background: var(--cm-surface-2); color: var(--cm-muted); }
body.dark-mode .game-info-list { border-color: var(--cm-border); }
body.dark-mode .game-info-list li { border-bottom-color: var(--cm-border); }
body.dark-mode .game-info-list li:nth-child(odd) { background: rgba(255, 255, 255, 0.03); }
body.dark-mode .game-info-icon { background: var(--cm-surface-2); color: #9cc0e8; }
body.dark-mode .guest-match-subtitle { color: var(--cm-muted); }
body.dark-mode .h2h-panel {
  background: rgba(255, 255, 255, 0.03);
  border-color: var(--cm-border);
}
body.dark-mode .h2h-row + .h2h-row { border-top-color: var(--cm-border); }
body.dark-mode .pgn-text {
  background: #1b1f26;
  border-color: var(--cm-border);
  color: var(--cm-text);
}

/* Game result card */
body.dark-mode #game_result:has(.game-result-message) {
  border-color: var(--cm-border);
  background: linear-gradient(180deg, #262c35 0%, #22272f 100%) !important;
  color: var(--cm-text);
}
body.dark-mode #game_result .game-result-outcome { color: #eef1f5; }
body.dark-mode #game_result .game-result-reason {
  background: rgba(150, 170, 210, 0.16);
  color: #b7c4d8;
}
body.dark-mode #game_result .game-result-rating { border-top-color: var(--cm-border); }
body.dark-mode #game_result .game-result-rating-neutral { color: #a7afb9; }
body.dark-mode #game_result .game-result-rating-up { color: #6fd18f; }
body.dark-mode #game_result .game-result-rating-down { color: #ff8f7a; }
body.dark-mode #game_result .game-result-rated-on {
  background: rgba(255, 196, 60, 0.15);
  color: #e9cd86;
}
body.dark-mode #game_result .game-result-rated-off {
  background: rgba(150, 170, 210, 0.16);
  color: #b7c4d8;
}

/* Resign / draw buttons */
body.dark-mode .resign-confirm {
  border-color: #6a3f43;
  background: #30282a;
  color: var(--cm-text);
}
body.dark-mode .resign-confirm:hover { background: #3a2b2e; }
body.dark-mode .btn-resign {
  background: #332629;
  color: #ff9d90;
  border-color: #7a4650;
}
body.dark-mode .btn-resign:hover,
body.dark-mode .btn-resign:focus { background: #452e33; color: #ffb3a9; border-color: #a5525e; }
body.dark-mode .btn-draw {
  background: #333a44;
  color: #d4d9e0;
  border-color: #454d58;
}
body.dark-mode .btn-draw:hover,
body.dark-mode .btn-draw:focus { background: #3d4550; color: #fff; border-color: #56606c; }

/* Board toolbar */
body.dark-mode .board-toolbar .board-tool-btn { color: #c6cdd6; }
body.dark-mode .board-toolbar .board-tool-btn:hover,
body.dark-mode .board-toolbar .board-tool-btn:focus {
  background: var(--cm-surface-2);
  color: #fff;
}

/* Waiting-for-opponent banner */
body.dark-mode #online_info_box:has(#waited_time:not(.hidden)),
body.dark-mode #online_info_box:has(#sides_online_info:not(.d-none)) {
  border-color: #6a3f43;
  background: linear-gradient(180deg, #3a2525 0%, #322020 100%);
}
body.dark-mode #online_info_box #sides_online_info { color: #eec2bc; }

/* Tournament / misc */
body.dark-mode .tourn-info-desc,
body.dark-mode .tourn-info-founder,
body.dark-mode .tourn-info-actions {
  border-color: var(--cm-border);
  color: var(--cm-muted);
}
body.dark-mode .tournament-desc { color: var(--cm-muted); }
body.dark-mode .tournament-start-date { color: var(--cm-muted); }

/* ============================ cfg-page (custom settings UI) ============================ */
/* configure.php / mainmenu.php cfg panels: their inline <style> uses --cfg-*
   variables (set here dark) plus a few hard-coded light fills.  The hard-coded
   fills are neutralised below by re-declaring them with higher specificity
   (these selectors are also written in the page inline style, so we need the
   extra `body.dark-mode` prefix AND the same descendant path — see note). */
body.dark-mode .cfg-page {
  --cfg-text: #e8eaed;
  --cfg-muted: #a7afb9;
  --cfg-border: #3c434c;
  --cfg-bg: #20242b;
  --cfg-card: #2a2f37;
  --cfg-primary: #4c7eaf;
  --cfg-primary-dark: #8ab4f8;
  --cfg-primary-light: #74a0cf;
  --cfg-header-bg: #303b48;
  --cfg-header-border: #3e4c5e;
  --cfg-header-text: #cdddf2;
  --cfg-sidemenu-header-bg: #34445a;
  --cfg-sidemenu-header-border: #45607f;
}
body.dark-mode .cfg-page .card-header {
  background: #303b48;
  border-bottom-color: #3e4c5e;
  color: #cdddf2;
}
body.dark-mode .cfg-page .card-header .cfg-ico,
body.dark-mode .cfg-page .cfg-side-menu .card-header .cfg-ico {
  background: rgba(255, 255, 255, 0.9);
  color: #4c7eaf;
}
/* Uyari banner'i ikon cipi (.cm-alert-icon, common.css): card-header .cfg-ico
   standardinin koyu mod karsiligi - cip acik kalir, ikon marka mavisi olur. */
body.dark-mode .cm-alert-icon > .cm-alert-ico {
  background: rgba(255, 255, 255, 0.9);
  color: #4c7eaf;
}
body.dark-mode .cfg-page .cfg-side-menu .card-header {
  background: #34445a;
  color: #d7e6f8;
  border-bottom-color: #45607f;
}
body.dark-mode .cfg-page .form-check-inline {
  background: var(--cfg-bg);
  border-color: var(--cfg-border);
}
body.dark-mode .cfg-page .cfg-toggle { background: #1b1f26; }
body.dark-mode .cfg-page .cfg-dropzone { background: #20242b; }
body.dark-mode .cfg-page .cfg-dropzone:hover { background: #262c35; }
body.dark-mode .cfg-page .cfg-dropzone input[type="file"] {
  background: #333a44;
  border-color: var(--cfg-border);
  color: var(--cfg-text);
}
body.dark-mode .cfg-page .badge-soft { background: #303b48; color: #c3d7ef; }
body.dark-mode .cfg-page label.col-form-label { color: #c7cfd9; }
body.dark-mode .cfg-page .form-text { color: var(--cfg-muted); }
body.dark-mode .cfg-page #notationtab .nav-link.active {
  background: #3a4554;
  color: #cdddf2;
}
body.dark-mode .cfg-page .list-group-item:hover,
body.dark-mode .cfg-page #notationtab .list-group-item:hover { background: #333a44; }
body.dark-mode .cfg-page .cfg-stat {
  background: #333a44;
  border-color: var(--cfg-border);
  box-shadow: none;
}

/* ============================ Scrollbars ============================ */
body.dark-mode *::-webkit-scrollbar-track { background: #1c2027; }
body.dark-mode *::-webkit-scrollbar-thumb { background: #454d58; }
body.dark-mode *::-webkit-scrollbar-thumb:hover { background: #56606c; }

/* ============================ Alerts ============================ */
body.dark-mode .alert-danger {
  background-color: rgba(220, 53, 69, 0.16);
  border-color: rgba(220, 53, 69, 0.35);
  color: #ffb3ac;
}
body.dark-mode .alert-success {
  background-color: rgba(46, 160, 93, 0.15);
  border-color: rgba(46, 160, 93, 0.32);
  color: #8fd8a9;
}
body.dark-mode .alert-secondary,
body.dark-mode .alert-light {
  background-color: #333a44;
  border-color: #454d58;
  color: #dfe3e8;
}
body.dark-mode .alert { border-radius: 6px; }

/* ============================ MagicSuggest (player search) ============================ */
body.dark-mode .ms-ctn {
  background: #333a44;
  border-color: #454d58;
  color: var(--cm-text);
}
body.dark-mode .ms-ctn-focus,
body.dark-mode .ms-ctn.ms-ctn-focus {
  border-color: #4c7eaf;
  box-shadow: 0 0 0 0.2rem rgba(76, 126, 175, 0.15);
}
body.dark-mode .ms-ctn .ms-sel-ctn .ms-sel-item {
  background: #3a4554;
  border: 1px solid #4a5a6e;
  color: #cdddf2;
}
body.dark-mode .ms-ctn .ms-sel-ctn .ms-sel-text,
body.dark-mode .ms-ctn .ms-txt {
  color: var(--cm-text);
}
body.dark-mode .ms-res-ctn {
  background: var(--cm-surface);
  border-color: var(--cm-border-strong);
}
body.dark-mode .ms-res-ctn .ms-res-item {
  color: var(--cm-text);
}
body.dark-mode .ms-res-ctn .ms-res-item:hover,
body.dark-mode .ms-res-ctn .ms-res-item:focus,
body.dark-mode .ms-res-ctn .ms-res-item.active {
  background: #36557a;
  color: #fff;
}
body.dark-mode .ms-res-ctn .ms-res-item em { color: #9fc3ea; }
body.dark-mode .ms-ctn .ms-trigger { border-left-color: #454d58; }

/* ============================ Text / misc ============================ */
body.dark-mode .lesson-description,
body.dark-mode .editor { color: var(--cm-muted-2); }
body.dark-mode .c_area_commentary { color: var(--cm-text); }

/* ============================ Pikaday (date picker) ============================ */
body.dark-mode .pika-single {
  background: var(--cm-surface);
  border-color: var(--cm-border);
  color: var(--cm-text);
}
body.dark-mode .pika-lendar,
body.dark-mode .pika-title { background: var(--cm-surface); }
body.dark-mode .pika-table th,
body.dark-mode .pika-label { color: var(--cm-muted); }
body.dark-mode .pika-button {
  background: transparent;
  color: var(--cm-text);
}
body.dark-mode .pika-day:hover .pika-button,
body.dark-mode .pika-day.pika-prev:hover .pika-button,
body.dark-mode .pika-day.pika-next:hover .pika-button {
  background: #36557a;
  color: #fff;
}
body.dark-mode .pika-day.pika-selected .pika-button {
  background: var(--cm-primary);
  color: #fff;
}
body.dark-mode .pika-day.is-today .pika-button { color: #8ab4f8; }
body.dark-mode .pika-day.pika-disabled .pika-button,
body.dark-mode .pika-day.pika-disabled.is-today .pika-button { color: var(--cm-muted); opacity: 0.5; }

/* ============================ Kalan koyu metin onlemleri (dark) ============================ */
/* MagicSuggest sonuc grubu basligi (kaynak #333) koyu panelde acilmali */
body.dark-mode .ms-res-ctn .ms-res-group { color: var(--cm-muted); }
/* H2H skorlari: koyu zemin uzerine acik yesil/kirmizi */
body.dark-mode .h2h-score-you { color: #6fd18f; }
body.dark-mode .h2h-score-them { color: #ff8f7a; }
/* game_result rematch onay notu (yesil) koyu zemin uzerine okunur */
body.dark-mode #game_result #rematch_status .game-result-note {
  color: #6fd18f;
  border-color: rgba(111, 209, 143, 0.35);
  background-color: rgba(30, 125, 79, 0.18);
}
/* Istatistik tablosu sayac etiketleri */
body.dark-mode .chartlist .count { color: var(--cm-text); }

/* ============================ Chartist grafikleri (stats_user #userchart vb.) ============================ */
/* Eksen etiketleri varsayilan rgba(0,0,0,.4) koyu zeminde siyah gorunuyordu */
body.dark-mode .ct-label {
  fill: rgba(223, 227, 232, 0.75);
  color: rgba(223, 227, 232, 0.75);
}
body.dark-mode .ct-grid,
body.dark-mode .ct-grid-background {
  stroke: rgba(255, 255, 255, 0.12);
}
body.dark-mode .ct-horizontal,
body.dark-mode .ct-vertical {
  stroke: rgba(255, 255, 255, 0.05);
}
/* Lejant metni + swatch'lar koyu zeminde okunur */
body.dark-mode .ct-legend { color: var(--cm-text); }
body.dark-mode .ct-series-0 { color: #ff8f8a; }
body.dark-mode .ct-series-0:before { background-color: #ff6b66; }
body.dark-mode .ct-series-1 { color: #9db3f0; }
body.dark-mode .ct-series-1:before { background-color: #7f9be8; }
/* ==================== | SOCIAL ICON | ====================  */
.social li {
    display: inline;
    float: left;
    background-repeat: no-repeat;
}

.social li a {
    display: block;
    width: 48px;
    height: 48px;
    padding-right: 10px;
    position: relative;
    text-decoration: none;
}

.social li a strong {
    font-weight: 400;
    position: absolute;
    left: 20px;
    top: -1px;
    color: #fff;
    z-index: 9;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
    background-color: rgba(0, 0, 0, 0.7);
    -moz-border-radius: 3px;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    padding: 3px;
}

li.delicious {
    background-image: url(../images/social/delicious.png);
}

li.digg {
    background-image: url(../images/social/digg.png);
}

li.facebook {
    background-image: url(../images/social/facebook.png);
}

li.flickr {
    background-image: url(../images/social/flickr.png);
}

li.reddit {
    background-image: url(../images/social/reddit.png);
}

li.rss {
    background-image: url(../images/social/rss.png);
}

li.twitter {
    background-image: url(../images/social/twitter.png);
}

#css3:hover li {
    opacity: 0.2;
}

#css3 li {
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 500ms;
    -moz-transition-property: opacity;
    -moz-transition-duration: 500ms;
}

#css3 li a strong {
    opacity: 0;
    -webkit-transition-property: opacity, top;
    -webkit-transition-duration: 300ms;
    -moz-transition-property: opacity, top;
    -moz-transition-duration: 300ms;
}

#css3 li:hover {
    opacity: 1;
}

#css3 li:hover a strong {
    opacity: 1;
    top: -10px;
}

.social-likes, .social-likes__widget {
    vertical-align: middle;
    line-height: 20px;
    text-indent: 0;
    border: 0;
    word-spacing: 0;
    font-size: 14px;
    zoom: 1;
    display: inline;
    padding: 0;
}

.social-likes {
    line-height: 26px;
    list-style: none;
    margin: -3px;
}

.social-likes li {
    zoom: 1;
    display: inline;
}

.social-likes_vertical li {
    display: block;
}

.social-likes__widget {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    margin: 3px;
}

.social-likes__button, .social-likes__counter, .social-likes__balloon, .social-likes__balloon__code {
    font-family: "Trebuchet MS", "Helvetica Neue", Tahoma, sans-serif;
    font-size: 14px;
    text-rendering: optimizeLegibility;
}

.social-likes__button, .social-likes__counter {
    display: inline;
    float: left;
    line-height: 18px;
    border-radius: 3px;
    outline: 0;
    border-style: solid;
    border-width: 1px;
    margin: 0;
}

.social-likes__button {
    position: relative;
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    -webkit-transition: border .1s ease-in-out, color .2s ease-in-out;
    -moz-transition: border .1s ease-in-out, color .2s ease-in-out;
    -ms-transition: border .1s ease-in-out, color .2s ease-in-out;
    -o-transition: border .1s ease-in-out, color .2s ease-in-out;
    transition: border .1s ease-in-out, color .2s ease-in-out;
    cursor: pointer;
    user-select: none;
    padding: 1px 4px 1px 20px;
}

.social-likes__button:before {
    content: "";
    display: inline-block;
}

.social-likes__icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

.social-likes__counter {
    position: relative;
    margin-left: 7px;
    font-weight: 400;
    color: rgba(0, 0, 0, .5);
    cursor: default;
    padding: 1px 4px;
}

.social-likes__counter:before, .social-likes__counter:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
}

.social-likes__counter:before {
    top: 4px;
    left: -6px;
    border: 6px inset transparent;
    border-left: 0;
    border-right: 6px solid;
    border-right-color: inherit;
    opacity: .7;
}

.social-likes__counter:after {
    top: 5px;
    left: -4px;
    border: 5px inset transparent;
    border-left: 0;
    border-right: 5px solid;
}

.social-likes__close {
    position: absolute;
    right: 0;
    top: 0;
    font: 16px Verdana, Geneva, Tahoma, sans-serif;
    color: #999;
    cursor: pointer;
    padding: 2px 4px;
}

.social-likes__close:hover {
    color: #111;
}

.social-likes_vertical {
    margin: -6px -4px;
}

.social-likes_vertical .social-likes__widget {
    display: block;
    margin: 6px 4px;
}

.social-likes_notext .social-likes__widget {
    margin: 3px 2px;
}

.social-likes_notext .social-likes__button {
    padding-left: 0;
    width: 16px;
}

.social-likes_single-w {
    position: relative;
    display: inline-block;
}

.social-likes_single {
    position: absolute;
    display: none;
    top: -6px;
    left: -6px;
    background: #fff;
    text-align: left;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
    box-shadow: 0 0 15px rgba(0, 0, 0, .3);
    z-index: 9;
    padding: 6px 6px 4px;
}

.social-likes_single .social-likes__widget:first-of-type {
    margin-right: 14px;
}

.social-likes__button_single {
    position: relative;
    padding-left: 19px;
    background: linear-gradient(top, #f7f7f7, #e2e2e2);
    color: #444;
    border-color: rgba(179, 179, 179, .8) rgba(179, 179, 179, .8) rgba(153, 153, 153, .8);
}

.social-likes__button_single:hover {
    background: linear-gradient(top, #f0f0f0, #cfcfcf);
    color: #222;
    border-color: #bbb #bbb #9f9f9f;
}

.social-likes__icon_single {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAplJREFUeNpMkl9IU2EYxp/zt50NxU3bnNYMLEANVQoCvYmJgQyI8Mbwxju9KlSEVClE8G4iiOq1oBhDoRQIQiTGCEMYkoyIMmyItrbh3Dk7/8/X2QmiB96bD37v9z4PD0UIoaPb0ZcZPfPUgBGgQFm6pUM3dZTFMRw4mgMBoVmwvwN84PXok9FXTJpLj2nXtTGNaDc0SnMRlgjeCq/gq/QJ/iq/IFmSkFNzAhi4LMryFeni3e232xzrueXpk1TJZ4NgORZ9bX3ovt2N/7X3bQ+7qV2IsghapX3CTSHCXqqXzSZrguIoTIen0VjdiLPCGRI/Ew7UFepyFqUyKcRP4nBTbqia2sSWtBLJy3lMPJpwoJ0vO1j8uAhJkxxw42gDbbVtSP1KOV5VQwXRCWFDvpC1GllFjacGWSmL+fg86irrsBBZAAFBNB5F4jQBN+dGUSvCTg6cwRGaoRlShsraP9lHRspg+MEwmv3NaPG3YPDeIEpGCV7Bi6ZAkzM8y4M9PD2keld7QfEU7NTg5t0oyIV/wRSVIi6uLjATnkHPnR7nberNlMUqhgJFVkBbNOzvHQ9zH+aQlbMghGD5YBm1FbUIN4ZhmAZixzGkc2mwpmkSjuJgEQsMGEw+nMRacg3j78ad7eWTlyJLsC1hPbmOka0RBPmgAwIGIOoiBu4PoL+135nkeRIUKLQH250Fm0ebmH0/i4aqBliKZYOG+R0mfAIrYCu5BVmVMdQ5hI5ghwOkC2msJFYQ+xyDh/aAmASmbv6gQo9Dz6o7q1/YcJAwBHYhnH7WuP8mnS1lnd56r3kBgrLO85/yC0zr89aD3HFOp3k6QAzCuIjrijEZsSSVRKWkiLzFiy7LJVqaJZuK+VU+k1fqO+ujfwQYAFtLOreC/KO5AAAAAElFTkSuQmCC);
    background-position: 2px 3px;
}

.social-likes__counter_single {
    background: #f6f6f6;
    border-color: #ddd;
}

.social-likes__counter_single:after {
    border-right-color: #f6f6f6;
}

.social-likes__button_facebook {
    padding-left: 19px;
    background: linear-gradient(top, #fff, #d8def4);
    color: #3b5998;
    border-color: rgba(202, 212, 231, .8) rgba(202, 212, 231, .8) rgba(189, 194, 203, .8);
}

.social-likes__button_facebook:hover {
    background: linear-gradient(top, #f2f3f7, #c0cdf3);
    color: #253860;
    border-color: #b4bfd4 #b4bfd4 #b3b7bf;
}

.social-likes__icon_facebook {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAFVBMVEVheaw7WZhgeKvr7vT///9FYp5thLQcmmHvAAAAN0lEQVR42oXPAQYAMAxD0W5Jd/8jrzUmwuyjPAKNGFJLu5wghSVl40VWMgZIwMZf5jqRddJoL2yDCwGTID+dDQAAAABJRU5ErkJggg==);
    background-position: 3px 3px;
}

.social-likes__counter_facebook {
    background: #f2f3f7;
    border-color: #cad4e7;
}

.social-likes__counter_facebook:after {
    border-right-color: #f2f3f7;
}

.social-likes__button_twitter {
    padding-left: 19px;
    background: linear-gradient(top, #fff, #d5e6ef);
    color: #186487;
    border-color: rgba(164, 204, 229, .8) rgba(164, 204, 229, .8) rgba(158, 186, 204, .8);
}

.social-likes__button_twitter:hover {
    background: linear-gradient(top, #f2f8fc, #bfdfed);
    color: #0b3752;
    border-color: #9cbbcf #9cbbcf #68a0c4;
}

.social-likes__icon_twitter {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAMAAAB4W0xQAAAA3lBMVEX///////8AgJ8AgK/////m9fr///8Afa8GgrEAfq8Afa0AgrQAfa2MyuJ7yOUBiL0AhLUAhroCg7YRiLUmncub1+8AgLUWnc////+03u8MqeYChbgmreBpx+oMreuAy+mHzOcksecmseX///////+54/NBvesmtOsKmdAAgLAAib1Pwe0amMjA5fJtxehtyextzO+N1fLW8PkAq+0Ao+EAq+wAod8AkckAjMIApeUApuYAmNIAm9cApOMAqOgAouAAqusAntoAnNgAod4Alc4AjsQAp+cApeQArO4AqenIkFDnAAAAM3RSTlMADBAQd6EkYLOAcJ9garnwn7/hZ+DLMNE8pPvR89n7wYjx80gwruvz+Z/v55/B39/f18d/Bxu1AAAAnElEQVR4XmJgYGIAAWYuTh4GJiYmBjZ2EFfCWk9HUECQiYHHkJuZQUzzvcA/Q7FfzAwscnJvOCW5f3B/4bn3lYWB8wej0S9GZlEG0a/MvxgYJKWMTe3sTD08jGUAY2BgZGATZ9RiAAHGaw+B1vxiZn4L4r2+yQK2lYXl41sg78vju0A2sxqj1G9Ghrc/7v0BaWBk1mQEgUt//wO5AI4OI9PXb/eeAAAAAElFTkSuQmCC);
    background-position: 3px 5px;
}

.social-likes__counter_twitter {
    background: #f2f8fc;
    border-color: #a4cce5;
}

.social-likes__counter_twitter:after {
    border-right-color: #f2f8fc;
}

.social-likes__button_plusone {
    padding-left: 12px;
    background: linear-gradient(top, #f5f5f5, #e4e4e4);
    color: #da573b;
    border-color: rgba(204, 204, 204, .8) rgba(204, 204, 204, .8) rgba(179, 179, 179, .8);
}

.social-likes__button_plusone:hover {
    background: linear-gradient(top, #f9f9f9, #f0f0f0);
    color: #cd4427;
    border-color: #ddd #ddd #ccc;
}

.social-likes__icon_plusone {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAMAAADqIa48AAAA1VBMVEX////w8PDaVzv6+vr29vbijXveaU/s5uXcalHmqp3p5eTfeGLnoJH77erw6ujcYUX39PTlinfhiHXfbVPxysLaWT3u6urbWz/t6enx6efggm78/PzutKfdZUvecVjq4d/kraHcYUb02NLjgWvcZ03gkH7fiXbcYkf33df4+Pj44dzxxLrebVXmu7Lw8PDgdFzgfGbo4+LssqXccVnl1tPcmozdemTcdFznlILaWTzcaE/kzsrik4L48fDsq53219Hhd2DdclvaVzr57Orj09Dqp5jl2daL4EW+AAAAAnRSTlMA+MX1txYAAACPSURBVHheDMC3DYAwAETRz4FFzkFEuaBmB8T+U7in8AbwyNIu189UJEW47TrKEOoGaLUCPcCgcULRDBheD88FxLpBeAuLdRCc1n1jBIIbDAyMmkBa7M8hBjDQ03cyMGSAACMnJ2MTBgZGU0bGc8aMnD8YjzKxs5/5f4btCAcbAwMjAxAwOLM5uTBAgauTGwBNlBSKiV4UqwAAAABJRU5ErkJggg==);
    background-position: 0 6px;
}

.social-likes__counter_plusone {
    background: #f9f9f9;
    border-color: #d2d2d2;
}

.social-likes__counter_plusone:after {
    border-right-color: #f9f9f9;
}@charset "UTF-8";
/* =====================================================================
   Chess Moon - "Help" (Yardim) sayfasina ozel stiller.
   Yalnizca i.php?todo=help sayfasinda yuklenir (i.php icinden eklenir).
   Acik / koyu mod uyumu icin .cfg-page icinde tanimli --cfg-* token'larini
   kullanir (templates.php getCfgPageStyle + dark mode). Diger sayfalari
   etkilememek icin tum kurallar .cfg-page icinde .hlp-* altinda kapsamlanir.
   ===================================================================== */

.cfg-page .hlp-wrap {
    max-width: 1120px;
    margin: 0 auto;
    padding: 0.2rem 0 0.5rem;
}

/* ---- Sayfa ici icerik navigasyonu (ust menudeki baglantilar) ----
   Sayfa ~16.000 px yuksek oldugu icin menuye HER ZAMAN donulebilmeli:
   navigasyon yapiskan (sticky) ve altinda ince bir ayrac var. Ust menu
   `fixed-top` DEGIL (bkz. templates.php navbar), bu yuzden top:0 yeterlidir.
   .hlp-section zaten scroll-margin-top:5.5rem tasiyor -> hedefler menunun
   altina dusmez. */
.cfg-page .hlp-toc {
    gap: 0.5rem;
    position: sticky;
    top: 0;
    z-index: 5;
    flex-wrap: wrap;
    align-items: center;
    /* cfg token'lari sayfaya ozel (getCfgPageStyle) - yardim sayfasi disinda
       ya da onizleme ortaminda tanimsiz olabilir, bu yuzden literal yedek. */
    background: var(--cfg-bg, #f6f8fb);
    padding: .6rem .2rem;
    margin: 0 -.2rem 1rem;
    border-bottom: 1px solid var(--cfg-border, #e5e8ec);
}
.cfg-page .hlp-toc a { font-size: .9rem; white-space: nowrap; }
/* Konu atlama menusu: 4 bolum + 14 kilavuz tek kontrolde. Inline onchange
   kullanir (yardim sayfasinin kendi JS paketi yok, bosuna bir bundle
   eklemeyelim). */
.cfg-page .hlp-jump {
    flex: 1 1 240px;
    min-width: 0;
    max-width: 100%;
    padding: .35rem .6rem;
    font-size: .9rem;
    border: 1px solid var(--cfg-border, #e5e8ec);
    border-radius: var(--cm-r-ctl, 6px);
    background: var(--cfg-card, #ffffff);
}

/* ---- Bolumler ---- */
.cfg-page .hlp-section { margin: 0 0 1.6rem; scroll-margin-top: 5.5rem; }
.cfg-page .hlp-panel {
    background: var(--cfg-card);
    border: 1px solid var(--cfg-border);
    border-radius: 16px;
    padding: 1.9rem 2rem;
    box-shadow: 0 2px 12px rgba(20, 30, 60, 0.05);
}
.cfg-page .hlp-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--cfg-primary);
    font-weight: 800;
    font-size: .8rem;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    margin-bottom: 0.6rem;
}
.cfg-page .hlp-section-title {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--cfg-text);
    margin: 0 0 0.5rem;
    line-height: 1.25;
}
.cfg-page .hlp-section-sub { color: var(--cfg-muted); font-size: .95rem; margin: 0 0 1.5rem; }
.cfg-page .hlp-sechead { text-align: center; }
.cfg-page .hlp-sechead .hlp-section-title { font-size: 1.7rem; }
.cfg-page .hlp-sechead .hlp-section-sub { max-width: 660px; margin-left: auto; margin-right: auto; }

/* ---- Ozellik kartlari ---- */
.cfg-page .hlp-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.1rem; }
.cfg-page .hlp-feature-card {
    background: var(--cfg-bg);
    border: 1px solid var(--cfg-border);
    border-radius: 12px;
    padding: 1.7rem 1.4rem;
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.cfg-page .hlp-feature-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(20, 30, 60, 0.14);
    border-color: var(--cfg-primary);
}
.cfg-page .hlp-feature-icon {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: rgba(76, 126, 175, 0.14);
    color: var(--cfg-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin: 0 auto 1rem;
}
.cfg-page .hlp-feature-card h3 { font-size: 1.1rem; font-weight: 800; color: var(--cfg-text); margin: 0 0 0.5rem; }
.cfg-page .hlp-feature-card p { color: var(--cfg-muted); font-size: .9rem; margin: 0 0 0.4rem; }
.cfg-page .hlp-feature-card a { font-weight: 700; font-size: .9rem; }

/* ---- Spot isik satirlari (Experience) ---- */
.cfg-page .hlp-spotlist { display: flex; flex-direction: column; }
.cfg-page .hlp-spot { display: grid; grid-template-columns: 1fr 1.25fr; gap: 1.9rem; align-items: center; padding: 1.5rem 0; }
.cfg-page .hlp-spot + .hlp-spot { border-top: 1px solid var(--cfg-border); }
.cfg-page .hlp-spot--flip .hlp-media { order: 2; }
.cfg-page .hlp-spot--flip .hlp-spot-text { order: 1; }
.cfg-page .hlp-media {
    background: var(--cfg-bg);
    border: 1px solid var(--cfg-border);
    border-radius: 12px;
    padding: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cfg-page .hlp-media img {
    max-height: 340px;
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(20, 30, 60, 0.12);
}
.cfg-page .hlp-spot-text h3 {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--cfg-text);
    margin: 0 0 0.6rem;
}
.cfg-page .hlp-spot-text h3 i {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: rgba(76, 126, 175, 0.14);
    color: var(--cfg-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .85rem;
    flex: 0 0 auto;
}
.cfg-page .hlp-spot-text p { color: var(--cfg-text); margin: 0 0 0.7rem; }
.cfg-page .hlp-spot-text ul { padding-left: 1.15rem; margin: 0 0 0.7rem; }
.cfg-page .hlp-spot-text li { color: var(--cfg-text); margin-bottom: 0.45rem; }
.cfg-page .hlp-spot-text code {
    background: var(--cfg-bg);
    border: 1px solid var(--cfg-border);
    border-radius: 6px;
    padding: 0.12em 0.45em;
    font-size: .9em;
}
.cfg-page .hlp-linkbtn {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    background: var(--cfg-card);
    border: 1px solid var(--cfg-primary);
    color: var(--cfg-primary);
    border-radius: 999px;
    padding: 0.45rem 1.15rem;
    font-weight: 700;
    font-size: .9rem;
    text-decoration: none;
    transition: all 0.18s ease;
}
.cfg-page .hlp-linkbtn:hover { background: var(--cfg-primary); color: #fff; }

/* ---- Yardim kartlari (tek kolon) ---- */
.cfg-page .hlp-help-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.1rem;
    max-width: 880px;
    margin: 0 auto;
}
.cfg-page .hlp-help-card {
    background: var(--cfg-bg);
    border: 1px solid var(--cfg-border);
    border-radius: 12px;
    padding: 1.5rem;
    scroll-margin-top: 5.5rem;
}
.cfg-page .hlp-help-card h3 {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--cfg-text);
    margin: 0 0 0.5rem;
}
.cfg-page .hlp-help-card h3 i { color: var(--cfg-primary); font-size: .95em; }
.cfg-page .hlp-help-card p { color: var(--cfg-text); margin: 0 0 0.5rem; font-size: .9rem; }
.cfg-page .hlp-help-card a { font-weight: 600; }
.cfg-page .hlp-help-card code {
    background: var(--cfg-card);
    border: 1px solid var(--cfg-border);
    border-radius: 6px;
    padding: 0.12em 0.4em;
    font-size: .9em;
}
.cfg-page .hlp-help-card img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 420px;
    border-radius: 6px;
    border: 1px solid var(--cfg-border);
    margin-top: 0.6rem;
    background: var(--cfg-card);
}
.cfg-page .hlp-list { list-style: none; margin: 0.5rem 0 0; padding: 0; }
.cfg-page .hlp-list li {
    padding: 0.45rem 0.7rem;
    border-radius: 6px;
    background: var(--cfg-card);
    border: 1px solid var(--cfg-border);
    margin-bottom: 0.4rem;
    font-size: .9rem;
    color: var(--cfg-text);
}
.cfg-page .hlp-fb-steps { list-style: none; margin: 0.6rem 0 0; padding: 0; }
.cfg-page .hlp-fb-steps li { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.6rem; color: var(--cfg-text); font-size: .9rem; }
.cfg-page .hlp-fb-steps img {
    width: 58px;
    height: 58px;
    object-fit: cover;
    border-radius: 6px;
    flex: 0 0 auto;
    margin: 0;
    border: 1px solid var(--cfg-border);
}

/* ---- Kaynaklar (documents) ---- */
.cfg-page .hlp-doc-grid { display: flex; flex-wrap: wrap; gap: 1rem; }
.cfg-page .hlp-doc-card {
    flex: 1 1 230px;
    max-width: 320px;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 1.15rem 1.4rem;
    border-radius: 12px;
    background: var(--cfg-bg);
    border: 1px solid var(--cfg-border);
    color: var(--cfg-text);
    font-weight: 700;
    text-decoration: none;
    transition: all 0.18s ease;
}
.cfg-page .hlp-doc-card > i { font-size: 1.5rem; color: var(--cfg-primary); flex: 0 0 auto; }
.cfg-page .hlp-doc-card:hover {
    border-color: var(--cfg-primary);
    color: var(--cfg-primary);
    box-shadow: 0 10px 22px rgba(20, 30, 60, 0.12);
    transform: translateY(-3px);
}
.cfg-page .hlp-doc-txt { display: flex; flex-direction: column; min-width: 0; }
.cfg-page .hlp-doc-name { font-size: 1rem; line-height: 1.3; }
.cfg-page .hlp-doc-desc { font-size: .8rem; color: var(--cfg-muted); font-weight: 500; line-height: 1.35; }

/* ---- Duyarli ---- */
@media (max-width: 900px) {
    .cfg-page .hlp-feature-grid { grid-template-columns: 1fr 1fr; }
    .cfg-page .hlp-spot, .cfg-page .hlp-spot--flip { grid-template-columns: 1fr; }
    .cfg-page .hlp-spot--flip .hlp-media, .cfg-page .hlp-spot--flip .hlp-spot-text { order: initial; }
    .cfg-page .hlp-help-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
    .cfg-page .hlp-feature-grid { grid-template-columns: 1fr; }
}