@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0c111b;--panel:#131c29;--panel2:#182334;--line:#253346;--muted:#91a1b7;--text:#ecf0f5;--gold:#ddb976;--light:#b7c7d7;--dark:#385369;--board-edge:#8d764e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 55% 15%,#18283b55,transparent 60%),var(--bg);color:var(--text);font:16px Manrope,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button{transition:background .16s,border-color .16s,transform .16s}button:hover:not(:disabled){filter:brightness(1.15)}button:active:not(:disabled){transform:translateY(1px)}a{color:var(--gold);text-decoration:none}[hidden]{display:none!important}.header{min-height:94px;display:flex;align-items:center;padding:0 3.5%;border-bottom:1px solid var(--line);gap:42px;background:#0c111bdd}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;color:#fff}.brand>span{font:47px Georgia;color:var(--gold)}.brand>div{font-size:20px;letter-spacing:2px;font-weight:400}.brand b{font-weight:800;color:var(--gold)}.brand small{display:block;font-size:9px;letter-spacing:4.5px;color:var(--muted);margin-top:5px}.header nav{display:flex;align-self:stretch;gap:28px;align-items:center}.header nav a{font-size:14px;color:#9cabc0;height:100%;display:flex;align-items:center;border-bottom:2px solid transparent;white-space:nowrap}.header nav a.active{border-color:var(--gold);color:var(--gold)}.account{margin-left:auto;border:1px solid #685c42;border-radius:6px;font-size:13px;padding:10px 16px;white-space:nowrap}.page-heading{max-width:1580px;margin:30px auto 27px;padding:0 3.5%;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:11px;color:var(--gold);letter-spacing:2.2px;font-weight:700}h1{font-size:30px;font-weight:500;letter-spacing:-1px;margin:9px 0 0}h1 span{color:var(--gold)}h2{font-size:19px;font-weight:600;line-height:1.5;margin:0 0 17px}h3{font-size:18px;font-weight:600;margin:30px 0 18px}p{line-height:1.7}.muted{color:var(--muted);font-size:14px}.subtle{font-size:12px;line-height:1.7;color:var(--muted)}main{max-width:1580px;margin:auto;padding:0 3.5%}.workspace{display:grid;grid-template-columns:240px minmax(340px,640px) minmax(245px,300px);gap:28px;justify-content:center}.left-panel{padding-top:4px}.left-panel h2{font-size:17px}.mode-list{display:grid;gap:9px}.mode{display:flex;align-items:center;gap:13px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;text-align:left;padding:13px 11px;width:100%}.mode>span{font:26px Georgia;color:#91a5bb;width:35px;flex-shrink:0;letter-spacing:-4px}.mode strong{font-size:14px;font-weight:600}.mode small{font-size:11px;display:block;color:var(--muted);margin-top:4px;line-height:1.5}.mode.active{background:linear-gradient(110deg,#75603930,#192536);border-color:#95805a}.mode.active>span{color:var(--gold)}.fields{margin-top:23px}label{display:block;color:#a9b7c9;font-size:13px;margin:14px 0 7px}input,select,textarea{background:#101925;border:1px solid #314158;border-radius:5px;color:var(--text);padding:11px 12px;min-width:0;width:100%;font-size:14px}select{height:43px}textarea{resize:vertical;font:13px/1.65 monospace}.checkbox{display:flex;gap:9px;align-items:center;font-size:12px;margin:14px 0}.checkbox input{width:15px;height:15px;accent-color:var(--gold)}.primary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:linear-gradient(110deg,#e3c28a,#caa161);color:#1d1b17;border:1px solid #e3c28a;border-radius:5px;padding:13px 15px;font-size:14px;font-weight:700;margin-top:17px;box-shadow:0 3px 13px #0002}.primary span{font-size:20px}.secondary{border:1px solid #34465d;border-radius:5px;background:#162131;color:#cad6e4;padding:11px 12px;font-size:13px}.quiet{background:none;border:0;color:var(--muted);font-size:13px;padding:10px}.full{width:100%;margin-top:12px}.divider{border-top:1px solid var(--line);margin:20px 0}.style-peek{margin-top:25px;border-top:1px solid var(--line);padding-top:19px}.style-peek>span{font-size:10px;letter-spacing:2px;color:#8f9fb4}.style-peek>div{display:flex;align-items:center;gap:10px}.style-peek img{height:75px;width:45px;object-fit:contain}.style-peek strong{display:block;font-size:12px;color:#d6c39e}.style-peek small{font-size:10px;color:var(--muted);display:block;line-height:1.5;margin-top:5px}.style-peek button{background:none;border:0;color:var(--gold);font-size:12px;padding:3px 0}.player-strip{display:flex;align-items:center;gap:12px;height:48px;margin:0 0 15px}.player-avatar{width:41px;height:41px;background:#1b2738;border:1px solid #38465a;border-radius:7px;display:grid;place-items:center;font:31px Georgia;color:#a7b9ce}.player-avatar.light{color:var(--gold);background:#302a21;border-color:#65543a}.player-info{flex:1;min-width:0}.player-info strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-info span{display:block;font-size:12px;color:var(--muted);margin-top:5px}.clock{font-size:25px;font-variant-numeric:tabular-nums;letter-spacing:1px;padding:7px 13px;background:#172235;border:1px solid #2b3b51;border-radius:5px;color:#a9b9ce;min-width:99px;text-align:center}.clock.active{background:#dfbd81;color:#241f16;border-color:#edcc98;box-shadow:0 0 22px #d8ac5222}.clock.low{color:#ff917e}.board-frame{padding:9px;background:linear-gradient(135deg,#1e2b3d,#0c141f);border:1px solid var(--board-edge);border-radius:4px;box-shadow:0 20px 60px #0005,0 0 0 4px #080e17}#board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));width:100%;aspect-ratio:1;overflow:hidden}.square{position:relative;aspect-ratio:1;min-width:0;min-height:0;overflow:hidden;background:var(--light);border:0;border-radius:0;padding:0;display:grid;place-items:center;isolation:isolate}.square.dark{background:var(--dark)}.square:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(140deg,#fff1,transparent 40%,#0001);z-index:-1}.square img{position:absolute;inset:0;margin:auto;display:block;height:94%;width:94%;max-height:100%;max-width:100%;object-fit:contain;z-index:1;pointer-events:none;filter:drop-shadow(0 2px 2px #0006)}.square img.royal{inset:auto;margin:0;max-width:none;max-height:none;object-fit:fill;transform:none}.square img.neon{filter:drop-shadow(0 0 3px #48e4fb) sepia(.25) saturate(1.7)}.square.last{box-shadow:inset 0 0 0 999px #ddbc4833}.square.selected{box-shadow:inset 0 0 0 999px #edc55388}.square.legal:after{content:'';position:absolute;width:22%;height:22%;background:#0c28354d;border-radius:50%;z-index:3;pointer-events:none}.square.legal:has(img):after{width:85%;height:85%;background:none;border:4px solid #eac777aa}.square.check{background:#b25d5d}.square.best{box-shadow:inset 0 0 0 4px #53d9d2}.coordinate{position:absolute;z-index:4;font-size:10px;line-height:1;font-weight:800;color:#193c54;pointer-events:none}.dark .coordinate{color:#d2e2f0}.rank{top:4px;left:4px}.file{right:4px;bottom:4px}.bottom{margin-top:15px;margin-bottom:12px}.board-tools{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:9px;gap:8px}.board-tools button{background:none;border:0;color:#9cadc2;font-size:20px;padding:5px 2px}.board-tools span{font-size:11px;margin-left:3px}.board-message{font-size:12px;color:var(--muted);text-align:center;line-height:1.6;margin-top:10px;min-height:20px}.status-card{background:linear-gradient(120deg,#172538,#111b2a);border:1px solid #2c3d53;border-radius:8px;padding:21px}.status-card h2{margin:11px 0 8px;font-size:24px;line-height:1.3;font-weight:500}.status-card>p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.connection{font-size:12px;color:#88c7c1;margin:16px 0 5px}.connection.error{color:#f2ac8d}.link-row{display:flex}.link-row input{font-size:11px;border-radius:4px 0 0 4px}.link-row button{background:#293a4e;border:1px solid #40516b;color:var(--gold);border-radius:0 4px 4px 0;padding:8px 10px}.notation{margin-top:18px;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#111a27}.section-title{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid var(--line)}.section-title h2{font-size:14px;margin:0}.section-title>span{font-size:12px;color:var(--muted)}#moves{height:220px;overflow:auto;scrollbar-width:thin}.empty{text-align:center;color:var(--muted);padding:36px 12px;font-size:13px}.empty>span{font:46px Georgia;color:#455970;display:block;margin-bottom:15px}.move-row{display:grid;grid-template-columns:34px 1fr 1fr;min-height:34px;align-items:center}.move-row:nth-child(even){background:#192333}.move-row>span{font-size:12px;color:#697e98;text-align:center}.move-row button{border:0;background:none;color:#d4dfea;text-align:left;padding:9px;font-size:14px}.move-row button.current{background:#d8b77c26;color:var(--gold)}.history-controls{display:flex;border-top:1px solid var(--line)}.history-controls button{background:none;border:0;color:#a9bbce;font-size:23px;width:25%;padding:6px}.game-actions{display:flex;gap:10px;margin-top:16px}.game-actions button{width:50%}.export-actions{display:flex;justify-content:space-between;margin-top:12px}.export-actions button{border:0;background:none;color:#9fb0c6;font-size:12px;padding:9px 0}.material{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.material>span{font-size:11px;color:#7387a0;letter-spacing:1px}.material>div{color:#c5d2e1;font:22px Georgia;margin-top:9px;min-height:27px;overflow-wrap:anywhere}.lobby{margin-top:42px;border-top:1px solid var(--line);padding-top:28px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-heading h2{margin:7px 0 0;font-size:22px}.challenge-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.challenge-list>.empty-panel{grid-column:1/-1}.empty-panel{border:1px dashed #324258;padding:26px;color:var(--muted);border-radius:7px;line-height:1.8;font-size:14px;background:#121b2766}.challenge{background:var(--panel);padding:20px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:15px}.challenge>span{font:30px Georgia;color:var(--gold)}.challenge>div{flex:1}.challenge strong{font-size:14px;display:block}.challenge small{font-size:12px;color:var(--muted);display:block;margin-top:5px}.challenge button{width:auto;margin:0;padding:10px;font-size:12px}.studio-heading{display:flex;justify-content:space-between;gap:30px;align-items:center}.studio-heading h2{font-size:30px;margin:12px 0}.studio-heading .primary{width:auto;white-space:nowrap}.piece-sets{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}.set-card,.theme-card{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:9px;overflow:hidden;text-align:left;padding:0}.set-card.selected,.theme-card.selected{border-color:var(--gold);box-shadow:0 0 0 1px #d8b77c55}.set-preview{height:220px;display:flex;align-items:end;justify-content:center;gap:9px;padding:28px;background:radial-gradient(ellipse at bottom,#203f59,#111b2a 75%)}.set-preview img{height:100%;width:28%;object-fit:contain;filter:drop-shadow(0 6px 4px #0006)}.set-preview.classic img{height:65%;width:33%}.set-preview.neon img{filter:drop-shadow(0 0 5px #31d7eb) sepia(.3) saturate(2)}.card-copy{padding:17px 19px}.card-copy strong{font-size:16px;display:block}.card-copy span{color:var(--muted);font-size:12px;display:block;margin-top:7px}.board-themes{display:grid;grid-template-columns:repeat(6,1fr);gap:17px}.mini-board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;margin:14px;border:2px solid var(--board-edge)}.mini-board i{background:var(--light)}.mini-board i.dark{background:var(--dark)}.theme-card .card-copy{padding:0 14px 16px}.theme-card strong{font-size:13px}.theme-card.selected strong:after,.set-card.selected strong:after{content:' ✓';color:var(--gold)}.archive-row{display:flex;gap:18px;align-items:center;padding:21px;background:var(--panel);border:1px solid var(--line);border-radius:7px;margin:12px 0}.archive-row>span{font:32px Georgia;color:var(--gold)}.archive-row>div{flex:1}.archive-row strong{font-size:15px}.archive-row small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.archive-row button{width:auto;margin:0}.progress-number{display:flex;align-items:baseline;gap:10px;margin:20px 0}.progress-number>strong{font-size:45px;color:var(--gold);font-weight:500}.progress-number>span{font-size:13px;color:var(--muted)}.puzzle-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:22px}.puzzle-list button{background:#162237;border:1px solid #30435e;color:#aabcce;border-radius:5px;padding:11px 5px;font-size:14px}.puzzle-list button.active{border-color:var(--gold);color:var(--gold)}.puzzle-list button.solved{background:#183b3b;color:#9ed3c3;border-color:#3c7065}.evaluation{padding:18px;background:var(--panel);font-size:14px;line-height:1.8;color:var(--gold);border-radius:5px}footer{margin:40px 3.5% 0;padding:22px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#6f849e;font-size:11px;gap:15px}footer b{color:#ab946a}footer i{font-style:normal;margin:0 15px;font-size:24px}footer button{border:0;background:none;color:#96a8bf;font-size:12px}dialog{background:#162234;color:var(--text);border:1px solid #6e624a;border-radius:12px;max-width:550px;width:92%;padding:30px;line-height:1.7}dialog::backdrop{background:#03070dbb;backdrop-filter:blur(6px)}dialog p{color:#9eafc3;font-size:14px}.close{float:right;border:0;background:none;color:#aabcce;font-size:28px}#promotionOptions{display:flex;gap:10px}#promotionOptions button{width:25%;height:120px;border:1px solid #596473;border-radius:6px;background:#31445a}#promotionOptions img{width:100%;height:100%;object-fit:contain}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);padding:14px 22px;border:1px solid #b69964;background:#273547;color:#f2d29a;box-shadow:0 6px 35px #0008;border-radius:7px;opacity:0;pointer-events:none;transition:opacity .2s;font-size:14px;max-width:90vw;z-index:10}#toast.visible{opacity:1}@media(min-width:1600px){.workspace{grid-template-columns:255px minmax(340px,650px) 300px;gap:34px}}@media(max-width:1150px){.header{gap:22px}.header nav{gap:17px}.brand>div{font-size:16px}.brand small{font-size:8px;letter-spacing:3px}.workspace{grid-template-columns:200px minmax(320px,1fr);gap:23px}.right-panel{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:15px}.status-card{grid-column:1}.notation{grid-column:2;grid-row:1/4;margin:0}.game-actions,.export-actions{margin:0}.material{grid-column:1/-1;margin:0}.left-panel{grid-row:1/3}.board-themes{grid-template-columns:repeat(3,1fr)}.challenge-list{grid-template-columns:1fr 1fr}.page-heading h1{font-size:26px}.account{font-size:12px;padding:8px}.piece-sets{grid-template-columns:1fr 1fr}.set-card:first-child{grid-column:1/-1}.set-preview{height:230px}}@media(max-width:750px){.header{padding:12px 16px;min-height:74px;flex-wrap:wrap;gap:12px}.brand>span{font-size:36px}.brand>div{font-size:16px}.header nav{order:3;width:100%;overflow-x:auto;gap:25px;height:41px}.header nav a{font-size:13px}.account{margin-left:auto}.page-heading{margin:24px 0 20px;padding:0 16px}.page-heading h1{font-size:24px}.eyebrow{font-size:9px;letter-spacing:1.4px}.page-heading>.quiet{display:none}main{padding:0 13px}.workspace{display:flex;flex-direction:column;gap:24px}.board-column{order:0;width:100%}.left-panel{order:1}.right-panel{order:2;display:block}.left-panel h2{font-size:19px}.mode-list{grid-template-columns:1fr 1fr 1fr;gap:7px}.mode{display:block;text-align:center;padding:12px 6px}.mode>span{font-size:25px}.mode strong{font-size:12px;display:block;margin-top:5px}.mode small{display:none}.fields{display:grid;grid-template-columns:1fr 1fr;gap:9px 13px;margin-top:18px}.fields>label{align-self:center;margin:0}.fields>input,.fields>select{align-self:center}.fields>div,.fields>.primary{grid-column:1/-1}.fields>div label{margin-top:4px}.style-peek{display:none}.board-frame{padding:5px}.board-tools span{font-size:10px}.board-tools{gap:4px}.clock{font-size:23px}.status-card{padding:18px}.notation{margin-top:16px}.game-actions{margin-top:15px}.export-actions{margin-top:10px}.material{margin-top:10px}.lobby{margin-top:28px}.challenge-list{grid-template-columns:1fr}.section-heading h2{font-size:20px}.studio-heading{display:block}.studio-heading h2{font-size:25px}.studio-heading .primary{width:100%;margin-bottom:25px}.piece-sets{gap:12px}.set-preview{height:170px;padding:20px 12px;gap:3px}.set-card:first-child .set-preview{height:250px}.card-copy{padding:13px}.card-copy strong{font-size:14px}.board-themes{grid-template-columns:repeat(2,1fr);gap:12px}.archive-row{flex-wrap:wrap;padding:16px}.archive-row button{width:100%}.archive-row>div{min-width:200px}footer{flex-wrap:wrap;margin-top:30px}footer>span:last-child{display:none}.player-strip{height:43px}.coordinate{font-size:9px}}
/* Readable control labels at desktop and mobile sizes. */
label,.mode strong,.secondary,.quiet,.header nav a{font-size:14px}.mode small,.style-peek small,.board-tools span,.export-actions button,.subtle,.checkbox,.theme-card strong{font-size:12px}.fields .primary{font-size:14px}.style-peek strong{font-size:13px}@media(max-width:750px){.mode strong{font-size:12px}.board-tools span{font-size:11px}.header nav a{font-size:14px}}

