:root{--bg-dark:#2f2218;--bg-mid:#5b3d26;--parchment-top:#fff6e4;--parchment-bottom:#efd9b7;--panel-border:#8b5a2b;--panel-shadow:#23150947;--text-strong:#3c2515;--text-soft:#6e4b2f;--accent:#7d35b8;--accent-strong:#5e248f;--accent-light:#c89aff;--gold:#d3a64f;--board-size:min(800px,calc(100vh - 300px),calc(100vw - 420px))}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#ffdc9f2e,#0000 30%),linear-gradient(180deg,#6d4a2d,#3d291b 58%,#271910);font-family:Georgia,Times New Roman,serif;margin:0}.app,body{min-height:100vh}.app{align-items:center;color:#3c2515;color:var(--text-strong);display:flex;flex-direction:column;padding:28px 20px 48px}.app-header{margin-bottom:24px;max-width:760px;text-align:center}.game-title-kicker,.panel-kicker{color:#f0ca86;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.panel-kicker{color:#8b5a2b;color:var(--panel-border);margin-bottom:10px}.game-title{color:#fff2db;font-size:clamp(2.8rem,6vw,4.6rem);line-height:.95;margin:8px 0 10px;text-shadow:0 3px 14px #0000004d}.game-subtitle{color:#ffefd5d1;font-size:1.05rem;line-height:1.6;margin:0}.game-layout{align-items:stretch;display:flex;gap:24px;justify-content:center;width:min(1440px,100%)}.board-panel,.move-history,.panel{background:linear-gradient(180deg,#fff6e4,#efd9b7);background:linear-gradient(180deg,var(--parchment-top) 0,var(--parchment-bottom) 100%);border:3px solid #8b5a2b;border:3px solid var(--panel-border);border-radius:22px;box-shadow:0 22px 45px #23150947,inset 0 1px 0 #ffffff73;box-shadow:0 22px 45px var(--panel-shadow),inset 0 1px 0 #ffffff73}.board-panel{max-width:100%;padding:18px;position:relative;width:fit-content}.help-fab{background:#7d35b8;background:var(--accent,#7c5a2e);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 14px #00000047;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:700;height:44px;position:fixed;right:24px;transition:background .15s,transform .15s;width:44px;z-index:900}.help-fab:hover{background:#5a3e1b;background:var(--accent-dark,#5a3e1b);transform:scale(1.08)}.guard-warning-overlay{animation:guard-warning-flash 1.8s ease-out forwards;background:linear-gradient(180deg,#fbe2bf,#efb57a);border:2px solid #b85c1e;border-radius:16px;box-shadow:0 14px 28px #8b451338;color:#5d3014;font-weight:700;left:50%;line-height:1.4;padding:14px 18px;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100% - 40px));z-index:1200}.check-warning-overlay{background:linear-gradient(180deg,#ffd6cb,#e98874);border-color:#ad3527;box-shadow:0 14px 28px #7e160c3d;color:#5e1810}@keyframes guard-warning-flash{0%{opacity:0;transform:translate(-50%,-44%) scale(.94)}12%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-54%) scale(1.02)}}.sidebar{display:flex;flex-direction:column;gap:18px;width:min(320px,100%)}.mobile-bottom-nav,.mobile-panel-backdrop{display:none}.game-info{display:flex;flex-direction:column;font-size:1rem;gap:14px;padding:20px}.game-info-divider{background:#8b5a2b33;height:1px;margin:0 -4px}.game-info-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}.online-status-row{align-items:center;background:#7d35b812;border:1px solid #7d35b82e;border-radius:10px;display:flex;gap:8px;padding:8px 12px}.online-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.online-dot--connected{background:#22c55e;box-shadow:0 0 6px #22c55e99}.online-dot--waiting{background:#d3a64f;background:var(--gold);box-shadow:0 0 6px #d3a64f80}.online-dot--offline{background:#8b5a2b66}.online-status-label{flex:1 1;font-size:.8rem;overflow:hidden;text-overflow:ellipsis}.online-manage-btn,.online-status-label{color:#6e4b2f;color:var(--text-soft);white-space:nowrap}.online-manage-btn{background:none;border:1px solid #8b5a2b;border:1px solid var(--panel-border);border-radius:7px;cursor:pointer;font-family:inherit;font-size:.75rem;padding:3px 9px;transition:background .15s,color .15s}.online-manage-btn:hover{background:#7d35b81a;border-color:#7d35b8;border-color:var(--accent);color:#7d35b8;color:var(--accent)}.online-modal-status{color:#6e4b2f;color:var(--text-soft);font-size:.9rem}.online-modal-controls{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.online-modal-container{width:min(400px,calc(100vw - 32px))}.online-modal-status{align-items:center;display:flex;gap:8px;margin-bottom:14px}.online-modal-status-text{color:#6e4b2f;color:var(--text-soft);font-size:1rem}.online-modal-section{display:flex;flex-direction:column;gap:12px;margin-bottom:4px}.online-modal-label{color:#6e4b2f;color:var(--text-soft);font-size:1rem;margin:0}.online-modal-label--or{color:#6e4b2f80;font-size:.88rem;text-align:center}.online-modal-row{align-items:baseline;border-bottom:1px solid #8b5a2b1f;display:flex;gap:12px;justify-content:space-between;padding:8px 0}.online-modal-row:last-child{border-bottom:none}.online-modal-field{color:#d3a64f;color:var(--gold);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.online-modal-value{color:#3c2515;color:var(--text-strong);font-size:1.05rem;text-align:right}.online-modal-notice{color:#7d35b8;color:var(--accent);font-size:.95rem;margin:10px 0 0}.mode-toggle{display:flex;flex-wrap:wrap;gap:8px}.mode-toggle-button{flex:1 1}.mode-toggle.three-up .mode-toggle-button{min-width:0}.mode-toggle-button{background:#fff6e4c7;border:2px solid #8b5a2b59;border-radius:14px;color:#3c2515;color:var(--text-strong);cursor:pointer;font-size:.9rem;font-weight:700;padding:10px 12px;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.mode-toggle-button:hover{border-color:#7d35b8;border-color:var(--accent);transform:translateY(-1px)}.mode-toggle-button.active{background:linear-gradient(135deg,#7d35b824,#a558e842);border-color:#5e248f;border-color:var(--accent-strong);box-shadow:inset 0 0 0 1px #ffffff8c}.game-info-row{display:flex;flex-direction:column;gap:4px}.game-info-row.subtle .game-info-value{color:#6e4b2f;color:var(--text-soft)}.game-info-value.premove-value{color:#6b4cc7}.online-controls,.online-room-card{display:flex;flex-direction:column;gap:10px}.online-join-row{display:flex;gap:8px}.online-join-input{background:#ffffffb8;border:2px solid #8b5a2b33;border-radius:999px;color:#3c2515;color:var(--text-strong);flex:1 1 auto;font-size:.95rem;min-width:0;padding:0 12px}.game-status.subtle{background:#3f241214;color:#6e4b2f;color:var(--text-soft)}.game-info-label{color:#8b5a2b;color:var(--panel-border);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.game-info-value{color:#3c2515;color:var(--text-strong);font-size:1.2rem;font-weight:700}.game-button,.game-modal-button{background:linear-gradient(135deg,#7d35b8,#a558e8);background:linear-gradient(135deg,var(--accent) 0,#a558e8 100%);border:none;border-radius:999px;box-shadow:0 8px 18px #5a1ea047;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:12px 18px;transition:transform .18s ease,box-shadow .18s ease}.game-button:hover,.game-modal-button:hover{box-shadow:0 12px 22px #6e28be61;transform:translateY(-1px)}.game-button.secondary,.game-modal-button.secondary{background:#5e248f1a;box-shadow:none;color:#3c2515;color:var(--text-strong)}.powers-key-modal{display:flex;flex-direction:column;max-height:min(760px,calc(100vh - 32px));text-align:left;width:min(720px,calc(100vw - 32px))}.powers-key-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.powers-key-close{background:#8b5a2b14;border:1px solid #8b5a2b4d;border-radius:50%;color:#6e4b2f;color:var(--text-soft);cursor:pointer;flex:0 0 auto;font-size:1.5rem;height:36px;line-height:1;transition:background .15s,color .15s;width:36px}.powers-key-close:hover{background:#7d35b81f;border-color:#7d35b8;border-color:var(--accent);color:#7d35b8;color:var(--accent)}.powers-key-list{display:flex;flex-direction:column;gap:12px;margin-top:18px;overflow-y:auto}.powers-key-entry{align-items:flex-start;background:#fff8eca8;border-radius:16px;box-shadow:inset 0 0 0 1px #8b5a2b1f;display:flex;gap:12px;padding:12px}.powers-key-badge{align-items:center;border-radius:50%;box-shadow:0 6px 14px #48271224,inset 0 1px 0 #ffffff52;color:#fff9ee;display:flex;flex:0 0 40px;font-size:1.05rem;font-weight:700;height:40px;justify-content:center;width:40px}.powers-key-badge.shield{background:radial-gradient(circle at 30% 30%,#fff2b7 0,#d7a53b 74%)}.powers-key-badge.double-attack{background:radial-gradient(circle at 30% 30%,#ddfff7 0,#2ea9a3 74%)}.powers-key-badge.second-life{background:radial-gradient(circle at 30% 30%,#f1ddff 0,#8b4cbe 74%)}.powers-key-badge.guard{background:radial-gradient(circle at 30% 30%,#ffd9c7 0,#c85d2f 74%)}.powers-key-copy{display:flex;flex-direction:column;gap:4px}.powers-key-name{color:#3c2515;color:var(--text-strong);font-size:1.1rem;font-weight:700}.powers-key-description{color:#6e4b2f;color:var(--text-soft);font-size:1rem;line-height:1.55}.power-setup-modal{display:flex;flex-direction:column;max-height:min(880px,calc(100vh - 32px));text-align:left;width:min(960px,calc(100vw - 32px))}.power-setup-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.power-setup-close{background:#8b5a2b14;border:1px solid #8b5a2b4d;border-radius:50%;color:#6e4b2f;color:var(--text-soft);cursor:pointer;flex:0 0 auto;font-size:1.5rem;height:36px;line-height:1;transition:background .15s,color .15s;width:36px}.power-setup-close:hover{background:#7d35b81f;border-color:#7d35b8;border-color:var(--accent);color:#7d35b8;color:var(--accent)}.power-setup-body{display:flex;flex-direction:column;gap:14px;margin-top:18px;overflow-y:auto;padding:0 4px 0 0}.power-setup-note{background:#8b5a2b14;border-radius:14px;color:#6e4b2f;color:var(--text-soft);line-height:1.45;padding:12px 14px}.power-setup-group{display:flex;flex-direction:column;gap:10px}.power-setup-group-title{color:#d3a64f;color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.power-setup-grid,.power-setup-presets{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.power-setup-preset{align-items:flex-start;background:#fff8eca8;border:1px solid #8b5a2b2e;border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff3d;color:#3c2515;color:var(--text-strong);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.power-setup-preset:hover{border-color:#7d35b86b;box-shadow:inset 0 0 0 1px #ffffff61,0 8px 18px #5e248f1a;transform:translateY(-1px)}.power-setup-preset-label{font-size:1rem;font-weight:700}.power-setup-preset-copy{color:#6e4b2f;color:var(--text-soft);font-size:.92rem;line-height:1.45}.power-setup-field{background:#fff8eca8;border-radius:16px;box-shadow:inset 0 0 0 1px #8b5a2b1f;display:flex;flex-direction:column;gap:6px;padding:12px}.power-setup-label{color:#3c2515;color:var(--text-strong);font-size:.95rem;font-weight:700}.power-setup-locked,.power-setup-select{background:#ffffffbd;border:1px solid #8b5a2b47;border-radius:12px;color:#3c2515;color:var(--text-strong);font-size:1rem;min-height:40px;padding:0 12px}.power-setup-select{cursor:pointer}.power-setup-locked{align-items:center;color:#6e4b2f;color:var(--text-soft);display:flex}.power-setup-actions{display:flex;gap:10px;margin-top:24px}.chessboard{aspect-ratio:1/1;border:5px solid #74451f;border-radius:14px;box-shadow:0 14px 28px #0000002e;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));overflow:hidden;position:relative;width:min(800px,calc(100vh - 300px),calc(100vw - 420px));width:var(--board-size)}.chessboard--pregame .piece-container,.chessboard--pregame .piece-container:active,.chessboard--pregame .square{cursor:default}.board-pregame-play-wrap{inset:0;pointer-events:none;position:absolute;z-index:900}.board-pregame-play,.board-pregame-play-wrap{align-items:center;display:flex;justify-content:center}.board-pregame-play{animation:arcane-button-pulse 2.8s ease-in-out infinite;background:radial-gradient(circle at 38% 32%,#58268cd1 0,#301250eb 45%,#160828f7 100%);border:none;border-radius:50%;box-shadow:0 0 0 2px #b478ff73,0 0 18px #9450e659,0 0 40px #6428b433,0 12px 28px #00000080;color:#ffeecf;cursor:pointer;height:clamp(84px,20vw,116px);padding:0;pointer-events:auto;position:relative;transition:transform .22s ease,box-shadow .22s ease;width:clamp(84px,20vw,116px)}.board-pregame-play:before{animation:arcane-orbit-spin 8s linear infinite;border:1.5px dashed #d2a0ff73;border-radius:50%;content:"";inset:-6px;pointer-events:none;position:absolute}.board-pregame-play:after{animation:arcane-orbit-spin 4s linear infinite reverse;background:conic-gradient(from 0deg,#0000 0deg,#c88cff1f 60deg,#0000 120deg,#ffc8641a 180deg,#0000 240deg,#b46eff1f 300deg,#0000 1turn);border-radius:50%;content:"";inset:4px;pointer-events:none;position:absolute}.board-pregame-play:hover:not(:disabled){box-shadow:0 0 0 2px #d2a0ffb3,0 0 28px #a050ff8c,0 0 56px #7832c859,0 16px 32px #0000008c;transform:scale(1.08)}.board-pregame-play:focus-visible{outline:2px solid #c88cffcc;outline-offset:5px}.board-pregame-play:disabled{animation:none;cursor:not-allowed;opacity:.35;transform:none}.board-pregame-play:disabled:before{animation:none}.board-pregame-play-icon{display:flex;line-height:0;position:relative;z-index:1}.board-pregame-play-icon svg{fill:currentColor;filter:drop-shadow(0 0 6px rgba(220,170,255,.8)) drop-shadow(0 0 14px rgba(160,80,255,.5))}@keyframes arcane-button-pulse{0%,to{box-shadow:0 0 0 2px #b478ff73,0 0 18px #9450e659,0 0 40px #6428b433,0 12px 28px #00000080}50%{box-shadow:0 0 0 2px #d2a0ffa6,0 0 28px #a05aff80,0 0 60px #7832c84d,0 12px 28px #00000080}}@keyframes arcane-orbit-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chessboard--battle-intro{animation:board-battle-shake .55s ease-in-out .12s 1 both}@keyframes board-battle-shake{0%,to{transform:translate(0) scale(1)}15%{transform:translate(-3px,2px) scale(1.008)}30%{transform:translate(4px,-2px) scale(1.012)}45%{transform:translate(-2px,-3px) scale(1.006)}60%{transform:translate(2px,2px) scale(1.003)}}.board-battle-intro{align-items:center;border-radius:10px;display:flex;flex-direction:column;inset:0;justify-content:center;overflow:hidden;pointer-events:none;position:absolute;z-index:1050}.board-battle-intro-flash{animation:board-battle-flash 1.55s ease-out forwards;background:radial-gradient(circle at 50% 45%,#ffdc968c 0,#b45a2838 38%,#0000 62%);inset:-20%;position:absolute}.board-battle-intro-ring{animation:board-battle-ring 1.5s cubic-bezier(.22,1,.36,1) forwards;border:3px solid #ffc87873;border-radius:50%;box-shadow:0 0 40px #ff8c3c59,inset 0 0 60px #78281426;height:140%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:140%}.board-battle-intro-swords{animation:board-battle-swords 1.45s cubic-bezier(.34,1.56,.64,1) forwards;filter:drop-shadow(0 4px 12px rgba(0,0,0,.45));font-size:clamp(2.5rem,12vw,3.75rem);line-height:1;position:relative;z-index:2}.board-battle-intro-title{animation:board-battle-title 1.4s ease-out forwards;color:#3a1f0d;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,4.2vw,1.35rem);font-weight:800;letter-spacing:.12em;margin-top:.35rem;position:relative;text-shadow:0 0 20px #ffe6b4e6,0 2px 0 #ffffff59;text-transform:uppercase;z-index:2}@keyframes board-battle-flash{0%{opacity:0;transform:scale(.6)}18%{opacity:1}to{opacity:0;transform:scale(1.35)}}@keyframes board-battle-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}@keyframes board-battle-swords{0%{opacity:0;transform:scale(.2) rotate(-28deg)}22%{opacity:1;transform:scale(1.15) rotate(6deg)}45%{transform:scale(1) rotate(-4deg)}70%{opacity:1;transform:scale(1.08) rotate(2deg)}to{opacity:0;transform:scale(1.4) rotate(0deg)}}@keyframes board-battle-title{0%{opacity:0;transform:translateY(12px) scale(.85)}20%{opacity:1;transform:translateY(0) scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-8px) scale(1.02)}}@media (prefers-reduced-motion:reduce){.chessboard--battle-intro{animation:none}.board-battle-intro-flash,.board-battle-intro-ring,.board-battle-intro-swords,.board-battle-intro-title{animation-duration:.01ms!important;animation-iteration-count:1!important}.board-pregame-play,.board-pregame-play:after,.board-pregame-play:before{animation:none}.piece-power-awakening .aura-double-attack,.piece-power-awakening .piece-aura,.piece-power-awakening .piece-frame,.piece-power-awakening .piece-ornament,.piece-power-awakening .power-medallion,.piece-power-awakening .shield-overlay,.piece-power-burst{animation-duration:.01ms!important;animation-iteration-count:1!important}}.piece-power-burst{animation:power-burst-expand .5s ease-out 0s both;animation:power-burst-expand .5s ease-out var(--awaken-delay,0s) both;background:radial-gradient(circle,#fff2aaeb 0,#ffaf378c 38%,#0000 68%);border-radius:50%;inset:-30%;pointer-events:none;position:absolute;z-index:20}.piece-power-awakening .piece-aura{animation:aura-awaken-fade .45s ease-out 0s both;animation:aura-awaken-fade .45s ease-out var(--awaken-delay,0s) both}.piece-power-awakening .aura-double-attack{animation:aura-awaken-fade .45s ease-out 0s both,double-attack-spin 5s linear infinite;animation:aura-awaken-fade .45s ease-out var(--awaken-delay,0s) both,double-attack-spin 5s linear infinite}.piece-power-awakening .piece-frame,.piece-power-awakening .piece-ornament,.piece-power-awakening .shield-overlay{animation:power-chrome-awaken .45s cubic-bezier(.34,1.2,.64,1) 0s both;animation:power-chrome-awaken .45s cubic-bezier(.34,1.2,.64,1) var(--awaken-delay,0s) both}.piece-power-awakening .power-medallion{animation:medallion-awaken-pop .45s cubic-bezier(.34,1.56,.64,1) 0s both;animation:medallion-awaken-pop .45s cubic-bezier(.34,1.56,.64,1) var(--awaken-delay,0s) both}@keyframes aura-awaken-fade{0%{opacity:0}to{opacity:.9}}@keyframes power-burst-expand{0%{opacity:1;transform:scale(.15)}45%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.7)}}@keyframes power-chrome-awaken{0%{filter:brightness(3);opacity:0;transform:scale(.3)}60%{filter:brightness(1.5);opacity:1;transform:scale(1.12)}to{filter:brightness(1);opacity:1;transform:scale(1)}}@keyframes medallion-awaken-pop{0%{opacity:0;transform:translateX(-50%) scale(.1) rotate(-200deg)}60%{opacity:1;transform:translateX(-50%) scale(1.3) rotate(12deg)}to{opacity:1;transform:translateX(-50%) scale(1) rotate(0deg)}}.moving-piece-overlay{animation:move-piece-between-squares .5s cubic-bezier(.25,.46,.45,.94) forwards;animation:move-piece-between-squares var(--move-duration,.5s) cubic-bezier(.25,.46,.45,.94) forwards;pointer-events:none;position:absolute;z-index:1000}.moving-piece-overlay-return{animation:move-piece-return .76s cubic-bezier(.38,.06,.26,.98) forwards;animation:move-piece-return var(--move-duration,.76s) cubic-bezier(.38,.06,.26,.98) forwards}@keyframes move-piece-between-squares{0%{transform:translate(0)}to{transform:translate(var(--move-x),var(--move-y))}}@keyframes move-piece-return{0%{transform:translate(0) scale(1)}38%{transform:translate(var(--move-x),var(--move-y)) scale(1.06)}56%{transform:translate(var(--move-x),var(--move-y)) scale(1.04)}to{transform:translate(0) scale(1)}}.square{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;position:relative;transition:all .2s ease;width:100%}.square.light{background-color:#f0d9b5}.square.dark{background-color:#b58863}.square.selected{background-color:#ccb86f!important;box-shadow:inset 0 0 0 3px #8f7337}.square.valid-move{background-color:#d9c28d!important}.square.in-check{background-color:#ff6b6b!important}.square.last-move-from{background-color:#ffeb3b!important;box-shadow:inset 0 0 0 2px #fbc02d}.square.last-move-to{background-color:#ffc107!important;box-shadow:inset 0 0 0 2px #ff8f00}.square.premove-from{box-shadow:inset 0 0 0 3px #6f4fd6f2,inset 0 0 24px #7a5be72e}.square.premove-to:after{border:3px solid #6f4fd6e6;border-radius:50%;box-shadow:0 0 0 2px #f5eeffb8,0 0 16px #6f4fd647;content:"";inset:16%;pointer-events:none;position:absolute}.square.drag-source{box-shadow:inset 0 0 0 3px #9450e6bf}.square.guard-target{animation:guard-target-pulse .9s ease-in-out infinite;background-color:#cf6539!important;box-shadow:inset 0 0 0 3px #fff1d5,inset 0 0 30px #6a180857,0 0 22px #bf542042}@keyframes guard-target-pulse{0%,to{filter:saturate(1)}50%{filter:saturate(1.2) brightness(1.05)}}.square.checking-piece{animation:checking-piece-pulse 1s ease-in-out infinite;background-color:#cb5a49!important;box-shadow:inset 0 0 0 3px #ffe2d7,inset 0 0 24px #5b050547}@keyframes checking-piece-pulse{0%,to{filter:saturate(1)}50%{filter:saturate(1.25) brightness(1.08)}}.piece{font-size:48px;z-index:2}.piece,.piece-image{position:relative;-webkit-user-select:none;user-select:none}.piece-image{filter:drop-shadow(0 3px 4px rgba(0,0,0,.28));height:60px;pointer-events:none;transition:transform .3s ease;width:60px;z-index:4}.piece-container{align-items:center;cursor:grab;display:flex;height:100%;justify-content:center;position:relative;width:100%}.piece-aura,.piece-frame,.piece-ornament{inset:7px;pointer-events:none;position:absolute}.piece-aura{border-radius:50%;filter:blur(4px);opacity:.9;z-index:1}.piece-frame{border-radius:50%;box-shadow:inset 0 0 0 2px #fff5d9a6,0 2px 6px #31190959;z-index:2}.piece-ornament{border-radius:50%;inset:2px;overflow:hidden;z-index:3}.piece-ornament:after,.piece-ornament:before{content:"";position:absolute}.piece-container:active{cursor:grabbing}.piece-dragging{opacity:.35}.piece-moved{animation:piece-move .6s ease-out}.piece-appeared{animation:piece-appear .95s ease-out}.piece-second-life-return{animation:piece-appear .95s ease-out,second-life-return 1.25s ease-out}.piece-shield-breaking{animation:shield-break-impact .76s ease-out}.piece-double-attack-surging{animation:double-attack-bonus-pulse 1s ease-out}.piece-guard-targeted{animation:guard-piece-demand .9s ease-in-out infinite}.piece-guard-targeted .piece-image{filter:brightness(1.08) saturate(1.18) drop-shadow(0 0 10px rgba(255,223,191,.72)) drop-shadow(0 0 18px rgba(188,72,28,.48))}.piece-guard-targeted .guard-glow{animation:guard-target-glow .9s ease-in-out infinite;background:radial-gradient(circle,#ffce9a4d 0,#0000 58%),linear-gradient(45deg,#d257249e,#ffa57847);box-shadow:0 0 18px #be491a4d,inset 0 0 18px #ffddbd24}.piece-guard-targeted .power-guard{box-shadow:0 0 0 2px #fff1e1b8,0 0 14px #d2572473}.piece-shield-breaking .piece-aura,.piece-shield-breaking .piece-frame,.piece-shield-breaking .piece-ornament{animation:shield-fade .76s ease-out forwards}.piece-shield-breaking .piece-image{animation:shield-hit-flash .76s ease-out forwards}.double-attack-burst{animation:double-attack-burst 1s ease-out forwards;background:conic-gradient(from 0deg,#bffff700 0deg,#87f5ebe0 48deg,#bffff700 96deg,#3fd3cec7 160deg,#bffff700 220deg,#87f5ebe0 300deg,#bffff700 1turn);border-radius:50%;filter:blur(1px);inset:-4px;pointer-events:none;position:absolute;z-index:0}.piece-double-attack-surging .piece-image{animation:double-attack-image-surge 1s ease-out}.piece-double-attack-surging .aura-double-attack,.piece-double-attack-surging .frame-double-attack,.piece-double-attack-surging .ornament-double-attack,.piece-double-attack-surging .power-double-attack{animation:double-attack-energy-flare 1s ease-out}@keyframes piece-move{0%{filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));transform:scale(1.2) rotate(-5deg)}50%{filter:drop-shadow(0 6px 12px rgba(0,0,0,.3));transform:scale(1.1) rotate(2deg)}to{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transform:scale(1) rotate(0deg)}}@keyframes piece-appear{0%{filter:brightness(1.8) hue-rotate(250deg) drop-shadow(0 0 22px rgba(181,124,255,.75));opacity:0;transform:scale(.35) translateY(12px) rotate(12deg)}50%{filter:brightness(1.35) hue-rotate(205deg) drop-shadow(0 0 18px rgba(130,235,169,.7));opacity:1;transform:scale(1.18) translateY(-10px) rotate(-4deg)}to{filter:brightness(1) drop-shadow(0 2px 4px rgba(0,0,0,.2));opacity:1;transform:scale(1) rotate(0deg)}}@keyframes second-life-return{0%{box-shadow:0 0 0 #90ffc400}35%{box-shadow:0 0 20px #90ffc473,0 0 34px #ab6df54d}to{box-shadow:0 0 0 #90ffc400}}@keyframes shield-break-impact{0%{transform:scale(1) translateX(0)}20%{transform:scale(.92) translateX(2px)}44%{transform:scale(1.05) translateX(-2px)}to{transform:scale(1) translateX(0)}}@keyframes double-attack-bonus-pulse{0%{transform:scale(1)}24%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes double-attack-burst{0%{opacity:0;transform:scale(.55) rotate(0deg)}22%{opacity:1;transform:scale(1.08) rotate(70deg)}to{opacity:0;transform:scale(1.45) rotate(160deg)}}@keyframes double-attack-image-surge{0%{filter:brightness(1) saturate(1) drop-shadow(0 3px 4px rgba(0,0,0,.28));transform:scale(1)}30%{filter:brightness(1.28) saturate(1.22) drop-shadow(0 0 14px rgba(135,245,235,.72));transform:scale(1.1)}to{filter:brightness(1) saturate(1) drop-shadow(0 3px 4px rgba(0,0,0,.28));transform:scale(1)}}@keyframes double-attack-energy-flare{0%,to{filter:brightness(1);opacity:1}30%{filter:brightness(1.38);opacity:1}}@keyframes guard-piece-demand{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes guard-target-glow{0%,to{opacity:.78;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}@keyframes shield-fade{0%{filter:blur(4px) brightness(1);opacity:1}52%{filter:blur(6px) brightness(1.35);opacity:.8}to{filter:blur(10px) brightness(1.6);opacity:0}}@keyframes shield-hit-flash{0%{filter:brightness(1) saturate(1) drop-shadow(0 3px 4px rgba(0,0,0,.28));transform:scale(1)}18%{filter:brightness(2.2) saturate(.2) drop-shadow(0 0 14px rgba(255,248,208,.9));transform:scale(1.12)}46%{filter:brightness(1.35) saturate(.7) drop-shadow(0 0 10px rgba(255,193,92,.6));transform:scale(.94)}to{filter:brightness(1) saturate(1) drop-shadow(0 3px 4px rgba(0,0,0,.28));transform:scale(1)}}.piece-image:hover{transform:scale(1.05)}.power-medallion{border:2px solid #442310b8;border-radius:50%;bottom:3px;box-shadow:0 5px 10px #00000047,inset 0 1px 0 #ffffff73;height:26px;left:50%;position:absolute;transform:translateX(-50%);width:26px;z-index:5}.power-medallion,.power-medallion-core{align-items:center;display:flex;justify-content:center}.power-medallion-core{border-radius:50%;color:#fff8eb;font-size:10px;font-weight:700;height:16px;text-shadow:0 1px 2px #00000059;width:16px}.power-shield{background:radial-gradient(circle at 30% 30%,#fff7cf 0,#d2a63f 75%)}.power-double-attack{background:radial-gradient(circle at 30% 30%,#ddfff7 0,#2ea9a3 75%)}.power-second-life{background:radial-gradient(circle at 30% 30%,#f1ddff 0,#8b4cbe 75%)}.power-guard{background:radial-gradient(circle at 30% 30%,#ffd9c7 0,#c85d2f 75%)}.aura-shield{background:radial-gradient(circle,#ffe272c7 0,#d6a52a3d 56%,#0000 72%)}.aura-double-attack{animation:double-attack-spin 5s linear infinite;background:conic-gradient(from 0deg,#5cdcd91a 0deg,#5cdcd9bf 90deg,#5cdcd91a 180deg,#5cdcd9bf 270deg,#5cdcd91a 1turn)}.aura-second-life{background:radial-gradient(circle,#ae6cd67a 0,#0000 72%)}.aura-guard{background:radial-gradient(circle,#d167377a 0,#0000 72%)}.frame-shield{background:radial-gradient(circle at top,#fff7c9d1 0,#0000 55%),linear-gradient(180deg,#c9972a9e,#7c560dad)}.frame-double-attack{background:conic-gradient(from 0deg,#2da6aad9,#acf5f040,#2da6aad9)}.frame-second-life{background:radial-gradient(circle at center,#fae6ff33 0,#0000 52%),linear-gradient(180deg,#a45ccdc7,#562674d1)}.frame-guard{background:linear-gradient(180deg,#d97642e0,#7a3218e0)}.ornament-shield:after,.ornament-shield:before{display:none}.ornament-double-attack:after,.ornament-double-attack:before{background:linear-gradient(180deg,#d6fffce6,#42bcb9c2);clip-path:polygon(50% 0,100% 18%,78% 50%,100% 100%,46% 74%,0 100%,20% 46%,0 18%);filter:drop-shadow(0 2px 4px rgba(18,89,96,.35));height:22px;top:50%;width:16px}.ornament-double-attack:before{left:1px;transform:translateY(-50%) rotate(-18deg)}.ornament-double-attack:after{right:1px;transform:translateY(-50%) rotate(18deg) scaleX(-1)}.ornament-second-life:before{border:3px solid #e7c7ff94;border-radius:50%;box-shadow:0 0 10px #945bcb47,inset 0 0 8px #ffefff2e;height:44px;left:50%;top:50%;transform:translate(-50%,-50%);width:44px}.ornament-second-life:after{background:linear-gradient(180deg,#e2bffff2,#874cbfd1);border-radius:0 0 18px 18px;bottom:3px;clip-path:polygon(0 0,100% 0,82% 100%,18% 100%);height:14px;left:50%;transform:translateX(-50%);width:24px}.ornament-guard:before{background:linear-gradient(180deg,#ffccaeeb,#b4552ce6);box-shadow:inset 0 0 0 2px #fff0de75;clip-path:polygon(50% 0,92% 15%,92% 56%,50% 100%,8% 56%,8% 15%);height:48px;left:50%;top:50%;transform:translate(-50%,-50%);width:42px}.ornament-guard:after{background:#68271180;clip-path:polygon(50% 0,100% 36%,80% 100%,20% 100%,0 36%);height:24px;left:50%;top:50%;transform:translate(-50%,-42%);width:20px}.shield-overlay{background:radial-gradient(circle,#fff4c19e 0,#ffd65757 52%,#0000 72%);border:2px solid #edc152fa;border-radius:50%;box-shadow:0 0 16px #e3b02a75,inset 0 0 14px #fff7d28f;inset:7px;position:absolute;z-index:3}.shield-overlay.shield-breaking{animation:shield-overlay-break .76s ease-out forwards;transform-origin:center}.guard-glow{animation:guard-pulse 2s infinite;background:radial-gradient(circle,#ffb0782e 0,#0000 60%),linear-gradient(45deg,#ff572266,#ff8a6526);border-radius:50%;inset:2px;position:absolute;z-index:0}@keyframes double-attack-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes guard-pulse{0%,to{opacity:.5}50%{opacity:.8}}@keyframes shield-overlay-break{0%{box-shadow:0 0 12px #ffd70057,inset 0 0 12px #fffcdb80;opacity:1;transform:scale(1)}34%{box-shadow:0 0 26px #ffe476bf,inset 0 0 24px #fffcdbeb;opacity:1;transform:scale(1.22)}to{box-shadow:0 0 48px #ffe47600,inset 0 0 0 #fffcdb00;opacity:0;transform:scale(1.8) translateY(-14px)}}.move-history{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;min-height:0;padding:20px;padding:22px 20px 16px;position:relative;width:100%}.move-history .panel-kicker{color:#d3a64f!important;color:var(--gold)!important;font-size:.65rem;letter-spacing:.24em;margin-bottom:6px}.move-history h3{border-bottom:1px solid #8b5a2b4d;color:#3c2515!important;color:var(--text-strong)!important;font-size:1.2rem!important;margin:0 0 10px!important;padding-bottom:8px}.move-history .move-history-list{background:repeating-linear-gradient(180deg,#0000 0,#0000 33px,#8b5a2b1f 0,#8b5a2b1f 34px);flex:1 1;overflow-y:auto;padding:2px 0}.move-history .move-history-entry{animation:inkWrite .4s ease-out both;background:#0000!important;border-bottom:1px solid #8b5a2b1a;border-radius:0!important;color:#6e4b2f!important;color:var(--text-soft)!important;font-size:.88rem;line-height:1.4;padding:7px 10px!important}.move-history .move-history-entry:last-child{border-bottom:none;color:#3c2515!important;color:var(--text-strong)!important;font-weight:600}.move-history .move-number{color:#d3a64f;color:var(--gold);font-size:.75rem;font-style:normal;margin-right:2px}.move-history .move-history-empty{background:#0000!important;color:#6e4b2f80!important;font-size:.85rem;padding:16px 12px!important;text-align:center}.chronicle-pagination{align-items:center;border-top:1px solid #8b5a2b40;display:flex;justify-content:space-between;margin-top:12px;padding-top:10px}.chronicle-page-btn{background:none;border:1px solid #8b5a2b;border:1px solid var(--panel-border);border-radius:8px;color:#6e4b2f;color:var(--text-soft);cursor:pointer;font-family:inherit;font-size:1.2rem;line-height:1;padding:2px 10px 4px;transition:background .15s,color .15s,border-color .15s}.chronicle-page-btn:hover:not(:disabled){background:#7d35b81a;border-color:#7d35b8;border-color:var(--accent);color:#7d35b8;color:var(--accent)}.chronicle-page-btn:disabled{cursor:default;opacity:.3}.chronicle-page-label{color:#6e4b2f;color:var(--text-soft);font-size:.75rem;letter-spacing:.05em}@keyframes bookAuraPulse{0%,to{box-shadow:-5px 0 14px #23150959,0 22px 45px #23150947,inset 0 1px 0 #ffffff73,0 0 28px #7d35b81f;box-shadow:-5px 0 14px #23150959,0 22px 45px var(--panel-shadow),inset 0 1px 0 #ffffff73,0 0 28px #7d35b81f}50%{box-shadow:-5px 0 14px #23150959,0 22px 45px #23150947,inset 0 1px 0 #ffffff73,0 0 44px #7d35b847,0 0 70px #7d35b814;box-shadow:-5px 0 14px #23150959,0 22px 45px var(--panel-shadow),inset 0 1px 0 #ffffff73,0 0 44px #7d35b847,0 0 70px #7d35b814}}@keyframes inkWrite{0%{filter:blur(2px);opacity:0;transform:translateY(-4px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.game-status{background:#7d35b81f;border:1px solid #7d35b847;border-radius:14px;color:#5e248f;color:var(--accent-strong);font-weight:700;padding:10px 14px}.game-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14100a8c;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.game-modal{background:linear-gradient(180deg,#fff6e4,#efd9b7);background:linear-gradient(180deg,var(--parchment-top) 0,var(--parchment-bottom) 100%);border:3px solid #8b5a2b;border:3px solid var(--panel-border);border-radius:22px;box-shadow:0 22px 50px #140a0080,inset 0 1px 0 #ffffff73;overflow:visible;padding:28px;position:relative;text-align:left;width:min(460px,calc(100vw - 32px))}.game-modal-kicker{color:#d3a64f;color:var(--gold);font-size:.7rem;font-weight:700;letter-spacing:.24em;margin-bottom:8px;text-transform:uppercase}.game-modal-title{border-bottom:1px solid #8b5a2b4d;color:#3c2515;color:var(--text-strong);font-size:1.9rem;line-height:1.2;margin:0 0 16px;padding-bottom:12px}.game-modal-text{color:#6e4b2f;color:var(--text-soft);font-size:1.05rem;line-height:1.65;margin:0 0 16px}.game-modal-actions{border-top:1px solid #8b5a2b33;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}@media (max-width:1024px){.game-layout{align-items:center;flex-direction:column}.sidebar{width:min(676px,100%)}:root{--board-size:min(calc(100vw - 36px),calc(100svh - 220px),800px)}.move-history{height:380px}.game-info{flex:initial}.game-info-actions{margin-top:0}}@media (max-width:760px){:root{--board-size:min(calc(100vw - 6px),calc(100svh - 150px),800px)}.app{box-sizing:border-box;height:100svh;min-height:0;min-height:auto;overflow:hidden;padding:6px 3px 0}.app-header{flex-shrink:0;margin-bottom:6px}.game-layout{align-items:center;flex:1 1;justify-content:center;min-height:0;width:100%}.board-panel{margin:0 auto}.game-title-kicker{font-size:.68rem;letter-spacing:.14em}.game-title{font-size:clamp(1.6rem,8vw,2.2rem);margin:18px 0 16px}.board-panel{background:none;border:none;border-radius:0;box-shadow:none;max-width:100%;overflow:visible;padding:0;width:fit-content}.board-panel .panel-kicker{display:none}.chessboard{border-radius:10px;border-width:0;width:min(800px,calc(100vh - 300px),calc(100vw - 420px));width:var(--board-size)}.piece-image{height:52px;width:52px}.piece-aura,.piece-frame,.shield-overlay{inset:8px}.guard-glow,.piece-ornament{inset:4px}.power-medallion{bottom:4px;height:22px;width:22px}.power-medallion-core{font-size:9px;height:14px;width:14px}.game-layout{gap:8px}.sidebar{gap:8px;width:100%}.panel-kicker{font-size:.68rem;letter-spacing:.14em;margin-bottom:6px}.game-info{gap:6px;padding:10px 12px}.game-info-row{align-items:baseline;flex-direction:row;gap:8px;justify-content:space-between}.game-info-value{font-size:1rem;text-align:right}.mode-toggle-button{border-radius:10px;font-size:.82rem;padding:7px 8px}.move-history{height:190px;padding:10px 12px}.move-history h3{font-size:.95rem!important;margin:0 0 6px!important;padding-bottom:5px}.move-history .panel-kicker{margin-bottom:2px}.wizard-book{padding:16px 16px 16px 20px!important}.wizard-book h3{font-size:.95rem!important}.power-setup-body{padding-right:0}.power-setup-grid,.power-setup-presets{grid-template-columns:1fr}.power-setup-actions{flex-direction:column}.power-setup-modal{max-height:min(100vh - 20px,880px);padding:20px 18px;width:min(100vw - 20px,960px)}.powers-key-modal{max-height:min(100vh - 20px,760px);padding:20px 18px;width:min(100vw - 20px,720px)}.guard-warning-overlay{font-size:.9rem;padding:10px 12px;width:min(320px,calc(100% - 20px))}.game-modal-actions{flex-direction:column}.sidebar{display:none}.app{padding-bottom:calc(60px + env(safe-area-inset-bottom, 0px))}.help-fab{bottom:calc(70px + env(safe-area-inset-bottom, 0px))}.mobile-bottom-nav{background:#1a0e07;border-top:1px solid #8b5a2b4d;bottom:0;display:flex;height:calc(56px + env(safe-area-inset-bottom, 0px));left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:1100}.mobile-tab{align-items:center;background:none;border:none;color:#fff6e459;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:inherit;font-size:.58rem;font-weight:700;gap:3px;justify-content:center;letter-spacing:.1em;padding:0;text-transform:uppercase;transition:color .15s}.mobile-tab svg{height:22px;width:22px}.mobile-tab.active{color:#d3a64f;color:var(--gold)}.mobile-panel-backdrop{align-items:flex-end;animation:mobileBackdropIn .18s ease;background:#0f060299;display:flex;inset:0;bottom:calc(56px + env(safe-area-inset-bottom, 0px));position:fixed;z-index:1050}.mobile-panel-sheet{animation:mobilePanelSlideUp .22s cubic-bezier(.32,.72,0,1);background:linear-gradient(180deg,#fff6e4,#efd9b7);background:linear-gradient(180deg,var(--parchment-top) 0,var(--parchment-bottom) 100%);border-radius:18px 18px 0 0;border-top:2px solid #8b5a2b;border-top:2px solid var(--panel-border);box-shadow:0 -10px 40px #0006;max-height:68vh;overflow-y:auto;width:100%}.mobile-sheet-handle{background:#8b5a2b40;border-radius:2px;height:4px;margin:10px auto 4px;width:36px}.mobile-panel-sheet .game-info,.mobile-panel-sheet .move-history{background:none;border:none;border-radius:0;box-shadow:none}.mobile-panel-sheet .move-history{height:auto;max-height:calc(68vh - 24px)}@keyframes mobilePanelSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes mobileBackdropIn{0%{opacity:0}to{opacity:1}}}
/*# sourceMappingURL=main.3e0d1ee7.css.map*/