@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f0dc;font-synthesis:none;text-rendering:optimizelegibility;--bg:#071b16;--surface:#102d25;--surface-raised:#173b30;--surface-soft:#1d4739;--gold:#e8c778;--gold-bright:#ffe2a0;--cream:#f5f0dc;--muted:#a9bcae;--line:#e8c7783d;--blue:#4c8cff;--red:#ef625c;--green:#72d79b;--danger:#ff8c83;--shadow:0 30px 70px #00000073;background:#071b16;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 14% 9%,#2d6f5042,#0000 31rem),radial-gradient(circle at 93% 70%,#a8783121,#0000 32rem),linear-gradient(145deg,#061813 0%,#0b251e 48%,#071b16 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body:before{z-index:-1;content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid var(--gold-bright);outline-offset:3px}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.eyebrow{color:var(--gold);letter-spacing:.19em;text-transform:uppercase;margin-bottom:.18rem;font-size:.7rem;font-weight:700;display:block}.app-shell{width:min(1540px,100%);min-height:100vh;margin:0 auto;padding:1.1rem clamp(.75rem,2vw,2rem) .8rem}.app-header{justify-content:space-between;align-items:center;max-width:1380px;margin:0 auto 1rem;padding:.25rem .3rem;display:flex}.brand-lockup{align-items:center;gap:.85rem;display:flex}.brand-mark{width:3.1rem;height:3.1rem;color:var(--gold-bright);background:linear-gradient(145deg,#224d3d,#102d25);border:1px solid #e8c77873;border-radius:1rem;place-items:center;font-family:Cinzel,serif;font-size:1.55rem;display:grid;box-shadow:inset 0 1px #ffffff1a,0 10px 24px #00000040}.brand-lockup h1{color:var(--cream);letter-spacing:.055em;margin:0;font-family:Cinzel,serif;font-size:clamp(1.45rem,2.6vw,2.1rem);line-height:1}.runtime-badge{border:1px solid var(--line);color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a221bb8;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem .85rem;font-size:.74rem;font-weight:600;display:flex}.runtime-light{background:var(--green);width:.48rem;height:.48rem;box-shadow:0 0 0 4px #72d79b1f, 0 0 12px var(--green);border-radius:50%}.game-layout{grid-template-columns:minmax(410px,1fr) minmax(330px,420px);align-items:start;gap:clamp(1rem,2vw,1.8rem);max-width:1380px;margin:0 auto;display:grid}.board-column{justify-items:center;min-width:0;display:grid}.board-frame{background:linear-gradient(145deg, #ffffff12, transparent 22%), linear-gradient(145deg, #745b2eb8, #342b17c2 48%, #8f7138b8), var(--board-background-image) center / cover;width:min(100%,77.7778vh - 7.62222rem,710px);min-width:360px;box-shadow:var(--shadow), inset 0 0 0 4px #08221aa6;border:1px solid #e8c7787a;border-radius:1.4rem;padding:clamp(.55rem,1vw,.8rem)}.board{aspect-ratio:7/9;isolation:isolate;background:#8b7040;border:2px solid #281f0f;border-radius:.9rem;width:100%;position:relative;overflow:hidden}.square-layer{z-index:1;isolation:isolate;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(7,1fr);display:grid;position:absolute;inset:0}.board-square{cursor:pointer;background-position:50%;background-size:cover;border:1px solid #2a1f0eab;border-top:0;border-left:0;border-radius:0;min-width:0;min-height:0;padding:0;transition:filter .14s,box-shadow .14s;position:relative;overflow:hidden}.board-square:not(:disabled):hover{filter:brightness(1.14)saturate(1.08)}.board-square:disabled{opacity:1;cursor:default}.board-square:focus-visible{z-index:4;outline-offset:-5px;outline:4px solid #fff1b9}.board-square--selected{box-shadow:none}.feedback-square--last-origin:after,.feedback-square--last-destination:after{content:"";border:2px solid #fff4c28c;border-radius:18%;position:absolute;inset:5px}.feedback-square--last-destination:after{border-color:#ffd35ed1;box-shadow:inset 0 0 15px #ffd35e42}.feedback-layer{z-index:3;pointer-events:none;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(7,1fr);display:grid;position:absolute;inset:0}.feedback-square{min-width:0;min-height:0;position:relative}.feedback-square--selected{z-index:2;box-shadow:inset 0 0 0 5px #ffd96b,inset 0 0 24px #ffdc6785}.move-marker{z-index:5;aspect-ratio:1;background:#5be39b;border:2px solid #fff;border-radius:50%;width:21%;animation:1.4s ease-in-out infinite marker-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #2bb6704d,0 4px 12px #00000073}.feedback-square--capture .move-marker{background:0 0;border:4px solid #ff5f55;width:70%;box-shadow:0 0 0 4px #ff5f5530,inset 0 0 14px #ff5f553d}.terrain-caption{z-index:1;color:#ffffffad;letter-spacing:.03em;text-transform:uppercase;background:#00000040;border-radius:.22rem;padding:.08rem .2rem;font-size:clamp(.35rem,.7vw,.56rem);font-weight:700;line-height:1;position:absolute;bottom:.14rem;right:.2rem}.piece-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.piece{--piece-row:0;--piece-column:0;width:14.2857%;height:11.1111%;transform:translate(calc(var(--piece-column) * 100%), calc(var(--piece-row) * 100%));will-change:transform;place-items:center;padding:3%;transition:transform .24s cubic-bezier(.22,.72,.2,1);display:grid;position:absolute;top:0;left:0}.piece img{object-fit:contain;filter:drop-shadow(0 5px 5px #00000070);-webkit-user-select:none;user-select:none;width:94%;height:94%}.piece>span{color:#fff;letter-spacing:.01em;text-shadow:0 1px 2px #000;white-space:nowrap;background:#0a1c17db;border:1px solid #fff6;border-radius:999px;width:max-content;max-width:115%;padding:.08rem .25rem;font-size:clamp(.34rem,.65vw,.58rem);font-weight:800;line-height:1.15;position:absolute;bottom:1.5%;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 2px 5px #00000073}.piece--blue>span{background:#1f4ea4e8}.piece--red>span{background:#9b2929eb}.board-orientation{color:#f5f0dc94;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;padding:.48rem .25rem .05rem;font-size:.66rem;font-weight:700;display:flex}.board-meta{width:min(100%,710px);color:var(--muted);justify-content:center;gap:.65rem;padding:.65rem 0 0;font-size:.7rem;display:flex}.board-meta span{border:1px solid var(--line);background:#0b251ebd;border-radius:999px;padding:.27rem .55rem}.side-panel{scrollbar-color:var(--surface-soft) transparent;flex-direction:column;gap:.8rem;max-height:calc(100vh - 6.5rem);padding-right:.3rem;display:flex;overflow-y:auto}.status-card,.info-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff0a,#0000 38%),#102d25e0;border-radius:1.05rem;box-shadow:0 14px 30px #0000002e}.status-card{align-items:center;gap:.8rem;padding:.85rem 1rem;display:flex}.status-dot{background:var(--blue);border:3px solid #ffffffbf;border-radius:50%;flex:none;width:.85rem;height:.85rem;box-shadow:0 0 0 5px #4c8cff29}.status-card--red .status-dot{background:var(--red);box-shadow:0 0 0 5px #ef625c29}.status-card div{gap:.06rem;min-width:0;display:grid}.status-card small,.status-card span{color:var(--muted);font-size:.69rem}.status-card small{letter-spacing:.1em;text-transform:uppercase}.status-card strong{color:var(--cream);letter-spacing:.02em;font-family:Cinzel,serif;font-size:1.02rem}.toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem;display:grid}.toolbar button,.secondary-button{color:#e8eadf;cursor:pointer;background:linear-gradient(145deg,#1b4839,#12352b);border:1px solid #e8c7783d;border-radius:.75rem;min-height:2.5rem;padding:.55rem .65rem;font-size:.73rem;font-weight:700;transition:border-color .14s,background .14s,transform .14s;box-shadow:inset 0 1px #ffffff0f}.toolbar button:hover:not(:disabled),.secondary-button:hover:not(:disabled){background:linear-gradient(145deg,#255c49,#173f32);border-color:#e8c77899;transform:translateY(-1px)}.toolbar button[aria-pressed=true]{border-color:var(--gold);color:var(--gold-bright);background:#3d4228}.toolbar button:disabled,.primary-button:disabled,.secondary-button:disabled{opacity:.42;cursor:not-allowed;transform:none}.info-card{padding:.85rem .9rem}.section-heading{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.65rem;display:flex}.section-heading h2{color:var(--gold-bright);letter-spacing:.055em;margin:0;font-family:Cinzel,serif;font-size:.82rem}.section-heading>span{color:var(--muted);font-size:.64rem}.difficulty-pill{text-transform:uppercase;border:1px solid #e8c77859;border-radius:999px;padding:.18rem .48rem;font-weight:700;color:var(--gold)!important}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:0;display:grid}.stats-grid div{background:#0519135c;border-radius:.55rem;gap:.12rem;padding:.42rem .45rem;display:grid}.stats-grid dt,.diagnostics-card dt{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.58rem}.stats-grid dd,.diagnostics-card dd{color:var(--cream);margin:0;font-size:.72rem;font-weight:700}.history-card{min-height:10rem}.move-history{gap:.34rem;max-height:14.5rem;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.move-history li{background:#0416114f;border-radius:.52rem;align-items:center;gap:.55rem;padding:.37rem .4rem;display:flex}.move-history li>span:last-child{min-width:0;display:grid}.move-history strong{color:#f1eddc;font-size:.7rem}.move-history small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.61rem;overflow:hidden}.history-number{color:#fff;background:#315eaa;border-radius:50%;flex:none;place-items:center;width:1.6rem;height:1.6rem;font-size:.58rem;font-weight:800;display:grid}.history-number--red{background:#a84743}.empty-history{color:var(--muted);justify-content:center;font-size:.7rem;font-style:italic}.diagnostics-card dl{gap:.3rem;margin:0;display:grid}.diagnostics-card dl div{border-bottom:1px solid #ffffff0d;grid-template-columns:6.5rem minmax(0,1fr);gap:.4rem;padding-bottom:.3rem;display:grid}.diagnostics-card dd{overflow-wrap:anywhere;text-align:right}.app-footer{color:#a9bcae9e;justify-content:space-between;gap:1rem;max-width:1380px;margin:.85rem auto 0;padding:.55rem .3rem;font-size:.63rem;display:flex}.loading-screen{text-align:center;align-content:center;justify-items:center;width:min(34rem,100% - 2rem);min-height:100vh;margin:0 auto;display:grid}.loading-screen h1{margin:.25rem 0 .4rem;font-family:Cinzel,serif;font-size:clamp(2rem,7vw,3.25rem)}.loading-screen p{min-height:1.5rem;color:var(--muted);margin:0 0 1.1rem}.loading-screen small{color:#a9bcaea6;margin-top:.75rem;font-size:.68rem}.loading-emblem{width:5.5rem;height:5.5rem;color:var(--gold-bright);background:linear-gradient(145deg,#245642,#102d25);border:1px solid #e8c77885;border-radius:1.5rem;place-items:center;margin-bottom:1.2rem;font-family:Cinzel,serif;font-size:2.4rem;animation:2.2s ease-in-out infinite emblem-breathe;display:grid;box-shadow:0 18px 45px #00000061,inset 0 1px #ffffff1a}.loading-screen--error .loading-emblem{color:var(--danger);border-color:#ff8c838a;animation:none}.progress-track{background:#041511b3;border:1px solid #e8c77838;border-radius:999px;width:min(24rem,100%);height:.55rem;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, #4bbf83, var(--gold));height:100%;transition:width .3s;display:block;box-shadow:0 0 16px #e8c77873}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#020d0ac2;place-items:center;padding:1rem;animation:.16s ease-out backdrop-in;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-card{background:radial-gradient(circle at 100% 0,#e8c7781a,#0000 18rem),#102d25;border:1px solid #e8c7786b;border-radius:1.35rem;width:min(34rem,100%);animation:.19s cubic-bezier(.22,.72,.2,1) modal-in;overflow:hidden;box-shadow:0 32px 90px #000000a3}.modal-card--wide{width:min(52rem,100%)}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.3rem .9rem;display:flex}.modal-header h2{color:var(--cream);margin:0;font-family:Cinzel,serif;font-size:1.25rem}.icon-button{border:1px solid var(--line);width:2.25rem;height:2.25rem;color:var(--muted);cursor:pointer;background:#ffffff08;border-radius:50%;place-items:center;font-size:1.35rem;line-height:1;display:grid}.icon-button:hover{color:var(--cream);background:#ffffff14}.modal-content{padding:1.2rem 1.3rem 1.35rem}.new-game-form,.new-game-form fieldset{gap:.8rem;display:grid}.new-game-form{gap:1.15rem}.new-game-form fieldset{border:0;margin:0;padding:0}.new-game-form legend{color:var(--gold-bright);margin-bottom:.55rem;font-size:.75rem;font-weight:700}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.choice-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-card{border:1px solid var(--line);color:#e6e9df;cursor:pointer;background:#04181259;border-radius:.75rem;align-content:center;gap:.15rem;min-height:4.2rem;padding:.75rem;transition:border-color .13s,background .13s,transform .13s;display:grid;position:relative}.choice-card:hover{transform:translateY(-1px)}.choice-card--selected{border-color:var(--gold);background:#5f542a63;box-shadow:inset 0 0 0 1px #ffe2a033}.choice-card input{accent-color:var(--gold);position:absolute;top:.55rem;right:.55rem}.choice-card strong{font-size:.79rem}.choice-card small{color:var(--muted);font-size:.64rem}.primary-button,.secondary-button{cursor:pointer;border-radius:.75rem;min-height:2.65rem;padding:.65rem 1rem;font-weight:800}.primary-button{color:#1e2b21;background:linear-gradient(145deg,#ffe4a2,#d8ac52);border:1px solid #f4d991;box-shadow:0 8px 22px #00000038,inset 0 1px #fff}.primary-button:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.primary-button--large{width:100%;margin-top:.15rem}.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:1rem;display:grid}.rules-grid section{background:#04171247;border:1px solid #e8c77826;border-radius:.75rem;padding:.8rem}.rules-grid h3{color:var(--gold-bright);margin:0 0 .3rem;font-family:Cinzel,serif;font-size:.78rem}.rules-grid p{color:#c5d0c7;margin:0;font-size:.71rem;line-height:1.5}.result-content{text-align:center;justify-items:center;display:grid}.result-content p{color:#d4ddd5;margin:.8rem 0 1.1rem}.result-orb{background:var(--blue);border:4px solid #fff;border-radius:50%;place-items:center;width:4.4rem;height:4.4rem;font-size:1.65rem;display:grid;box-shadow:0 0 0 7px #4c8cff2b,0 12px 28px #00000059}.result-orb--red{background:var(--red);box-shadow:0 0 0 7px #ef625c2b,0 12px 28px #00000059}.modal-actions{gap:.6rem;display:flex}.toast{z-index:100;color:#eafff0;background:#184c36f5;border:1px solid #72d79b75;border-radius:.8rem;max-width:min(25rem,100% - 2.2rem);padding:.75rem 1rem;font-size:.76rem;font-weight:700;animation:.18s ease-out toast-in;position:fixed;bottom:1.1rem;right:1.1rem;box-shadow:0 14px 35px #0000006b}.toast--error{color:#fff1ef;background:#692724f5;border-color:#ff8c838c}@keyframes marker-pulse{0%,to{transform:translate(-50%,-50%)scale(.94)}50%{transform:translate(-50%,-50%)scale(1.08)}}@keyframes emblem-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-5px)scale(1.025)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1080px){.game-layout{grid-template-columns:minmax(360px,1fr) minmax(300px,360px)}.board-frame{width:min(100%,77.7778vh - 7.38889rem,650px)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.app-shell{padding-inline:.7rem}.game-layout{flex-direction:column;align-items:stretch;display:flex}.board-frame{width:min(100%,620px);min-width:0}.side-panel{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;padding-right:0;display:grid;overflow:visible}.status-card,.toolbar,.history-card,.diagnostics-card{grid-column:1/-1}.move-history{max-height:14rem}}@media (max-width:560px){.app-shell{padding:.65rem .35rem .5rem}.app-header{margin-bottom:.65rem;padding-inline:.35rem}.brand-mark{border-radius:.8rem;width:2.6rem;height:2.6rem;font-size:1.25rem}.runtime-badge{text-align:center;justify-content:center;max-width:48%;padding:.45rem .6rem;font-size:.57rem}.board-frame{border-radius:.9rem;padding:.42rem}.board{border-radius:.55rem}.piece>span{border-width:0;max-width:115%;padding-inline:.13rem;font-size:clamp(.3rem,1.45vw,.48rem)}.terrain-caption{display:none}.board-meta{flex-wrap:wrap;gap:.3rem;padding-top:.45rem}.board-meta span{padding:.2rem .42rem;font-size:.57rem}.side-panel{display:flex}.toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar button{min-height:2.35rem;font-size:.68rem}.rules-grid,.choice-grid--three{grid-template-columns:1fr}.choice-grid{gap:.42rem}.choice-card{min-height:3.6rem}.modal-backdrop{align-items:start;padding:.5rem}.modal-card{border-radius:1rem;margin-top:.5rem}.modal-header,.modal-content{padding-inline:.9rem}.app-footer{text-align:center;flex-direction:column;gap:.25rem;padding-inline:.4rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}