/* Original sky-kingdom 3D arena and Play selection. */
.board-grid{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1}.arena-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;border-radius:7px}.has-3d .piece{visibility:hidden}.has-3d .square{background:transparent!important;box-shadow:none!important}.has-3d .board-row{position:relative}.has-3d .rank,.has-3d .file{z-index:4;color:#fff;text-shadow:0 1px 3px #081b46}.has-3d .square:focus-visible{outline:3px solid #95f6ff;outline-offset:-3px}.has-3d .cell:has(.square:focus-visible){z-index:4}.has-3d .capture-ring,.has-3d .move-dot{visibility:hidden}
.board-frame{background:linear-gradient(145deg,#6ed9ff,#383a8a 46%,#b2a1ed);border:1px solid #d5f3ff;box-shadow:0 15px 0 -5px #142b5c,0 25px 45px #050e3da6,inset 0 1px 0 #fff;position:relative}.board-frame::before{content:'';position:absolute;inset:-4px;border:1px solid #7adaff77;border-radius:inherit;pointer-events:none;box-shadow:0 0 23px #6ad4ff44;animation:arena-breathe 5s ease-in-out infinite}.arena-controls{display:flex;justify-content:center;gap:20px;min-height:37px}.arena-controls button{font-size:11px;color:#c7f2ff}.square .rendered-piece{filter:drop-shadow(0 4px 2px #06163e88);transform-origin:50% 88%;transition:filter .2s}.square.selected .rendered-piece{animation:hero-ready .9s ease-in-out infinite}.square:hover .rendered-piece{filter:drop-shadow(0 5px 5px #8cdcff99)}
.player-clock{font-variant-numeric:tabular-nums;margin-left:auto;font-size:23px;font-weight:800;letter-spacing:1px;color:#f5faff;background:#09244d88;padding:7px 11px;border-radius:10px;border:1px solid #b9dfff50}.player-clock.clock-low{color:#ffadb9;border-color:#ff809b}
.play-page{max-width:880px;margin:auto}.play-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.play-title h1{font-size:46px;font-family:Georgia,serif;margin:0}.play-title>span{font-size:8px;letter-spacing:2px;color:#c0e9ff}.play-launch{position:relative;overflow:hidden;min-height:345px;text-align:center;padding:35px 40px;border-radius:28px;background:linear-gradient(100deg,#123666ee,#24468e80),url('/assets/sky-kingdom-v2.png') center 43%/cover}.play-launch h2{font-size:38px;margin:12px 0 25px;font-family:Georgia,serif;color:#fff1cf}.play-hero-art{position:absolute;right:-30px;bottom:0;width:260px;height:275px;opacity:.35;background:url('/assets/anime-heroes-v1.png') 100% 0/700% 200%;pointer-events:none;transform:rotate(-8deg)}.time-choice{position:relative;display:flex;align-items:center;justify-content:space-between;max-width:440px;margin:auto;padding:12px 18px;border:1px solid #bbddff70;border-radius:13px;background:#204e8d9c;color:#e4f2ff;font-size:13px}.time-choice select{border:0;border-radius:8px;background:#14376b;color:#fff0bd;font-size:17px;padding:8px;font-weight:bold}.play-start{position:relative;margin:18px auto 0;width:min(440px,100%);justify-content:center;font-size:22px;min-height:65px}.play-launch p{font-size:11px;color:#d5eeff}.play-options{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:22px}.play-option{display:flex;align-items:center;gap:19px;text-align:left;border-radius:19px;padding:21px;min-height:104px;transition:transform .2s,background .2s;color:#f8fbff;cursor:pointer}.play-option:hover{transform:translateY(-3px);background:linear-gradient(130deg,#77bcf77a,#314da7a8)}.play-option>span{width:51px;font-size:36px;filter:drop-shadow(0 4px 4px #101c6455)}.play-option b{display:block;font-size:21px}.play-option small{display:block;font-size:10px;line-height:1.7;margin-top:7px;color:#d4e7ff}.play-option i{font-size:29px;font-style:normal;margin-left:auto;color:#a9daff}.play-more{margin-top:27px}.play-more summary{font-size:16px;font-weight:bold;text-align:center;cursor:pointer;padding:14px;color:#ffe9b0}.developer-credit{flex:0 0 100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 22px;padding:20px 0 5px;border-top:1px solid #b5daff30;letter-spacing:.4px;text-transform:none;font-size:11px}.developer-credit a{display:flex;align-items:center;gap:7px;color:#def0ff;text-decoration:none}.developer-credit a:hover{color:#ffe5a0}.developer-credit svg{width:22px;height:22px}.developer-credit small{font-size:10px;color:#bcd0ed}footer{flex-wrap:wrap}
.royal-awakening{position:fixed;inset:0;z-index:80;display:grid;place-items:center;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,#4076c640,#081d5030 55%,transparent 80%)}.awakening-card{position:relative;max-width:90vw;border-radius:25px;border:1px solid #b7f6ff;background:linear-gradient(135deg,#143b77f2,#332c75ee);padding:27px 35px;text-align:center;box-shadow:0 0 65px #74cfff77,inset 0 0 25px #9abaff33;animation:awakening-arrive 3.6s both}.awakening-eyebrow{display:block;font-size:10px;letter-spacing:3px;color:#a5f4ff}.awakening-card strong{display:block;font-family:Georgia,serif;font-size:clamp(24px,4vw,42px);color:#fff1b7;margin:15px 0;text-shadow:0 0 16px #65cfff}.awakening-card small{font-size:12px;color:#d5ebff}.thunder-bolts{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 9px #5ae5ff);opacity:.8;animation:thunder-reveal .8s ease-out 1 both}.thunder-bolts path{fill:none;stroke:#c7f8ff;stroke-width:4;stroke-linejoin:bevel;stroke-dasharray:2000;stroke-dashoffset:2000;animation:thunder-draw .65s ease-out forwards}.royal-awakening.still{background:none;align-items:end;padding-bottom:110px}.royal-awakening.still .awakening-card{animation:none;padding:17px 24px;box-shadow:0 5px 30px #08204c88}.royal-awakening.still strong{font-size:22px}.royal-awakening.still .awakening-eyebrow{font-size:8px}
@keyframes arena-breathe{50%{box-shadow:0 0 32px #91bdff77}}@keyframes hero-ready{50%{transform:translateY(-5px) rotate(-3deg)}}@keyframes awakening-arrive{0%{opacity:0;transform:translateY(25px) scale(.9)}12%,80%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-15px) scale(1.03)}}@keyframes thunder-reveal{0%{opacity:0}25%{opacity:1}100%{opacity:0}}@keyframes thunder-draw{to{stroke-dashoffset:0}}
@media(max-width:760px){.play-title{gap:10px}.play-title h1{font-size:36px}.play-title>span{font-size:6px;letter-spacing:1px}.play-launch{padding:28px 21px;min-height:330px}.play-launch h2{font-size:32px}.play-options{grid-template-columns:1fr;gap:13px}.play-option{padding:17px 20px;min-height:90px;gap:17px}.play-option b{font-size:22px}.play-option>span{font-size:34px}.play-option small{font-size:10px}.play-start{font-size:21px}.time-choice{padding:10px 12px;font-size:12px}.time-choice select{font-size:15px;max-width:170px}.player-clock{font-size:16px;padding:7px;margin-left:auto}.turn-pill{margin-left:0}.awakening-card{padding:23px 20px}.awakening-card small{font-size:10px}.awakening-eyebrow{font-size:8px;letter-spacing:1.7px}.developer-credit{justify-content:flex-start;gap:12px;font-size:10px}.developer-credit small{width:100%;font-size:9px}.arena-controls button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.board-frame::before,.awakening-card,.thunder-bolts,.thunder-bolts path{animation:none!important}.thunder-bolts{display:none}}