@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{color:#f3ede2;font-synthesis:none;text-rendering:optimizelegibility;font-smooth:always;background:#151715;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{background:radial-gradient(at 50% -20%,#32352d 0,#1c1e1a 46%,#141513 100%);min-width:320px;min-height:100vh;margin:0}button{font:inherit;color:inherit}#root{min-height:100vh}.app-shell{width:min(100% - 36px,590px);margin:0 auto;padding:25px 0 22px}.topbar{align-items:center;gap:12px;margin-bottom:18px;display:flex}.brand-mark{color:#d5b574;background:#24251f;border:1px solid #494a3f;border-radius:13px;place-items:center;width:42px;height:42px;font-size:26px;display:grid}.eyebrow{letter-spacing:1.65px;color:#9e9a8c;margin:0 0 4px;font-size:9px;font-weight:700}.topbar h1{letter-spacing:.1px;margin:0;font:700 23px Playfair Display,serif}.topbar h1 span{color:#d1b273}.icon-button{color:#d7c89f;cursor:pointer;background:#292a24;border:1px solid #45463b;border-radius:50%;width:40px;height:40px;margin-left:auto;font-size:22px}.mode-row{color:#969487;letter-spacing:1.25px;justify-content:space-between;align-items:center;margin:0 2px 10px;font-size:9px;font-weight:700;display:flex}.mode-row>div{align-items:center;gap:7px;display:flex}.live-dot{background:#94ae76;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #94ae76}.player-card{background:linear-gradient(110deg,#262720,#20211d);border:1px solid #37382f;border-radius:12px;align-items:center;gap:11px;height:58px;padding:0 12px;display:flex}.opponent{margin-bottom:12px}.user{margin-top:12px}.avatar{border-radius:10px;place-items:center;width:35px;height:35px;font-size:24px;display:grid}.bot{color:#d8bc7c;background:#3b3324}.person{color:#b3c89b;background:#26332b}.player-info{gap:3px;display:grid}.player-info strong{font-size:12px;font-weight:600}.player-info span{color:#a6a395;font-size:10px}.turn-pill{letter-spacing:1px;color:#928e7d;border:1px solid #45453b;border-radius:20px;margin-left:auto;padding:5px 8px;font-size:8px;font-weight:700}.turn-pill.active{color:#c7d4a8;border-color:#546244}.board-frame{margin:0 13px 0 12px;padding:0 0 20px 20px;position:relative}.chessboard{aspect-ratio:1;border:5px solid #5b4933;outline:1px solid #866b45;grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden;box-shadow:0 12px 28px #0007,inset 0 0 0 1px #c6a16a}.square{aspect-ratio:1;cursor:pointer;border:0;place-items:center;min-width:0;padding:0;display:grid;position:relative}.light{background:#e5d4b6}.dark{background:#927452}.square.last-move.light{background:#d9ca83}.square.last-move.dark{background:#a18c50}.square.selected{background:#b7b65e}.square.check{background:#c65b4d}.piece{z-index:1;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 1px #34271966);font-family:Segoe UI Symbol,DejaVu Sans,serif;font-size:clamp(27px,8.5vw,52px);line-height:1;position:relative}.white-piece{color:#fff9e9;text-shadow:0 1px 1px #3d3327,1px 0 #776750,-1px 0 #776750,0 -1px #776750}.black-piece{color:#29251f;text-shadow:0 1px 1px #dbc9a9}.target:after{content:"";background:#31372875;border-radius:50%;width:23%;height:23%;position:absolute}.capture:after{background:0 0;border:4px solid #43382670;width:84%;height:84%}.coordinates{color:#dcc6a0;pointer-events:none;font-size:9px;font-weight:700;display:flex;position:absolute}.left-coords,.right-coords{flex-direction:column;justify-content:space-around;top:0;bottom:20px}.bottom-coords{justify-content:space-around;bottom:2px;left:20px;right:0}.status-line{color:#c0c6a8;justify-content:center;align-items:center;gap:8px;height:29px;font-size:11px;font-weight:600;display:flex}.status-symbol{color:#d1b273}.status-line.warning{color:#ef9b8e}.warning .status-symbol{color:#ed8172}.lower-grid{grid-template-columns:1.1fr .9fr;gap:10px;margin-top:13px;display:grid}.history-card,.controls-card{background:#20211d;border:1px solid #37382f;border-radius:12px;padding:13px}.section-heading{border-bottom:1px solid #393a32;justify-content:space-between;align-items:end;padding-bottom:9px;display:flex}h2{margin:0;font:600 14px Playfair Display,serif}.move-count{color:#959181;font-size:9px}.move-list{max-height:88px;padding-top:5px;overflow:auto}.move-row{grid-template-columns:27px 1fr 1fr;padding:4px 0;font-size:10px;display:grid}.move-row span{color:#8f8b7c}.move-row b{font-weight:500}.empty-history{color:#8f8b7c;margin:13px 0 8px;font-size:10px}.controls-card h2{margin:0 0 10px}.primary-button,.secondary-button{cursor:pointer;border-radius:8px;align-items:center;gap:8px;width:100%;height:32px;padding:0 10px;font-size:11px;display:flex}.primary-button{color:#24231e;background:#cfb477;border:0;margin-bottom:7px;font-weight:700}.secondary-button{color:#c5bfb0;background:0 0;border:1px solid #48483d}.secondary-button:disabled{opacity:.4;cursor:default}.result-card{background:#3a3628;border:1px solid #66583d;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:11px;display:flex}.result-card button{color:#222;background:#d0b576;border:0;border-radius:6px;padding:7px 10px;font-size:10px;font-weight:700}footer{text-align:center;color:#77766a;letter-spacing:1.1px;padding-top:19px;font-size:8px}footer i{background:#9d8a60;border-radius:50%;width:3px;height:3px;margin:0 8px 2px;display:inline-block}.modal-backdrop{z-index:4;background:#000a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.promotion-modal{background:#24251f;border:1px solid #55503f;border-radius:16px;width:min(100%,340px);padding:22px;box-shadow:0 20px 70px #0009}.promotion-modal h2{margin:5px 0 18px;font-size:20px}.promotion-options{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.promotion-options button{cursor:pointer;background:#303129;border:1px solid #48483b;border-radius:9px;justify-items:center;gap:7px;padding:8px 2px;display:grid}.promotion-options small{color:#c4bdad;font-size:9px}.promotion-options .piece{font-size:35px}@media (width>=600px){.app-shell{padding-top:32px}.player-card{height:62px}.board-frame{margin-left:10px;margin-right:10px}.lower-grid{margin-top:16px}.history-card,.controls-card{padding:16px}.move-list{max-height:110px}}@media (width<=380px){.app-shell{width:calc(100% - 26px);padding-top:17px}.board-frame{margin-left:10px;margin-right:10px}.player-card{height:53px}.lower-grid{gap:7px}.history-card,.controls-card{padding:10px}.eyebrow{font-size:8px}}.square:disabled{cursor:default}.thinking .status-symbol{animation:1.1s linear infinite think}@keyframes think{to{transform:rotate(360deg)}}.undo-button{touch-action:manipulation;height:44px;min-height:44px;margin-bottom:7px}.undo-button>span:first-child{font-size:19px;line-height:1}.difficulty-picker{align-items:center;gap:6px;display:flex}.difficulty-picker>span{letter-spacing:1px;color:#aaa592;font-size:8px}.difficulty-picker select{color:#e5d6b7;letter-spacing:.15px;background:#292a24;border:1px solid #45463b;border-radius:7px;max-width:175px;padding:6px 7px;font:600 9px DM Sans,sans-serif}.difficulty-picker option{color:#eee;background:#24251f}@media (width<=380px){.difficulty-picker{gap:4px}.difficulty-picker select{max-width:152px;font-size:8px}.difficulty-picker>span{font-size:7px;display:none}.mode-row{gap:6px}}.level-open{color:#dfd0ad;letter-spacing:.4px;cursor:pointer;background:#292a24;border:1px solid #494a3f;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:700}.level-backdrop{z-index:5;overscroll-behavior:contain;overflow-y:auto}.level-modal{overscroll-behavior:contain;background:#24251f;border:1px solid #55503f;border-radius:16px;width:min(100%,510px);max-height:min(92dvh,790px);padding:20px;overflow-y:auto;box-shadow:0 20px 70px #0009}.level-modal>header{justify-content:space-between;align-items:center;display:flex}.level-modal h2{font-size:21px}.close-levels{flex:none;width:44px;height:44px;margin:0;font-size:24px}.progress-summary{color:#c3b995;margin:12px 0;font-size:11px}.level-category{margin:12px 0}.level-category h3{letter-spacing:1px;text-transform:uppercase;color:#b6a77f;margin:0 0 6px;font-size:10px}.level-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;display:grid}.level-tile{aspect-ratio:1;color:#e1d2b3;cursor:pointer;touch-action:manipulation;background:#34342d;border:1px solid #4a493c;border-radius:7px;place-content:center;gap:1px;min-width:0;min-height:44px;padding:2px;display:grid}.level-tile b{font-size:12px}.level-tile span{color:#a9a28f;font-size:8px}.level-tile.current{outline-offset:1px;outline:2px solid #cfb477}.level-tile.completed{color:#dce8c9;background:#344033;border-color:#607550}.level-tile.locked{color:#b8b3a6;cursor:not-allowed;background:#292a25;border-color:#414237}.level-tile.locked span{color:#77776c}.local-note{color:#aaa592;margin:14px 0 8px;font-size:9px;line-height:1.5}.reset-progress{width:auto;min-height:44px;padding:0 11px;font-size:10px}.result-card{margin:7px 0}.result-card strong{line-height:1.4}@media (width<=480px){.level-backdrop{padding:12px}.level-modal{width:100%;max-height:calc(100dvh - 24px);padding:15px}.level-grid{grid-template-columns:repeat(5,minmax(44px,1fr));gap:4px}.level-tile{border-radius:6px;min-width:44px;min-height:44px}.level-tile b{font-size:12px}.level-tile span{font-size:8px}.level-category{margin:10px 0}.level-open{padding:6px 7px;font-size:8px}}@media (width<=380px){.level-modal{padding:12px}.level-backdrop{padding:10px}.level-modal{max-height:calc(100dvh - 20px)}}.license-link{color:#c7b78f;letter-spacing:.25px;cursor:pointer;background:#24251f;border:1px solid #494a3f;border-radius:8px;min-height:44px;margin:9px auto 0;padding:8px 12px;font:600 10px DM Sans,sans-serif;display:block}.licenses-backdrop{z-index:8}.licenses-modal{overscroll-behavior:contain;background:#24251f;border:1px solid #55503f;border-radius:16px;width:min(100%,510px);max-height:min(92dvh,790px);padding:20px;overflow-y:auto;box-shadow:0 20px 70px #0009}.licenses-modal>header{justify-content:space-between;align-items:center;display:flex}.licenses-modal h2{font-size:21px}.licenses-modal h3{color:#d1b273;margin:16px 0 6px;font-size:12px}.licenses-modal p,.licenses-modal li{color:#c4bdad;font-size:12px;line-height:1.6}.licenses-modal ul{padding-left:20px}.licenses-modal a{color:#dcc68d;text-underline-offset:3px}.licenses-modal .icon-button{flex:none;width:44px;height:44px;margin:0}@media (width<=480px){.licenses-backdrop{padding:12px}.licenses-modal{width:100%;max-height:calc(100dvh - 24px);padding:15px}}.reaction-toggle{color:#c5bfb0;cursor:pointer;touch-action:manipulation;border:1px solid #48483d;border-radius:8px;align-items:center;gap:8px;min-height:44px;margin:-3px 0 7px;padding:0 8px;font-size:10px;display:flex}.reaction-toggle input{accent-color:#cfb477;width:18px;height:18px}.dev-laugh-control{margin:0 0 7px}.dev-laugh-control .secondary-button{color:#dfc98d;border-color:#786747;justify-content:center;height:auto;min-height:40px;font-size:10px;font-weight:700}.dev-laugh-control span[role=status]{color:#aaa592;min-height:15px;padding:4px 2px 0;font-size:9px;line-height:1.4;display:block}.opponent-reaction{display:none}.square{overflow:visible}.king-reaction{z-index:3;aspect-ratio:1;pointer-events:none;touch-action:none;background:radial-gradient(circle at 35% 28%,#514832ee,#28271fee 76%);border:1px solid #766547;border-radius:50%;place-items:center;width:min(66%,30px);display:grid;position:absolute;top:1%;right:1%;box-shadow:0 2px 9px #000b}.king-reaction-emoji{transform-origin:50% 72%;filter:drop-shadow(0 1px 2px #0009);font-size:clamp(18px,5.5vw,26px);line-height:1;display:block}.king-reaction .reaction-caption{color:#e2c27a;letter-spacing:.35px;background:#29251fef;border-radius:4px;padding:2px 3px;font-size:5px;position:absolute;bottom:-3px;left:auto;right:-6px;transform:none}.reaction-king-raspberry{animation:2.3s cubic-bezier(.2,.8,.3,1) both king-raspberry}.reaction-king-angry{animation:2.35s ease-in-out both king-angry}.reaction-king-startled{animation:2.25s cubic-bezier(.2,.9,.25,1) both king-startled}.reaction-king-laugh{animation:2.35s ease-in-out both king-laugh}.reaction-king-victory{animation:2.4s cubic-bezier(.2,1.35,.35,1) both king-victory}.reaction-king-sob{animation:2.4s cubic-bezier(.25,.8,.3,1) both king-sob}@keyframes king-raspberry{0%{transform:scale(.35)rotate(0)}18%{transform:scale(1.3,.78)rotate(-12deg)}34%{transform:scale(.92,1.15)rotate(13deg)}52%{transform:scale(1.08,.9)rotate(-12deg)}70%{transform:scale(.96,1.06)rotate(8deg)}88%{transform:rotate(-4deg)}to{transform:scale(1)rotate(0)}}@keyframes king-angry{0%,to{transform:translate(0)rotate(0)}10%,30%,50%,70%{transform:translate(-5px)rotate(-9deg)}20%,40%,60%,80%{transform:translate(5px)rotate(9deg)}90%{transform:translate(-2px)rotate(-3deg)}}@keyframes king-startled{0%{transform:translateY(8px)scale(.65)}12%{transform:translateY(-12px)scale(1.26)rotate(10deg)}25%{transform:translateY(2px)rotate(-10deg)}40%{transform:translateY(-6px)rotate(7deg)}58%{transform:translateY(1px)rotate(-5deg)}75%{transform:translateY(-2px)rotate(3deg)}to{transform:translateY(0)scale(1)}}@keyframes king-laugh{0%,to{transform:translateY(0)rotate(0)scale(1)}12%,36%,60%{transform:translateY(-8px)rotate(-10deg)scale(1.1)}24%,48%,72%{transform:translateY(2px)rotate(10deg)scale(.94)}86%{transform:translateY(-2px)rotate(-4deg)}}@keyframes king-victory{0%{transform:scale(.2,.5)rotate(-18deg)}20%{transform:scale(1.42,.72)rotate(12deg)}38%{transform:scale(.86,1.22)rotate(-9deg)}56%{transform:scale(1.16,.9)rotate(7deg)}74%{transform:scale(.95,1.06)rotate(-4deg)}to{transform:scale(1)rotate(0)}}@keyframes king-sob{0%{transform:translateY(-9px)rotate(0)scale(1.12)}20%{transform:translateY(5px)rotate(-14deg)scale(.92)}36%{transform:translateY(2px)rotate(-8deg)scale(1.02)}52%{transform:translateY(7px)rotate(-13deg)scale(.94)}70%{transform:translateY(3px)rotate(-7deg)scale(1)}86%{transform:translateY(5px)rotate(-10deg)}to{transform:translateY(4px)rotate(-8deg)scale(.98)}}.king-reaction.reduced-motion .king-reaction-emoji{animation:none!important;transform:none!important}.reaction-live-region{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reaction-toggle.unavailable{opacity:.55}@media (prefers-reduced-motion:reduce){.king-reaction-emoji{animation:none!important;transform:none!important}}.board-frame{--maple-top:#f6e1bb;--maple-mid:#e8c995;--maple-low:#d9b779;--walnut-top:#80512f;--walnut-mid:#60391f;--walnut-low:#482817;background:linear-gradient(145deg,#9b6837 0%,#5b351e 7%,#29160e 12%,#48291a 90%,#21120c 100%);border:1px solid #b1844b;border-radius:7px;margin:0 9px;padding:10px 11px 27px 19px;position:relative;box-shadow:0 9px 17px #07050399,0 2px #d4ad6c,inset 0 1px #e3bd7a,inset 0 -4px 6px #120a07}.board-frame:before{content:"";pointer-events:none;z-index:2;border:1px solid #d1a15d;border-radius:4px;position:absolute;inset:4px;box-shadow:inset 0 1px #ffe0a077,inset 0 -1px #170b07}.chessboard{z-index:1;border:3px solid #382014;border-radius:3px;outline:1px solid #d2a45d;position:relative;overflow:hidden;box-shadow:0 2px 5px #120a07aa,inset 0 0 0 1px #ffdda055,inset 0 0 9px #170c07}.square{isolation:isolate;background-size:100% 100%,auto}.light{background-color:#e8cc99;background-image:linear-gradient(145deg,var(--maple-top) 0%,var(--maple-mid) 56%,var(--maple-low) 100%),repeating-linear-gradient(118deg,#fff5dd0a 0 2px,#8a5d2408 3px 4px,transparent 5px 13px);box-shadow:inset 1px 1px #fff5df55,inset -1px -1px #9b713b22}.dark{background-color:#60391f;background-image:linear-gradient(145deg,var(--walnut-top) 0%,var(--walnut-mid) 55%,var(--walnut-low) 100%),repeating-linear-gradient(118deg,#f0c17a0b 0 2px,#1d100b0a 3px 4px,transparent 5px 13px);box-shadow:inset 1px 1px #e5b97622,inset -1px -1px #1a0e0866}.square.last-move.light{background-image:linear-gradient(#cab05142,#cab05142),linear-gradient(145deg,var(--maple-top),var(--maple-mid) 56%,var(--maple-low))}.square.last-move.dark{background-image:linear-gradient(#e2c45b3c,#e2c45b3c),linear-gradient(145deg,var(--walnut-top),var(--walnut-mid) 55%,var(--walnut-low))}.square.selected{background-image:linear-gradient(#b4b9498a,#b4b9498a),linear-gradient(145deg,var(--maple-top),var(--maple-mid) 56%,var(--maple-low))}.square.dark.selected{background-image:linear-gradient(#a8ad427c,#a8ad427c),linear-gradient(145deg,var(--walnut-top),var(--walnut-mid) 55%,var(--walnut-low))}.square.check{background-image:linear-gradient(#c34a3c9c,#c34a3c9c),linear-gradient(145deg,var(--maple-top),var(--maple-mid) 56%,var(--maple-low))}.square.dark.check{background-image:linear-gradient(#c34a3c99,#c34a3c99),linear-gradient(145deg,var(--walnut-top),var(--walnut-mid) 55%,var(--walnut-low))}.piece-art{z-index:1;pointer-events:none;filter:drop-shadow(0 2px 1px #1b0f0b55);width:91%;height:91%;display:block;position:relative;overflow:visible}.piece-art.white-piece{--highlight:#fffbea;--shade:#b78136;--face:#f3ddb0;color:#f8e7c2}.piece-art.black-piece{--highlight:#dcb477;--shade:#120a06;--face:#3c2718;color:#342014}.promotion-options .piece-art{width:40px;height:40px}.coordinates{z-index:3;color:#f0d39c;text-shadow:0 1px 2px #261409,0 0 3px #261409}.left-coords,.right-coords{top:10px;bottom:27px}.left-coords{left:3px}.right-coords{right:-9px}.bottom-coords{bottom:7px;left:19px;right:11px}.target:after{z-index:2;background:#21170fb0;box-shadow:0 0 0 1px #f0d39c33}.capture:after{z-index:2;border-color:#f3db9acc;box-shadow:inset 0 0 0 2px #2b1a0d88}.king-reaction{background:radial-gradient(circle at 35% 28%,#655139f5,#21160ff2 76%);border-color:#f1d59c;box-shadow:0 2px 8px #170d08,0 0 0 1px #321d10}.king-reaction .reaction-caption{color:#ffe0a1;background:#29190ff2}@media (width<=380px){.board-frame{margin-left:7px;margin-right:7px;padding-left:18px;padding-right:10px}.left-coords,.bottom-coords{left:18px}.right-coords{right:-8px}.bottom-coords{right:10px}}.landing-page{isolation:isolate;color:#f3eee5;background:#080d20;height:100svh;min-height:100svh;position:relative;overflow:hidden}.landing-art{z-index:-1;background-image:url(/images/chess50-landing.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.landing-header{z-index:1;justify-content:space-between;align-items:flex-start;gap:18px;padding:clamp(16px,3vw,30px) clamp(18px,4vw,54px);display:flex;position:relative}.landing-brand{text-align:left;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:10px;padding:0;display:flex}.landing-brand-mark{color:#f1d090;background:#10182ba8;border:1px solid #d9b876;border-radius:50%;place-items:center;width:42px;height:42px;font-size:25px;display:grid}.landing-brand b,.utility-brand b{letter-spacing:1.8px;font:700 14px DM Sans,sans-serif;display:block}.landing-brand b i,.utility-brand b i{color:#d8b878;font-style:normal}.landing-brand small{color:#c2c6d0;letter-spacing:1.5px;margin-top:4px;font-size:8px;display:block}.landing-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:clamp(4px,1.1vw,15px);max-width:850px;display:flex}.landing-nav button{color:#e0e2e9;letter-spacing:.7px;cursor:pointer;background:#0b10218a;border:1px solid #0000;border-radius:6px;min-height:40px;padding:0 9px;font-size:9px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.landing-nav button:hover,.landing-nav button:focus-visible{color:#fff;background:#111a2dd9;border-color:#c5a666;outline:none}.utility-eyebrow{color:#d6b774;letter-spacing:2.2px;margin:0 0 12px;font-size:10px;font-weight:700}.utility-footer i{background:#dbbd78;border-radius:50%;width:3px;height:3px}.landing-copyright{color:#c4c9d4;letter-spacing:1.2px;text-shadow:0 1px 6px #000;font-size:8px;position:absolute;bottom:22px;right:22px}.utility-page{color:#f3eee5;background:radial-gradient(at 50% -20%,#20283b 0,#131722 48%,#0c1019 100%);min-height:100svh;padding:0 clamp(16px,4vw,56px) 25px}.utility-header{border-bottom:1px solid #ffffff14;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1100px;height:74px;margin:0 auto;display:grid}.utility-back,.match-home,.match-settings{color:#e5d6b8;cursor:pointer;background:#101725aa;border:1px solid #ffffff24;border-radius:7px;justify-self:start;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.utility-back:hover,.match-home:hover,.match-settings:hover{background:#1c2638;border-color:#c7a968}.utility-brand{align-items:center;gap:8px;display:flex}.utility-brand>span{color:#d9ba78;font-size:24px}.utility-brand-spacer{justify-self:end}.utility-content{width:min(100%,930px);margin:0 auto;padding:clamp(24px,5vw,48px) 0 25px}.utility-eyebrow{margin-bottom:8px}.utility-content>h1{color:#f5ebd9;margin:0 0 25px;font:600 clamp(28px,4vw,42px)/1.15 Playfair Display,serif}.utility-footer{color:#747b8a;letter-spacing:1.5px;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:9px;display:flex}.level-progress{background:#111827a8;border:1px solid #ffffff1c;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:5px 13px;margin-bottom:24px;padding:16px 18px;display:grid;position:relative}.level-progress>strong{color:#e3c47d;grid-row:span 2;font:700 28px Playfair Display,serif}.level-progress>strong small{color:#8e96a7;font:500 12px DM Sans,sans-serif}.level-progress>span{color:#c0c5d0;font-size:11px}.level-progress>span:last-child{text-align:right;grid-area:1/3/span 2}.level-progress-track{background:#3b4050;border-radius:9px;height:4px;overflow:hidden}.level-progress-track i{background:#d9b76f;border-radius:9px;height:100%;display:block}.level-groups{gap:21px;display:grid}.level-group>header{border-bottom:1px solid #ffffff19;justify-content:space-between;align-items:baseline;margin-bottom:10px;padding-bottom:9px;display:flex}.level-group h2{color:#e6d5b5;font:600 18px Playfair Display,serif}.level-group>header span{color:#9199a8;letter-spacing:1.1px;font-size:9px;font-weight:700}.level-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.level-card{color:#eee5d5;text-align:left;cursor:pointer;background:#292a2b;border:1px solid #65593e;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;column-gap:9px;min-width:0;min-height:59px;padding:8px 10px;transition:transform .13s,border-color .13s,background .13s;display:grid}.level-card:hover:not(:disabled){background:#36352e;border-color:#d7b96f;transform:translateY(-1px)}.level-card-number{color:#e6c979;grid-row:span 2;font:700 19px Playfair Display,serif}.level-card-state{color:#d6c8a4;letter-spacing:.45px;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:700;overflow:hidden}.level-card-time{color:#9297a0;font-size:9px}.level-card.complete{background:#202b27;border-color:#52684d}.level-card.complete .level-card-number{color:#b7d49b}.level-card.locked{color:#767d88;cursor:not-allowed;background:#171b24;border-color:#373a42}.level-card.locked .level-card-number,.level-card.locked .level-card-state{color:#858b97}.level-card.selected{outline-offset:1px;outline:2px solid #d3b56f}.page-note{color:#9da4b0;margin:18px 0 0;font-size:11px;line-height:1.65}.quiet-action{color:#c0bba9;cursor:pointer;background:#131925;border:1px solid #ffffff27;border-radius:7px;padding:9px 13px;font-size:11px}.reset-progress{min-height:44px;margin-top:14px}.leaderboard-tabs{gap:8px;margin-bottom:18px;display:flex}.leaderboard-tabs button{color:#bbc0ca;background:#151c2a;border:1px solid #ffffff28;border-radius:7px;min-height:44px;padding:0 16px;font-size:12px;font-weight:700}.leaderboard-tabs button[aria-selected=true]{color:#f3dcaa;background:#302c25;border-color:#d1b273}.leaderboard-tabs button:disabled{opacity:.5;cursor:default}.leaderboard-empty{text-align:center;background:#121926aa;border:1px solid #ffffff1d;border-radius:12px;align-content:center;justify-items:center;gap:12px;min-height:245px;padding:30px;display:grid}.leaderboard-empty>span{color:#d5b774;border:1px solid #65583e;border-radius:50%;place-items:center;width:54px;height:54px;font-size:27px;display:grid}.leaderboard-empty strong{color:#ead7b0;font:600 20px Playfair Display,serif}.leaderboard-empty p{color:#aeb5c1;max-width:480px;margin:0;font-size:12px;line-height:1.7}.theme-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.theme-card{color:#eee6d7;text-align:left;background:#151b28;border:1px solid #ffffff24;border-radius:10px;gap:8px;min-width:0;padding:10px;display:grid}.theme-card.wooden{cursor:pointer}.theme-card.chosen{border-color:#d8b96f;box-shadow:0 0 0 1px #d8b96f44}.theme-card strong{font:600 16px Playfair Display,serif}.theme-card>span:last-child{color:#a8aeb8;font-size:10px}.theme-preview{aspect-ratio:1.52;text-align:center;border:1px solid #9b7950;border-radius:7px;place-content:center;gap:10px;display:grid;position:relative;overflow:hidden}.theme-preview span,.theme-preview b{z-index:1;color:#f1dfbd;letter-spacing:6px;font-size:22px;position:relative}.theme-preview i{background:repeating-conic-gradient(#9a7147 0% 25%,#e2c898 0% 50%) 50%/25% 50%;position:absolute;inset:0}.wooden-preview{background:#43362c}.wooden-preview>span,.wooden-preview>b{filter:drop-shadow(0 2px 2px #26190e)}.wooden-preview>i{opacity:.22}.royal-preview{background:radial-gradient(#392764,#131827 75%);border-color:#8068bb}.royal-preview>b{color:#c3adff;font-size:45px}.kids-preview{background:linear-gradient(135deg,#67b9bb,#a5b766,#e8a154);border-color:#98ac5c}.kids-preview>b{color:#fff4dc;font-size:44px}.unavailable-theme{opacity:.78}.coming-label{color:#dbbd79;letter-spacing:1px;font-size:9px;font-weight:700}.guide-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.guide-list article{background:#131a27;border:1px solid #ffffff1c;border-radius:9px;grid-template-columns:38px 1fr;gap:12px;min-height:122px;padding:17px;display:grid}.guide-list article>span{color:#d5b877;font:600 16px Playfair Display,serif}.guide-list h2{color:#e8d9bd;margin:0 0 7px;font:600 15px Playfair Display,serif}.guide-list p{color:#b0b7c1;margin:0;font-size:11px;line-height:1.65}.settings-group{background:#131a27;border:1px solid #ffffff1c;border-radius:11px;padding:6px 18px}.settings-group-title{color:#d4b66f;letter-spacing:1.3px;margin:12px 0 2px;font-size:9px;font-weight:700}.setting-row{color:#eee7d9;border-bottom:1px solid #ffffff13;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:67px;display:grid}.setting-row:last-child{border-bottom:0}.setting-row>span:first-child{gap:4px;display:grid}.setting-row strong{font-size:12px}.setting-row small{color:#9da5b2;font-size:10px}.setting-row input[type=checkbox]{accent-color:#cfb477;cursor:pointer;width:20px;height:20px}.range-setting{grid-template-columns:minmax(145px,1fr) minmax(100px,240px) 42px}.range-setting input[type=range]{accent-color:#d5b66e;width:100%}.range-setting input:disabled{opacity:.45}.range-setting output{color:#e1cb95;text-align:right;font-size:10px}.unavailable-setting{opacity:.68}.coming-label{justify-self:end}.settings-group+.page-note{margin-top:13px}.license-content{background:#131a27;border:1px solid #ffffff1c;border-radius:11px;padding:clamp(16px,3vw,25px)}.license-content h2{color:#e2c57f;margin:20px 0 8px;font:600 18px Playfair Display,serif}.license-content p,.license-content li{color:#c1c6ce;font-size:12px;line-height:1.7}.license-content ul{padding-left:21px}.license-content a{color:#e7cc8a;text-underline-offset:3px}.license-copy-status{background:#20232b;border-left:2px solid #d2b36d;padding:11px}.match-topbar{grid-template-columns:1fr auto 1fr;align-items:center;height:62px;display:grid}.match-home{min-height:42px}.match-brand{align-items:center;gap:8px;display:flex}.match-brand .brand-mark{width:35px;height:35px;margin:0}.match-brand .eyebrow{margin:0;font-size:8px}.match-brand h1{font-size:18px}.match-settings{justify-self:end}.match-settings span{font-size:11px}.mode-row{margin-top:9px}.board-controls-wrap{justify-content:center;align-items:center;gap:15px;display:flex}.app-shell .board-frame{flex:none;width:min(68vw,68vh,690px);margin:0 0 0 9px}.app-shell .match-controls{background:#20211d;border:1px solid #3b3b32;border-radius:11px;flex:none;align-content:center;gap:8px;width:155px;padding:10px;display:grid}.app-shell .match-controls .primary-button,.app-shell .match-controls .secondary-button{justify-content:center;align-items:center;min-width:0;height:auto;min-height:46px;margin:0;padding:8px 7px;font-size:10px;line-height:1.25;display:flex}.app-shell .match-controls .primary-button{color:#24231e;background:#cfb477;font-weight:700}.app-shell .match-controls .secondary-button{background:#22231e}.app-shell .match-controls .secondary-button:disabled{opacity:.4}.match-player-row{width:min(100%,860px);margin:0 auto 8px}.app-shell .player-card{max-width:860px;margin:0 auto 8px}.app-shell .user{margin-top:8px}.app-shell .status-line{max-width:850px;margin:0 auto}.integrated-history{background:#20211d;border:1px solid #37382f;border-radius:12px;width:min(100%,860px);margin:13px auto 0;padding:13px}.integrated-history .move-list{scrollbar-color:#726243 #25251f;max-height:190px;overflow:auto}.history-column-head,.integrated-history .move-row{grid-template-columns:44px 1fr 1fr;align-items:center;gap:8px;display:grid}.history-column-head{color:#989383;letter-spacing:.8px;background:#20211d;padding:5px 0;font-size:8px;font-weight:700;position:sticky;top:0}.integrated-history .move-row{color:#d8d1c3;border-bottom:1px solid #ffffff0c;min-height:34px;padding:3px 0;font-size:11px}.integrated-history .move-row>span:first-child{color:#8f8b7c}.history-move{align-items:center;gap:5px;min-width:0;display:flex}.history-piece{flex:none;width:21px;height:21px}.history-move b{white-space:nowrap;font-weight:500}.match-footer{text-align:center;color:#77766a;letter-spacing:1.1px;margin-top:16px;padding:12px;font-size:8px}.match-footer i{background:#9d8a60;border-radius:50%;width:3px;height:3px;margin:0 8px 2px;display:inline-block}.app-shell .result-card{width:min(100%,860px);margin:7px auto}.app-shell button:focus-visible,.utility-page button:focus-visible,.landing-page button:focus-visible{outline-offset:3px;outline:2px solid #e2c677}@media (width<=760px){.landing-header{grid-template-columns:1fr;gap:10px;display:grid}.landing-brand{position:absolute;top:12px;left:15px}.landing-brand-mark{width:35px;height:35px;font-size:22px}.landing-brand b{font-size:12px}.landing-brand small{font-size:7px}.landing-nav{justify-content:center;gap:3px;width:100%;max-width:none;margin-top:44px}.landing-nav button{letter-spacing:.45px;background:#0b1021a8;min-height:36px;padding:0 7px;font-size:8px}.landing-copyright{font-size:7px;bottom:17px;right:13px}.level-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.level-card{min-height:55px}.theme-cards{grid-template-columns:1fr}.theme-preview{aspect-ratio:2.2}.theme-preview span,.theme-preview b{font-size:18px}.guide-list{grid-template-columns:1fr}.guide-list article{min-height:auto}.app-shell{width:calc(100% - 26px);max-width:590px;padding-top:16px}.app-shell .board-frame{width:min(100%,68vh,560px);margin:0 auto}.board-controls-wrap{flex-direction:column;gap:8px;display:flex}.app-shell .match-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:min(100%,560px);padding:7px}.app-shell .match-controls .primary-button,.app-shell .match-controls .secondary-button{min-height:46px;font-size:10px}.match-topbar{grid-template-columns:1fr auto 1fr}.match-home,.match-settings{gap:4px;padding:0 8px;font-size:10px}.match-home span,.match-settings span{font-size:10px}.match-brand .brand-mark{display:none}.match-brand h1{font-size:16px}.match-brand .eyebrow{display:none}.mode-row{margin:8px 0}.integrated-history{margin-top:8px}.utility-header{height:64px}.utility-content{padding-top:26px}.utility-content>h1{margin-bottom:19px}}@media (width<=430px){.landing-nav button{padding:0 5px;font-size:7px}.utility-page{padding-left:13px;padding-right:13px}.utility-back{min-height:42px;padding:0 9px}.level-progress{grid-template-columns:auto 1fr;padding:13px}.level-progress>span:last-child{text-align:left;grid-area:auto/1/auto/-1}.range-setting{grid-template-columns:minmax(120px,1fr) minmax(80px,1fr) 36px;gap:8px}.setting-row strong{font-size:11px}.setting-row small{font-size:9px}.app-shell .player-card{height:53px}.app-shell .match-controls .primary-button,.app-shell .match-controls .secondary-button{padding:6px 4px;font-size:9px}.integrated-history{padding:10px}.history-column-head,.integrated-history .move-row{grid-template-columns:36px 1fr 1fr;gap:4px}.history-piece{width:18px;height:18px}.history-move{gap:3px}.history-move b{font-size:10px}}@media (prefers-reduced-motion:reduce){.landing-nav button,.level-card{transition:none}}@media (width>=761px){.app-shell{width:min(100% - 48px,1020px);max-width:1020px;margin:0 auto}.app-shell .board-frame{width:min(62vw,68vh,690px)}}@media (width<=760px){.landing-nav button,.match-home,.match-settings{min-height:44px}}@media (width>=761px) and (width<=900px){.landing-header{grid-template-columns:1fr;display:grid}.landing-brand{position:absolute;top:17px;left:24px}.landing-nav{justify-content:center;gap:5px;width:100%;max-width:none;margin-top:48px}.landing-nav button{min-height:44px;padding:0 9px}}.landing-header{z-index:2}.landing-menu{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,18px) clamp(8px,1.2vw,13px);width:min(90%,850px);display:grid;position:absolute;bottom:clamp(34px,4vh,58px);left:50%;transform:translate(-50%)}.landing-menu-button,.landing-menu-play{color:#f5e8c8;text-shadow:0 0 12px #e9c67755;cursor:pointer;background:linear-gradient(115deg,#0d1425e8,#11182bd9);border:1px solid #d6ae60;border-radius:17px;justify-content:center;align-items:center;gap:clamp(9px,2vw,24px);min-width:0;min-height:clamp(54px,6.5vh,70px);font:600 clamp(18px,3vw,30px) Playfair Display,serif;transition:transform .15s,filter .15s,border-color .15s;display:flex;position:relative;box-shadow:0 0 12px #e5bd6938,inset 0 0 14px #ffffff08}.landing-menu-button:hover,.landing-menu-button:focus-visible,.landing-menu-play:hover,.landing-menu-play:focus-visible{filter:brightness(1.12);outline:none;transform:translateY(-2px)}.landing-menu-button:hover,.landing-menu-button:focus-visible{border-color:#f2d78f;box-shadow:0 0 17px #f1cd765c,inset 0 0 16px #ffffff0c}.landing-menu-button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.landing-menu-icon{color:#f4c76b;filter:drop-shadow(0 0 5px #ffcc6270);flex:none;width:clamp(32px,5vw,54px);height:clamp(32px,5vw,54px)}.landing-menu-button>b{color:#ffdf9b;font:400 26px/1 DM Sans,sans-serif;position:absolute;right:clamp(10px,1.5vw,20px)}.landing-menu-play{color:#342414;letter-spacing:2px;text-shadow:0 2px 1px #fff3c7;background:linear-gradient(110deg,#e5c677,#ffedb6 48%,#d7ad5d);border:2px solid #ffe19a;border-radius:20px;grid-column:1/-1;gap:clamp(15px,3vw,36px);min-height:clamp(70px,9.2vh,100px);font:700 clamp(42px,7vw,72px) Playfair Display,serif;box-shadow:0 0 9px #ffdc8a,0 0 27px #e8bf5b99,inset 0 0 0 3px #956c2d66,inset 0 0 18px #fff4ce}.landing-play-triangle{filter:drop-shadow(0 0 3px #fff7d9);border-top:clamp(13px,1.6vw,19px) solid #0000;border-bottom:clamp(13px,1.6vw,19px) solid #0000;border-left:clamp(20px,2.3vw,28px) solid #332313;width:0;height:0}.landing-menu-secondary{color:#eee9dc;border-color:#8aa9c7;border-radius:15px;min-height:clamp(46px,5.7vh,58px);font-size:clamp(13px,1.8vw,20px);box-shadow:0 0 9px #92bad43b,inset 0 0 12px #ffffff06}.landing-menu-secondary .landing-menu-icon{color:#e3d3a8;filter:drop-shadow(0 0 4px #d5bb7d55)}.landing-menu-secondary>b{color:#dce7f2;font-size:23px}.landing-copyright{z-index:2;white-space:nowrap;font-size:7px;bottom:9px;right:50%;transform:translate(50%)}@media (width<=760px){.landing-header{display:block}.landing-brand{position:absolute;top:12px;left:15px}.landing-menu{gap:8px;width:calc(100% - 34px);bottom:clamp(33px,4vh,43px)}.landing-menu-button{border-radius:13px;gap:8px;min-height:clamp(52px,7vh,62px);padding:0 28px 0 10px;font-size:clamp(12px,3.6vw,16px)}.landing-menu-icon{width:26px;height:26px}.landing-menu-button>b{font-size:22px;right:8px}.landing-menu-play{border-radius:16px;min-height:clamp(68px,9vh,80px);font-size:clamp(34px,10vw,45px)}.landing-menu-secondary{min-height:50px;font-size:clamp(10px,3vw,13px)}.landing-menu-secondary .landing-menu-icon{width:23px;height:23px}}@media (width<=390px){.landing-menu{gap:7px;width:calc(100% - 24px)}.landing-menu-button{gap:6px;padding-left:7px;padding-right:24px;font-size:12px}.landing-menu-button>b{right:6px}.landing-menu-secondary{font-size:10px}}@media (width<=430px){.landing-menu-button{font-size:clamp(10px,2.8vw,12px)}.landing-menu-secondary{font-size:10px}}@media (prefers-reduced-motion:reduce){.landing-menu-button,.landing-menu-play{transition:none}}@media (width>=901px){.landing-art{background-size:auto 100%}}.landing-menu{gap:clamp(6px,.6vw,8px) clamp(8px,1.2vw,12px);width:min(86%,800px);bottom:clamp(14px,2vh,30px)}.landing-menu-button,.landing-menu-play{box-sizing:border-box;gap:clamp(8px,1.5vw,18px);min-height:clamp(46px,5.8vh,60px);padding-block:0;line-height:1}.landing-menu-icon{width:clamp(26px,3vw,36px);height:clamp(26px,3vw,36px)}.landing-menu-play{justify-self:center;width:92%;min-height:clamp(48px,6.2vh,68px);padding-inline:12px;font-size:clamp(32px,4.5vw,48px)}.landing-menu-secondary{min-height:clamp(44px,4.7vh,52px);font-size:clamp(12px,1.4vw,17px)}.landing-menu-secondary .landing-menu-icon{width:clamp(23px,2.8vw,32px);height:clamp(23px,2.8vw,32px)}.landing-menu-button{padding-left:clamp(8px,1vw,14px);padding-right:clamp(25px,3vw,36px)}.landing-menu-button>b{right:clamp(8px,1vw,14px)}.landing-menu-secondary{padding-right:clamp(24px,2.6vw,32px)}.landing-copyright{bottom:5px}@media (width<=760px){.landing-menu{gap:6px 7px;width:calc(100% - 46px);bottom:clamp(20px,2.7vh,26px)}.landing-menu-button,.landing-menu-play{min-height:clamp(46px,5.7vh,54px)}.landing-menu-button{gap:6px;padding:0 25px 0 8px}.landing-menu-icon{width:24px;height:24px}.landing-menu-button>b{right:7px}.landing-menu-play{min-height:clamp(58px,7vh,68px);font-size:clamp(32px,9.5vw,40px)}.landing-menu-secondary{min-height:clamp(44px,5.2vh,48px);padding-right:24px;font-size:clamp(9px,2.5vw,10px)}.landing-menu-secondary .landing-menu-icon{width:21px;height:21px}}@media (width<=390px){.landing-menu{gap:6px;width:calc(100% - 36px)}.landing-menu-button{gap:5px;padding-left:7px;padding-right:23px}.landing-menu-button>b{right:6px}.landing-menu-secondary{font-size:9px}}.landing-page{height:auto;min-height:calc(78svh + 285px);overflow:hidden auto}.landing-art{height:100svh;inset:0 0 auto}.landing-menu{top:78svh;bottom:auto}@media (width<=760px){.landing-page{min-height:calc(78svh + 250px)}.landing-menu{row-gap:6px;top:78svh;bottom:auto}.landing-menu-button{min-height:44px}.landing-menu-play{min-height:56px}.landing-menu-secondary{min-height:44px}.landing-copyright{bottom:8px}}@media (width<=390px){.landing-menu{width:calc(100% - 24px)}}.landing-art{background-color:#080d20;background-image:url(/images/chess50-landing.jpg);background-position:top;background-repeat:no-repeat;background-size:auto 78svh;overflow:hidden}.landing-art-poster,.landing-art-video{object-fit:contain;object-position:center top;pointer-events:none;width:100%;height:78svh;display:block;position:absolute;inset:0 0 auto}.landing-art-poster{z-index:0}.landing-art-video{z-index:1}@media (width<=760px){.landing-page{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#927443 #101015;height:auto;min-height:100svh;overflow:hidden auto;container-type:inline-size}.landing-art{background-position:top;background-size:100% 100%;height:133.929cqw;inset:0 0 auto}.landing-art-poster,.landing-art-video{object-fit:contain;object-position:center top;width:100%;height:100%;inset:0}.landing-menu{top:133.929cqw;bottom:auto}.landing-copyright{top:calc(133.929cqw + 220px);bottom:auto;right:50%;transform:translate(50%)}}.landing-page{scrollbar-width:thin;scrollbar-color:#927443 #101015}.landing-page::-webkit-scrollbar{width:8px}.landing-page::-webkit-scrollbar-track{background:#101015}.landing-page::-webkit-scrollbar-thumb{background:#927443;border:2px solid #101015;border-radius:8px}.landing-page::-webkit-scrollbar-thumb:hover{background:#b19455}.landing-page::-webkit-scrollbar-thumb:active{background:#c0a15d}.landing-page{height:100svh;min-height:100svh;max-height:100svh;overflow:hidden auto}@media (width>=761px){.landing-menu{top:78svh;bottom:auto}.landing-copyright{top:calc(78svh + 270px);bottom:auto}}.app-shell[data-theme=royal] .board-frame{background:linear-gradient(140deg,#f4d98b 0%,#ad7a30 3%,#342b1e 7%,#161d27 15%,#10151d 83%,#b68b40 96%,#f1d388);border-color:#e0bd68;box-shadow:0 9px 20px #03070b99,0 2px #6c4b20,inset 0 1px #fff0be}.app-shell[data-theme=royal] .board-frame:before{border-color:#b9914d;box-shadow:inset 0 1px #fff0bc88,inset 0 -1px #050b15}.app-shell[data-theme=royal] .board-frame:after{content:"";pointer-events:none;z-index:3;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20'%3E%3Cpath fill='%23f4da94' stroke='%23856329' stroke-width='.8' d='M20 1c-5 4-5 7-2 11-6-6-11-3-8 1 1-3 4-2 7 1h-4v2h6l-3 3 4-1 4 1-3-3h6v-2h-4c3-3 6-4 7-1 3-4-2-7-8-1 3-4 3-7-2-11Z'/%3E%3C/svg%3E") 50%/contain no-repeat;width:20px;height:10px;position:absolute;top:0;left:calc(50% - 10px)}.app-shell[data-theme=royal] .chessboard{background-repeat:no-repeat;background-size:100% 100%;border-color:#38352c;outline-color:#d4b570;box-shadow:0 2px 6px #02060ac0,inset 0 0 0 1px #e6ce8a44}.app-shell[data-theme=royal] .square.light,.app-shell[data-theme=royal] .square.dark{background:0 0;box-shadow:inset 0 0 0 .4px #a58b5d24}.app-shell[data-theme=royal] .square.last-move{background:#b6a24850}.app-shell[data-theme=royal] .square.selected{background:#5489b886;box-shadow:inset 0 0 0 2px #f4d78a}.app-shell[data-theme=royal] .square.check{background:#b52d419e;box-shadow:inset 0 0 0 2px #f19b87}.app-shell[data-theme=royal] .square.target:after{background:#294b78bd;box-shadow:0 0 0 1px #f8df9ba6}.app-shell[data-theme=royal] .square.capture:after{background:0 0;border-color:#f2cc72;box-shadow:inset 0 0 0 2px #192941cc}.app-shell[data-theme=royal] .piece-art{filter:drop-shadow(0 1px 1px #070b1460);width:96%;height:96%}.app-shell[data-theme=royal] .promotion-options .piece-art{width:40px;height:40px}.app-shell[data-theme=royal] .coordinates{color:#eed49b;text-shadow:0 1px 2px #080e18}.theme-card.royal{cursor:pointer}.theme-card.royal:hover{border-color:#d8b96f}.theme-preview.royal-preview{background-color:#1e2631;background-size:100% 100%;border-color:#c6a05d;justify-content:center;align-items:center;gap:0;padding:8px 15px;display:flex}.royal-preview svg{z-index:1;filter:drop-shadow(0 3px 2px #0008);width:31%;height:100%;max-height:115px;position:relative;overflow:visible}.app-shell[data-theme=royal] .left-coords{left:3px}