/* Vivid pieces, readable boards and calmer controls. */
body{background:radial-gradient(ellipse at 8% 8%,#d9eeff 0,transparent 48%),radial-gradient(ellipse at 100% 25%,#ffe4d0 0,transparent 48%),#f6f8fc}.symbol-icon{overflow:visible}.symbol-point{color:#eb9909;filter:drop-shadow(0 0 2px #ffe086)}.symbol-inspect{color:#14a591}.symbol-powerful{color:#8654d6}.symbol-angry{color:#dc516b}.symbol-teleport{color:#3683e8}.symbol-erase{color:#637286}.symbol-circle{filter:drop-shadow(0 0 2px #43dfff)}.symbol-feedback{filter:drop-shadow(0 0 2px #f79a50)}.enemy{--crown-fill:#7849aa;--crown-edge:#2c2146}.own{--crown-fill:#2587df;--crown-edge:#174171}.board-section{background:#fff;border-radius:16px;border:1px solid #d7e3f0;padding:12px;box-shadow:0 8px 25px #234a7510}.board-head{gap:10px}.board{background:#eff7ff}.cell{position:relative;isolation:isolate;background:#fcfeff}.cell.home-row{background:#e8f4ff}.enemy .cell.home-row{background:#f3ecff}.cell.spent{opacity:.58}.piece{background:linear-gradient(155deg,#fff,#f0f6ff);border:1px solid #d8e5f2}.piece:hover{background:#e8f4ff}.piece svg{width:36px;height:36px}.shelf{background:#f9fcffed;backdrop-filter:blur(12px);border-top:1px solid #c5d9f0}.primary{background:linear-gradient(120deg,#ff8b31,#ee581c);box-shadow:0 5px 16px #f2722724}.choice{border:1px solid #dbe5ef}.topbar{position:relative;z-index:2}.profile-controls{max-width:100%}.profile-line{gap:8px}.profile-line .nick-button{font-size:1rem}.corner-rank{display:inline-flex}.rank-badge{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;color:#243b58;font-size:.875rem;font-weight:700;line-height:1.35}.rank-picture{position:relative;display:block;flex-shrink:0;width:52px;height:52px;border-radius:12px;background-color:#101a35;background-image:url('/rank-atlas.png');background-size:500% 200%;background-position:var(--rank-x) var(--rank-y);box-shadow:0 3px 12px #111e3420}.rank-badge strong{max-width:130px}.rank-pro{position:absolute;top:0;left:0;right:0;text-align:center;color:#a7e9ff;text-shadow:0 1px 3px #001c59;font-size:12px;font-style:italic}.rank-stage{position:absolute;bottom:0;right:0;min-width:18px;border-radius:5px;background:#101a35;color:#ffe9b6;text-align:center;font-size:12px}.rank-awards{display:none}.rank-badge-large{display:flex;flex-direction:column;font-size:1.5rem;gap:14px}.rank-badge-large .rank-picture{width:220px;height:220px;border-radius:24px}.rank-badge-large strong{max-width:none}.rank-badge-large .rank-pro{font-size:2rem;top:6px}.rank-badge-large .rank-stage{font-size:1.3rem;padding:3px 10px}.rank-badge-large .rank-awards{display:block;position:absolute;bottom:8px;left:5px;right:5px;text-align:center;font-size:12px;color:#ffe8a0;background:#21160bcc;border-radius:8px}.profile-emblem{padding:8px 0 18px}.account-item .rank-badge{font-size:.9rem}.unranked{color:#62748a;font-size:.875rem}.home-scene{position:relative;isolation:isolate;border-radius:28px;background:linear-gradient(145deg,#ecf7ffed,#fff7e9ed);box-shadow:0 25px 90px #29619b15}.home-scene h1{position:relative;z-index:1;color:#163f69;text-shadow:0 3px #fff}.home-scene .menu-art{position:relative;z-index:1}.home-scene .symbol-tile{background:linear-gradient(135deg,#fff,#dfefff);border:1px solid #bcd8f4;box-shadow:0 9px 25px #285b9625}.home-scene .menu-actions,.home-scene .home-side-actions,.home-scene .game-description{position:relative;z-index:1}.home-scene .choice{background:#ffffffed}.home-effects{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:0;opacity:.5}.home-fly{position:absolute;left:-70px;top:var(--lane);width:42px;height:42px;animation:fly-across var(--speed) linear infinite;animation-delay:var(--delay)}.home-fly svg{width:100%;height:100%}.home-fly-1{width:28px;opacity:.65;animation-name:energy-drift}.home-shell{display:block;width:30px;height:12px;border-radius:30% 70% 70% 30%;background:linear-gradient(#ffeabb,#dc8f33);box-shadow:-24px 0 16px #ff8b3277;transform:rotate(-12deg)}@keyframes fly-across{from{transform:translateX(0) translateY(25px)}to{transform:translateX(800px) translateY(-80px)}}@keyframes energy-drift{0%{transform:translateX(0) scale(.7);opacity:.2}50%{opacity:.7}100%{transform:translateX(800px) scale(1.2);opacity:.2}}.flying-shot{position:absolute;inset:6%;z-index:8;pointer-events:none;display:grid;place-items:center}.flying-arrow svg{width:100%;height:100%;filter:drop-shadow(0 0 3px #efb249)}.flying-laser:before{content:'';height:160%;width:17%;border-radius:999px;background:#fff;box-shadow:0 0 5px 3px #e783ff,0 0 13px 5px #9e40f3}.flying-tank:before{content:'';height:80%;width:35%;border-radius:70% 70% 30% 30%;background:linear-gradient(90deg,#9c5e23,#ffdd8b,#bb732a);box-shadow:0 9px 8px #ff8a00}.flying-reflected{filter:hue-rotate(130deg)}.impact{position:absolute;inset:-15%;z-index:10;display:grid;place-items:center;pointer-events:none;font-size:14px;font-weight:900;text-shadow:0 1px white;animation:impact-pop .65s ease-out forwards}.impact-destroyed,.impact-explosion{border-radius:50%;background:radial-gradient(circle,#fff7ae 5%,#ffb52b 18%,#ef6233aa 35%,transparent 65%);box-shadow:0 0 14px #ffa729}.impact-blocked{color:#0878a9;border:3px solid #6cddff;border-radius:50%;background:#d9faffcc}.impact-reflect{color:#da5b25;background:#ffe0a4aa;border-radius:50%}.impact-king{color:#c52c38;font-size:clamp(.875rem,2vw,1.2rem);background:#fff2e8dd;border-radius:8px;min-width:45px}@keyframes impact-pop{0%{opacity:1;transform:scale(.6)}40%{transform:scale(1.25)}100%{opacity:0;transform:scale(1.6)}}.coach-panel{background:linear-gradient(120deg,#e1f6ff,#fff4d7);border:1px solid #8dcae8;border-radius:14px;padding:16px;margin:14px 0;font-size:1rem;line-height:1.5}.coach-panel p{margin:7px 0}.coach-target{outline:3px solid #f8a319!important;outline-offset:-3px;background:#fff3b8!important}.coach-piece,.coach-direction{outline:3px solid #f8a319!important}.learning-basics p{line-height:1.6;padding-left:12px;border-left:3px solid #48a8e5}#learning-dialog button{margin:8px 5px 0 0}.match-history{margin:20px 0;border-top:1px solid #d8e2ed;padding-top:10px}.history-summary{font-size:.9rem;color:#607187}.match-history ol{list-style:none;padding:0;max-height:320px;overflow:auto;margin:12px 0}.match-history li{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid #e1e8f0}.match-history li div{display:flex;flex-direction:column;gap:4px}.match-history time,.match-history small{font-size:.875rem;color:#667387}.match-history li span{font-size:.95rem}.result-win{color:#187b56}.result-loss{color:#b93542}.result-other{color:#725b42}dialog{max-width:min(560px,calc(100vw - 24px));max-height:90vh;overflow:auto}button:focus-visible,a:focus-visible{outline:3px solid #168bda;outline-offset:3px}@media(max-width:600px){.rank-picture{width:42px;height:42px}.rank-badge{font-size:.8rem}.rank-badge strong{max-width:90px}.rank-badge-large{font-size:1.4rem}.rank-badge-large .rank-picture{width:190px;height:190px}.home-scene{border-radius:0}.board-section{padding:8px}.topbar .profile-controls{flex-basis:100%;order:0}.game-header .brand{display:none}.profile-line{width:100%}.profile-line .corner-rank{margin-left:auto}.match-history time{max-width:90px}.impact{font-size:12px}}@media(prefers-reduced-motion:reduce){.home-fly,.teleport-wheel,.impact{animation:none}.home-fly{left:var(--lane);opacity:.15}.impact{opacity:.8}.flying-shot{filter:none}}