#onlineCups{display:grid;gap:18px;margin:24px 0}#onlineCups .league-paging{flex-wrap:wrap}.cup-personal{border:1px solid var(--gold);border-radius:16px;padding:22px;background:#17253a}.cup-personal h3{margin-top:0}#cupCreateForm{display:grid;gap:14px}#cupCreateForm label{display:grid;gap:8px}#onlineCups .standings td a{background:none;border:0;padding:0}#onlineCups .cup-rounds article{padding:16px;border:1px solid #33445b;border-radius:12px}.tournament-banner button{margin:6px}
#onlineCups .league-paging{display:flex;gap:12px;align-items:center}#onlineCups .league-paging button{width:auto;margin:0}#onlineCups .league-paging input{width:min(260px,100%)}#onlineCups .standings-scroll{max-width:100%;overflow-x:auto}#onlineCups .standings{width:100%;min-width:550px}#onlineCups .cup-rounds{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}#onlineCups>p{margin:0}#onlineCups .section-heading{flex-wrap:wrap;gap:12px}
.ruby-checkout{border:1px solid #c5a66d;border-radius:20px;color:#f7eee1;background:#101b2c;max-width:min(460px,calc(100vw - 28px));box-shadow:0 28px 80px #000b;padding:0}.ruby-checkout::backdrop{background:#030910bd;backdrop-filter:blur(5px)}.ruby-checkout-card{padding:28px;position:relative}.ruby-checkout h2{font-size:clamp(1.5rem,4vw,2.2rem);margin:.5rem 0}.ruby-checkout p{line-height:1.55}.ruby-checkout .ruby-close{position:absolute;right:12px;top:10px;font-size:1.7rem}.ruby-paypal{min-height:48px;margin-top:22px}.ruby-guest-note{font-size:.84rem}