/* An entire chess scene surrounds the author's world. */
.immersive{--ink:#202025;--gold:#d6bd83;--muted:#66656a;--line:#ddd7c9;background:#131114;color:#eee9df}.site-scene{position:fixed;inset:0;z-index:0;pointer-events:none;background:#171417 url('players-poster.jpg') center/cover no-repeat}.site-scene video{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.65)}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,12,.82),rgba(8,8,12,.26) 55%,rgba(8,8,12,.43)),linear-gradient(0deg,rgba(8,8,12,.55),transparent 45%)}.immersive header,.immersive main,.immersive .notice{position:relative;z-index:1}.immersive .notice{background:rgba(12,12,17,.86);color:#e2dfd5;border-bottom:1px solid #ffffff15}.immersive .notice a{color:#d4c59d}.immersive header{background:rgba(10,10,15,.36);border-color:#ffffff2b;backdrop-filter:blur(9px)}.immersive .brand{color:#fff9ef;font-size:26px}.immersive .brand span{color:#e7d6ab}.immersive .links a{color:#f5f2e9;font-size:12px}.immersive .links .outlined{border-color:#c7bc9e}.immersive .hero{min-height:calc(100svh - 205px);padding:50px 0 30px;grid-template-columns:1.4fr .6fr;gap:55px;position:relative}.immersive .hero:before{display:none}.immersive .hero h1{font-size:clamp(55px,7vw,86px);line-height:.97;color:#fff9ef;letter-spacing:-.04em;margin:22px 0 26px;text-shadow:0 4px 25px #0004}.immersive h1 em{color:#ead9af}.immersive .hero .eyebrow{color:#e7d6b0;font-size:10px;letter-spacing:.15em}.immersive .hero .lead{color:#e1ded4;font-size:16px;max-width:460px;line-height:1.8;text-shadow:0 2px 15px #0006}.immersive .hero .btn{background:#ede4d0;color:#222128;border-color:#ede4d0}.immersive .hero .textlink{color:#ede4d0}.immersive .playbadge{color:#e8dec3}.immersive .playbadge:before{background:#e8d7a7;box-shadow:0 0 0 5px #e8d7a715}.immersive .bookstage{background:none;min-height:0;overflow:visible;align-self:end;margin-bottom:32px;display:block;border:0}.immersive .bookstage:before,.immersive .bookstage:after{display:none}.featured-book{display:flex;flex-direction:column;align-items:center;gap:17px;background:rgba(13,13,18,.33);padding:22px 20px 18px;border:1px solid #f5e6c133;backdrop-filter:blur(5px)}.immersive .bookstage .cover{width:150px;max-width:100%;animation:none;transform:rotate(-5deg);border-left:4px solid #111825;box-shadow:0 20px 35px #0008}.featured-book .textlink{font-size:11px;white-space:nowrap}.featured-book .eyebrow{font-size:9px!important;white-space:nowrap}.scene-tools{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:22px 0;color:#e8e0cf;border-top:1px solid #fff3}.scene-kicker{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#d0c5ab}.scene-switch{display:flex;gap:8px;margin-top:10px}.scene-tools button{background:#16151d66;color:#eee8da;border:1px solid #e8d9b54d;cursor:pointer;padding:10px 16px;font-size:11px;backdrop-filter:blur(5px)}.scene-tools button.active{background:#e6dcc4;color:#242128;border-color:#e6dcc4}.scene-actions{display:flex;gap:10px;align-items:center}.immersive .credentials{padding:20px;background:rgba(11,11,18,.5);color:#ddd3bd;border:1px solid #fff2}.immersive .credentials:before{display:none}.immersive .credentials strong{color:#e8dfcf;font-size:11px}.immersive #book,.immersive #learn,.immersive #journal{background:rgba(249,246,237,.94);color:#222128;border:1px solid #f4ead077;padding:50px;margin:60px 0;box-shadow:0 20px 70px #0003;backdrop-filter:blur(7px)}.immersive #book{gap:45px}.immersive section:not(.forest):not(.playsection) h2 em{color:#927340}.immersive .bookpanel{background:rgba(223,215,194,.6)}.immersive .forest{background:rgba(15,14,22,.84);border-top:1px solid #ece0c333;border-bottom:1px solid #ece0c333;backdrop-filter:blur(4px)}.immersive .forest h2{color:#f2ede2}.immersive .forest p{color:#d7d1c4}.immersive .forest .eyebrow{color:#e1d0a5}.immersive .story{border-color:#ada08b66}.immersive .playsection{background:rgba(11,10,17,.68);border-top:1px solid #e6d7b73d;border-bottom:1px solid #e6d7b73d;margin-top:60px;backdrop-filter:blur(4px)}.immersive .playsection:before{display:none}.immersive .playsection .lead{color:#ddd6c8}.immersive .playsection .small{color:#d3cabb!important}.immersive .gamemodes button{border-color:#cdbf9c66}.immersive .gamemodes button[aria-pressed=true]{background:#e5d9bf;color:#212127}.immersive .tipbox{border-color:#c3b58f66}.immersive .tipbox p{color:#d7cebd}.immersive .boardframe{background:rgba(31,28,34,.82);border-color:#d5c39c66;backdrop-filter:blur(8px)}.immersive .boardtop{color:#e8dcc5}.immersive .square{background:#e8dfca;color:#2c282e}.immersive .square.dark{background:#797681}.immersive .square.last{background:#aaa283}.immersive .square.selected{background:#dfb965}.immersive .square.legal:after{background:#4b343980}.immersive .piece.black{color:#23212d}.immersive .gamecontrols button,.immersive .promotion button{background:#e7dcc5;border-color:#cdb995;color:#222128}.immersive .gamehint,.immersive .moves{color:#d7ccba}.immersive .promotion{background:#28222f;border-color:#cdb995}.immersive .journal article{background:#fffbf34d;border-color:#c7bca6}.immersive .contact{background:rgba(245,241,229,.94);color:#242128;margin:60px 0;backdrop-filter:blur(7px)}.immersive .footer{color:#e0d7c4;border-color:#f2e4be55;background:rgba(16,13,21,.5);padding:25px 15px}.immersive .btn{background:#25212c;color:#fff7e7;border-color:#25212c}.immersive dialog{color:#242128}.immersive .service .num{color:#997845}.close-scene{position:fixed;right:30px;top:30px;z-index:10;border:1px solid #f3e3b580;background:#17151ed9;padding:15px 22px;color:#fff3d7;cursor:pointer;font-size:13px;backdrop-filter:blur(7px)}.close-scene[hidden]{display:none}.scene-only header,.scene-only main,.scene-only .notice{visibility:hidden;pointer-events:none}.scene-only .scene-shade{background:linear-gradient(0deg,#0003,transparent 30%)}.scene-only{overflow:hidden}.immersive a:focus-visible,.immersive button:focus-visible{outline-color:#d8b969}@media(max-width:1000px){.immersive .hero{gap:25px}.immersive .hero h1{font-size:65px}.immersive .links{gap:16px}.featured-book{padding:18px 13px}.featured-book .eyebrow{font-size:8px!important}.immersive .brand{font-size:23px}.immersive #book,.immersive #learn,.immersive #journal{padding:35px}}@media(max-width:800px){.immersive .hero{grid-template-columns:1.4fr .6fr;min-height:650px;gap:25px}.immersive .hero h1{font-size:58px}.immersive .hero .lead{font-size:14px}.immersive .brand{font-size:20px}.immersive .links{gap:12px}.featured-book .eyebrow{white-space:normal;text-align:center}.featured-book .textlink{white-space:normal;text-align:center}.immersive #book{grid-template-columns:1fr}.scene-tools{gap:12px}.scene-tools button{padding:10px;font-size:10px}.scene-actions{gap:7px}}@media(max-width:600px){.immersive .hero{grid-template-columns:1fr;min-height:0;padding:45px 0 25px;gap:25px}.immersive .hero h1{font-size:64px}.immersive .hero .lead{font-size:15px;max-width:100%}.immersive .bookstage{margin:0}.featured-book{flex-direction:row;justify-content:start;gap:20px;max-width:100%;padding:18px;background:rgba(10,10,16,.6)}.featured-book .eyebrow{max-width:85px;order:1;text-align:left;font-size:10px!important;line-height:1.8}.featured-book .cover{width:78px!important;order:0}.featured-book .textlink{order:2;font-size:11px;max-width:95px;text-align:left}.scene-tools{flex-direction:column;align-items:flex-start}.scene-actions{width:100%;justify-content:space-between}.scene-switch{display:inline-flex;margin:0 0 0 10px}.scene-tools>div:first-child{display:flex;align-items:center}.immersive .hero .actions{gap:18px}.immersive .hero .btn{padding:12px 18px}.immersive .credentials{gap:12px;padding:15px}.immersive .credentials strong{font-size:10px;width:45%}.immersive #book,.immersive #learn,.immersive #journal{margin:35px 0;padding:25px}.immersive .playsection{margin-top:35px}.immersive .playlayout{gap:25px}.immersive .contact{margin:35px 0;padding:35px 20px}.immersive .playintro h2{font-size:42px}.scene-shade{background:linear-gradient(90deg,#08080cbe,#08080c7a),linear-gradient(0deg,#08080c70,transparent)}.site-scene video{object-position:55% center}.immersive .nav{gap:15px}.immersive .links{max-width:175px;gap:9px}.immersive .links a{font-size:10px}.close-scene{top:20px;right:20px;padding:12px 15px}}
.challenge-menu{display:flex;gap:10px;flex-wrap:wrap;margin-top:-12px}.challenge-menu[hidden]{display:none}.challenge-menu button{font:12px Arial;padding:8px 12px;background:#1c1825aa;color:#e6d5ae;border:1px solid #cab98f55;cursor:pointer}.challenge-menu button[aria-pressed=true]{border-color:#ead9b1;background:#c9b58b26}.immersive .square.capturable{box-shadow:inset 0 0 0 3px #c34756}.immersive .square.capturable:after{border-color:#c34756;background:transparent}.capture-marker{position:absolute;right:1px;top:1px;z-index:3;background:#b63d4b;color:#fff;font:14px/16px Arial;width:16px;height:16px;border-radius:50%;text-align:center}.move-feedback{font-size:13px;color:#f7d597;min-height:22px;margin:10px 0}.capture-tray{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid #c4b49144;padding-top:12px}.capture-tray span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#bdb3a0}.capture-tray div div{font:24px/1.5 'Arial Unicode MS','Apple Symbols','Segoe UI Symbol',Georgia,serif;color:#efe3cc}.gamehint{min-height:44px}.immersive .square.selected{box-shadow:inset 0 0 0 3px #a67c30}
.board{touch-action:none;user-select:none;-webkit-user-select:none}.drag-piece{position:fixed;z-index:1000;pointer-events:none;transform:translate(-50%,-50%);font:60px/1 'Arial Unicode MS','Apple Symbols','Segoe UI Symbol',Georgia,serif;color:#fff9e8;text-shadow:1px 0 #28232f,-1px 0 #28232f,0 1px #28232f,0 -1px #28232f;filter:drop-shadow(0 6px 5px #0006)}
/* Keep the cinematic design comfortable on narrow phones. */
@media(max-width:600px){
 .immersive .hero>*{min-width:0}
 .immersive .hero h1{font-size:clamp(48px,16vw,64px)}
 .immersive .brand{min-width:0;flex:0 1 45%}
 .immersive .links{flex:0 1 55%;min-width:0;flex-wrap:wrap}
 .immersive .links a{min-height:32px;display:inline-flex;align-items:center}
 .immersive .scene-tools button,.gamemodes button,.challenge-menu button,.gamecontrols button,.promotion button{min-height:44px}
 .immersive .scene-tools>div:first-child{flex-wrap:wrap;row-gap:10px}
 .featured-book{gap:14px}
 .featured-book .cover{flex-shrink:0}
 .featured-book .textlink{min-width:0}
 .playbadge{max-width:100%;white-space:normal}
 .playbadge:before{flex-shrink:0}
 .boardframe,.playlayout>*{min-width:0}
 dialog{width:calc(100% - 32px);max-height:calc(100svh - 32px);overflow:auto;padding:24px}
}