@import "https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap";.modal-overlay{z-index:1000;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.game-over-modal{color:#fff;text-align:center;background:#1e1b2e;border-radius:18px;width:360px;padding:40px;box-shadow:0 15px 50px #00000080}.game-over-modal h1{margin-bottom:20px;font-size:2rem}.game-over-modal h2{color:#d4af37;margin-bottom:30px}.modal-buttons{justify-content:center;gap:20px;display:flex}.modal-buttons button{cursor:pointer;border:none;border-radius:10px;padding:12px 25px;font-size:16px}.new-game-btn{color:#000;background:#d4af37}.close-btn{color:#fff;background:#444}:root{--bg-0:#0f0d18;--bg-1:#151228;--panel:#ffffff0b;--panel-border:#ffffff17;--light-sq:#8c8478;--dark-sq:#2b2b2b;--sq-highlight:#ffffff29;--move-dot:#f2ede28c;--gold:#c9a24b;--gold-soft:#c9a24b59;--teal:#49b6ab;--teal-soft:#49b6ab59;--danger:#e2574c;--text-0:#f3efe6;--text-1:#b9adda;--text-2:#7c7098;--serif:"Fraunces", serif;--sans:"Manrope", sans-serif;--mono:"JetBrains Mono", monospace}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{min-height:100dvh;color:var(--text-0);font-family:var(--sans);background-color:#0000;background-image:linear-gradient(#0000008c,#0000008c),url(/assets/background-DDkBDPI2.avif);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:flex-start;padding:40px 20px 60px;display:flex}.app{width:100%;max-width:1180px}header.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:28px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{box-shadow:none;background:0 0;border:none}.brand-piece{filter:drop-shadow(0 0 10px #b4141440)}.brand-mark span{z-index:2;position:relative}.brand h1{color:#f3efe6;text-shadow:0 0 10px #78000080;font-family:UnifrakturCook,cursive;font-size:56px}.brand p{color:var(--text-1);letter-spacing:.3px;margin:2px 0 0;font-size:13px}.top-actions{align-items:center;gap:10px;display:flex}button{font-family:var(--sans);cursor:pointer;border:1px solid var(--panel-border);background:var(--panel);color:var(--text-0);border-radius:10px;padding:10px 16px;font-size:13.5px;font-weight:600;transition:transform .12s,background .12s,border-color .12s}button:hover{background:#ffffff14;transform:translateY(-1px)}button:active{transform:translateY(0)}button.primary{background:linear-gradient(135deg, var(--gold), #b58a3a);color:#1c1608;border:none}button.primary:hover{filter:brightness(1.08)}.layout{flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:20px;display:flex}@media (width<=900px){.layout{grid-template-columns:1fr}}.board-wrap{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;flex-shrink:0;width:min(700px,90vw);margin:0 auto;padding:20px;position:relative}.board-frame{position:relative}.seam{background:linear-gradient(180deg, transparent, var(--gold-soft) 20%, var(--teal-soft) 80%, transparent);filter:blur(.5px);pointer-events:none;z-index:1;width:2px;position:absolute;top:8px;bottom:8px;left:50%;transform:translate(-1px)}.board{aspect-ratio:1;z-index:2;border-radius:10px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px -20px #0009}.sq{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:clamp(20px,4.2vw,40px);display:flex;position:relative}.sq.light{background:var(--light-sq)}.sq.dark{background:var(--dark-sq)}.sq .coord{font-family:var(--mono);opacity:.45;pointer-events:none;font-size:9px;position:absolute;top:3px;left:4px}.sq.light .coord{color:#4a4230}.sq.dark .coord{color:#cfc4ea}.sq.selected:before{content:"";background:var(--sq-highlight);position:absolute;inset:0}.sq.last-from:before,.sq.last-to:before{content:"";background:#c9a24b47;position:absolute;inset:0}.sq.check-glow:before{content:"";background:#e2574c61;animation:1.1s ease-in-out infinite pulse;position:absolute;inset:0}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.dot{background:var(--move-dot);pointer-events:none;border-radius:50%;width:26%;height:26%;position:absolute}.ring{border:3px solid var(--move-dot);pointer-events:none;border-radius:50%;position:absolute;inset:6%}.piece{z-index:3;cursor:grab;filter:drop-shadow(0 3px 4px #00000059);line-height:1;transition:transform 80ms;position:relative}.piece:hover{transform:scale(1.06)}.piece.white-piece{color:#faf6ec;-webkit-text-stroke:1px #55482a}.piece.black-piece{color:#1a1626;-webkit-text-stroke:1px #0a0812}.wolf-piece{border-radius:50%;justify-content:center;align-items:center;width:78%;height:78%;font-size:.62em;display:flex}.wolf-piece.white-piece{-webkit-text-stroke:0;background:radial-gradient(circle at 35% 30%,#fffaf0,#d8cba0);box-shadow:inset 0 0 0 2px #55482a80}.wolf-piece.black-piece{-webkit-text-stroke:0;background:radial-gradient(circle at 35% 30%,#3a3050,#17131f);box-shadow:inset 0 0 0 2px #00000080}.sq.playable{cursor:pointer}.panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;flex-direction:column;gap:18px;padding:20px;display:flex}.turn-card{border:1px solid var(--panel-border);background:#ffffff08;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.turn-label{font-family:var(--serif);font-size:17px;font-weight:600}.turn-sub{color:var(--text-1);margin-top:2px;font-size:12px}.swatch{border:1px solid #ffffff40;border-radius:50%;width:16px;height:16px}.swatch.w{background:#faf6ec}.swatch.b{background:#1a1626}.kings-status{gap:10px;display:flex}.king-chip{border:1px solid var(--panel-border);background:#ffffff08;border-radius:12px;flex-direction:column;flex:1;gap:4px;padding:10px 12px;display:flex}.king-chip .dotlight{border-radius:50%;width:9px;height:9px}.king-chip.Q .dotlight{background:var(--gold)}.king-chip.K .dotlight{background:var(--teal)}.king-chip.checked{border-color:var(--danger)}.king-chip.checked .dotlight{background:var(--danger);box-shadow:0 0 8px var(--danger)}.king-chip .name{color:var(--text-1);align-items:center;gap:6px;font-size:12px;display:flex}.king-chip .state{font-family:var(--mono);font-size:13px}.section-title{font-family:var(--serif);color:var(--text-1);text-transform:uppercase;letter-spacing:1.2px;margin:0 0 8px;font-size:14px;font-weight:600}.captured{flex-wrap:wrap;gap:4px;min-height:26px;font-size:20px;display:flex}.captured span{opacity:.9}.movelog{max-height:220px;font-family:var(--mono);color:var(--text-1);grid-template-columns:28px 1fr 1fr;gap:4px 6px;font-size:12.5px;display:grid;overflow-y:scroll}.movelog .num{color:var(--text-2)}.movelog .w-mv,.movelog .b-mv{color:var(--text-0)}details.rules{border-top:1px solid var(--panel-border);padding-top:14px}details.rules summary{cursor:pointer;font-family:var(--serif);color:var(--text-1);justify-content:space-between;align-items:center;font-size:14px;font-weight:600;list-style:none;display:flex}details.rules summary::-webkit-details-marker{display:none}details.rules summary:after{content:"+";color:var(--text-2);font-size:18px}details.rules[open] summary:after{content:"–"}.rules-body{color:var(--text-1);margin-top:10px;font-size:12.8px;line-height:1.65}.rules-body b{color:var(--text-0)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;opacity:0;pointer-events:none;background:#08060eb8;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-backdrop.show{opacity:1;pointer-events:auto}.modal{border:1px solid var(--panel-border);text-align:center;background:linear-gradient(#1c1832,#14101f);border-radius:18px;width:min(420px,90vw);padding:32px;transition:transform .2s;transform:translateY(10px);box-shadow:0 30px 80px -20px #000000b3}.modal-backdrop.show .modal{transform:translateY(0)}.modal h2{font-family:var(--serif);margin:0 0 8px;font-size:26px}.modal p{color:var(--text-1);margin:0 0 22px;font-size:14px;line-height:1.6}.modal .btnrow{justify-content:center;gap:10px;display:flex}.promo-options{justify-content:center;gap:14px;margin:18px 0 6px;display:flex}.promo-opt{border:1px solid var(--panel-border);cursor:pointer;background:#ffffff0a;border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;font-size:30px;display:flex}.promo-opt:hover{background:#ffffff17}footer.credit{text-align:center;color:var(--text-2);letter-spacing:.3px;margin-top:26px;font-size:11.5px}.sq{position:relative}.sq.legal:before{content:"";pointer-events:none;background:#00000047;border-radius:50%;width:22%;height:22%;transition:all .18s;animation:.15s legalFade;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes legalFade{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.sq.capture:after{content:"";box-sizing:border-box;pointer-events:none;border:6px solid #00000047;border-radius:50%;position:absolute;inset:10%}.sq.light.capture:after{border-color:#46464652}.sq.dark.capture:after{border-color:#ffffff47}@keyframes captureFade{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.move-history{width:280px;min-width:280px;max-width:280px;overflow-y:auto}.check{box-shadow:inset 0 0 20px #ff0000b3;border:4px solid red!important}.animated-piece{z-index:100;pointer-events:none;pointer-events:none;z-index:100;justify-content:center;align-items:center;width:12.5%;height:12.5%;transition:transform 90ms cubic-bezier(.25,.8,.25,1);display:flex;position:absolute}.piece-image{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:90%;height:90%}.brand-mark{justify-content:center;align-items:center;width:110px;height:110px;display:flex;position:relative}.brand-piece{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:72px;height:72px;position:absolute}.black-logo{z-index:2;top:18px;left:18px;transform:rotate(-15deg)}.white-logo{z-index:1;top:18px;right:18px;transform:rotate(15deg)}@media (width<=768px){.top-actions{justify-content:center;width:100%;margin-bottom:20px;display:flex}}.game-area{justify-content:center;align-items:center;gap:20px;display:flex}.evaluation-container{background:#444;border:2px solid #444;border-radius:10px;flex-direction:column;align-self:stretch;width:30px;display:flex;overflow:hidden}.evaluation-black{background:#111;transition:height .5s}.evaluation-white{background:#fff;transition:height .5s}.promotion-piece{object-fit:contain;width:50px;height:50px}.move-piece{object-fit:contain;vertical-align:middle;width:20px;height:20px;margin-right:4px}.evaluation-container{flex-direction:column;width:30px;height:100%;display:flex}@media (width<=768px){.evaluation-container{flex-direction:row;width:100%;height:14px;margin-bottom:10px}.evaluation-black,.evaluation-white{transition:width .5s;height:100%!important}}.layout{justify-content:center;align-items:flex-start;gap:20px;display:flex}@media (width<=768px){.layout{flex-direction:column;align-items:center;gap:15px;display:flex}.board-wrap{order:1;width:min(95vw,700px)}.evaluation-wrapper{order:2;width:min(95vw,700px)}.panel{order:3;width:min(95vw,420px)}}.board-section{flex-direction:column;align-items:center;display:flex}.creator-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121212d1;border-top:1px solid #ffffff1f;flex-direction:column;justify-content:center;align-items:center;width:100vw;margin-top:25px;margin-left:calc(50% - 50vw);padding:16px 20px;display:flex}.creator-card img{object-fit:cover;border:2px solid #c9a24b;border-radius:50%;width:25px;height:25px}.creator-card p{color:#d8d8d8;margin:8px 0 3px;font-family:Cinzel,serif;font-size:10px}.creator-card h3{color:#f3efe6;margin:0;font-family:Cinzel,serif;font-size:10px}.revival-banner{text-align:center;z-index:99999;background:linear-gradient(#0f0f0ff5,#000000f5);border:3px solid #b8860b;border-radius:18px;min-width:500px;max-width:700px;padding:28px 45px;animation:.6s revivalAppear,2s ease-in-out infinite revivalGlow;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 25px #ffd70073,0 0 80px #ff00002e}.revival-wolf{object-fit:contain;filter:drop-shadow(0 0 12px #ffffff40)drop-shadow(0 0 20px #ff000040);width:110px;height:110px;margin-bottom:18px;animation:2s ease-in-out infinite wolfFloat}.revival-banner h2{color:#d4af37;letter-spacing:2px;text-shadow:0 0 10px #ffd7008c;margin:0;font-family:UnifrakturCook,serif;font-size:38px}.revival-banner p{color:#f3f3f3;margin-top:18px;font-family:Cinzel,serif;font-size:22px;line-height:1.5}@keyframes revivalAppear{0%{opacity:0;transform:translate(-50%,-50%)scale(.75)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes revivalGlow{0%{box-shadow:0 0 18px #ffd70059,0 0 45px #ff00001f}50%{box-shadow:0 0 35px #ffd700b3,0 0 90px #ff00004d}to{box-shadow:0 0 18px #ffd70059,0 0 45px #ff00001f}}@keyframes wolfFloat{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10000;background:#000000d1;justify-content:center;align-items:center;animation:.35s fadeIn;display:flex;position:fixed;inset:0}.game-over-modal{text-align:center;background:linear-gradient(#1d1d1d,#090909);border:3px solid #b8860b;border-radius:18px;width:500px;max-width:90vw;padding:35px 45px;animation:.45s modalAppear;box-shadow:0 0 18px #ffd70059,0 0 50px #000c}.game-over-modal h1{color:#d4af37;letter-spacing:2px;text-shadow:0 0 12px #ffd70073;margin:0;font-family:UnifrakturCook,serif;font-size:52px}.game-over-modal h2{color:#fff;letter-spacing:1px;margin-top:22px;font-family:Cinzel,serif;font-size:34px}.game-over-modal h3{color:#cfcfcf;margin-top:12px;font-family:Cinzel,serif;font-size:22px;font-weight:400}.modal-buttons{justify-content:center;margin-top:35px;display:flex}.modal-buttons button{color:#fff;cursor:pointer;background:#242424;border:2px solid #d4af37;border-radius:10px;padding:14px 38px;font-family:Cinzel,serif;font-size:18px;transition:transform .2s,background .2s,box-shadow .2s}.modal-buttons button:hover{color:#000;background:#b8860b;transform:translateY(-3px);box-shadow:0 0 15px #ffd70080}.modal-buttons button:active{transform:scale(.96)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalAppear{0%{opacity:0;transform:scale(.8)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.choose-side{color:#f5e6c8;text-align:center;background:linear-gradient(#080808,#111);flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100vh;display:flex}.choose-side h1{letter-spacing:4px;color:#d4af37;text-shadow:0 0 15px #d4af3766;font-size:3.2rem}.choose-side h2{color:#c8b27c;letter-spacing:2px;margin-bottom:10px}.selection-group{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.selection-group button{color:#fff;cursor:pointer;background:#1d1d1d;border:2px solid #444;border-radius:12px;min-width:180px;padding:15px 24px;font-size:1rem;transition:all .25s}.selection-group button:hover:not(:disabled){border-color:#d4af37;transform:translateY(-4px);box-shadow:0 0 18px #d4af3773}.selection-group button.selected{color:#fff;background:linear-gradient(135deg,#7b1113,#b8860b);border-color:gold;transform:scale(1.05);box-shadow:0 0 20px gold,0 0 40px #ffd7004d}.selection-group button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.start-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b0000,#d4af37);border:none;border-radius:14px;margin-top:35px;padding:16px 45px;font-size:1.15rem;font-weight:700;transition:all .25s}.start-button:hover:not(:disabled){transform:scale(1.07);box-shadow:0 0 25px gold}.start-button:disabled{color:#999;cursor:not-allowed;box-shadow:none;background:#444}