:root{--bg-primary: #050810;--bg-secondary: #0a0f1c;--bg-tertiary: #111827;--bg-elevated: #1a2035;--text-primary: #e8ecf4;--text-secondary: #94a3b8;--text-muted: #4b5574;--accent: #00e5ff;--accent-alt: #ff2d78;--accent-hover: #33ebff;--board-light: #1a2644;--board-dark: #0c1428;--piece-white: #e8ecf4;--piece-black: #1a1e30;--quantum-ring: #ff2d78;--selection: #00e5ff;--legal-target: #22c55e;--split-first: #3b82f6;--split-second: #f59e0b;--merge-source-a: #8b5cf6;--merge-source-b: #ec4899;--merge-target: #eab308;--danger: #ef4444;--success: #22c55e;--warning: #f59e0b;--border: rgba(255, 255, 255, .06);--border-light: rgba(255, 255, 255, .1);--font-heading: "Syne", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--board-square-radius: 3px;--board-gap: 2px}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes glow-breathe{0%,to{opacity:.4}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes ring-pulse{0%,to{opacity:var(--ring-opacity, .75)}50%{opacity:calc(var(--ring-opacity, .75) * .5)}}@keyframes toast-in{0%{opacity:0;transform:translate(30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes hero-glow{0%,to{background-position:0% 50%;filter:blur(60px)}50%{background-position:100% 50%;filter:blur(80px)}}@keyframes stat-count{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes border-glow-pulse{0%,to{border-color:#00e5ff26}50%{border-color:#00e5ff4d}}@keyframes title-reveal{0%{opacity:0;letter-spacing:.5em;filter:blur(8px)}to{opacity:1;letter-spacing:.12em;filter:blur(0)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(1.2px 1.2px at 15% 25%,rgba(255,255,255,.18),transparent),radial-gradient(1px 1px at 45% 12%,rgba(200,220,255,.12),transparent),radial-gradient(1.5px 1.5px at 72% 68%,rgba(255,255,255,.15),transparent),radial-gradient(1px 1px at 88% 35%,rgba(180,200,255,.1),transparent),radial-gradient(1.3px 1.3px at 32% 78%,rgba(255,255,255,.12),transparent),radial-gradient(.8px .8px at 55% 52%,rgba(200,230,255,.08),transparent),radial-gradient(1px 1px at 8% 90%,rgba(255,255,255,.1),transparent),radial-gradient(1.2px 1.2px at 95% 85%,rgba(220,200,255,.1),transparent),linear-gradient(rgba(0,229,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.012) 1px,transparent 1px);background-size:320px 280px,280px 240px,350px 300px,300px 260px,260px 320px,290px 250px,340px 310px,310px 270px,48px 48px,48px 48px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,transparent 40%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:0}#app{height:100vh;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:1}#screen-container{flex:1;overflow-y:auto;overflow-x:hidden}h1,h2,h3{font-family:var(--font-heading);font-weight:700;line-height:1.15;letter-spacing:-.01em}h1{font-size:2.2rem}h2{font-size:1.4rem}h3{font-size:1rem}strong{font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:8px;border:1px solid var(--border-light);background:var(--bg-tertiary);color:var(--text-primary);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:hover{background:var(--bg-elevated);border-color:#ffffff26;box-shadow:0 0 20px #00e5ff0f}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-sm{padding:6px 14px;font-size:12px;border-radius:6px}.btn-primary{background:linear-gradient(135deg,var(--accent),#00b8d4);border:1px solid rgba(0,229,255,.3);color:#000;font-weight:600;text-shadow:0 1px 0 rgba(255,255,255,.1)}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-hover),#00e5ff);border-color:var(--accent);box-shadow:0 0 30px #00e5ff40,inset 0 1px #ffffff26}.btn-secondary{background:transparent;border-color:var(--border-light)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 20px #00e5ff14}.btn-accent{background:linear-gradient(135deg,var(--accent-alt),#e91e63);border-color:#ff2d784d;color:#fff;font-weight:600}.btn-accent:hover{box-shadow:0 0 25px #ff2d7833}.btn-danger{border-color:#ef444466;color:var(--danger);background:#ef444414}.btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 0 20px #ef444433}.btn-back{background:transparent;border:none;color:var(--text-muted);padding:6px 0;font-size:14px;gap:4px}.btn-back:hover{color:var(--accent);background:transparent;border:none;box-shadow:none}@keyframes home-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes home-glow-drift{0%,to{transform:translate(-50%,-40%) scale(1);opacity:.6}33%{transform:translate(-45%,-35%) scale(1.1);opacity:.8}66%{transform:translate(-55%,-45%) scale(.95);opacity:.5}}@keyframes home-border-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes home-hero-shimmer{0%{background-position:-200% center}to{background-position:200% center}}.home-screen{display:flex;flex-direction:column;height:100vh;overflow:hidden;animation:fade-in .3s ease}.home-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;border-bottom:1px solid rgba(255,255,255,.04);flex-shrink:0;animation:home-fade-in .4s ease .1s both}.home-brand{display:flex;align-items:center;gap:10px;color:var(--text-secondary)}.home-brand-icon{display:flex;color:var(--accent);opacity:.7}.home-brand-text{font-family:var(--font-heading);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.home-topbar-right{display:flex;align-items:center;gap:16px}.home-user{display:flex;align-items:center;gap:10px}.user-name{color:var(--text-muted);font-size:12px;font-family:var(--font-mono)}.home-auth-btn{padding:6px 16px;border-radius:6px;border:1px solid rgba(255,45,120,.4);background:#ff2d7814;color:var(--accent-alt);font-family:var(--font-body);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.02em}.home-auth-btn:hover{background:#ff2d7826;border-color:#ff2d7899;box-shadow:0 0 16px #ff2d781f}.home-auth-btn--profile{border-color:var(--border-light);background:transparent;color:var(--text-secondary)}.home-auth-btn--profile:hover{border-color:var(--accent);color:var(--accent);background:#00e5ff0a;box-shadow:0 0 12px #00e5ff14}.theme-switcher{display:flex;gap:3px}.theme-btn{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-family:var(--font-mono);font-size:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.theme-btn:hover{border-color:var(--border-light);color:var(--text-secondary)}.theme-btn.active{border-color:var(--accent);color:var(--accent);background:#00e5ff0f}.home-body{flex:1;overflow-y:auto;overflow-x:hidden}.home-hero{position:relative;padding:48px 36px 40px;overflow:hidden;display:flex;flex-direction:column;gap:32px;animation:home-fade-in .5s ease .15s both}.home-hero-glow{position:absolute;top:0;left:50%;transform:translate(-50%,-40%);width:800px;height:500px;background:radial-gradient(ellipse at 40% 50%,rgba(0,229,255,.07) 0%,transparent 60%),radial-gradient(ellipse at 65% 40%,rgba(255,45,120,.05) 0%,transparent 55%);pointer-events:none;animation:home-glow-drift 12s ease-in-out infinite}.home-hero-text{position:relative;z-index:1}.home-title{font-family:var(--font-heading);font-size:clamp(2.4rem,5vw,3.6rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:.95;color:#fff;position:relative;z-index:1}.home-subtitle{color:var(--text-muted);font-size:13px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;margin-top:10px;font-family:var(--font-mono);position:relative;z-index:1}.home-hero-actions{display:flex;gap:14px;position:relative;z-index:1}.mode-hero-card{flex:1;position:relative;padding:22px 24px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:#0a0f1cb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;text-align:left;font-family:var(--font-body);color:var(--text-primary);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.mode-hero-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .35s ease;border-radius:inherit}.mode-hero-card--cyan .mode-hero-card-bg{background:linear-gradient(135deg,rgba(0,229,255,.06) 0%,rgba(0,229,255,.02) 40%,transparent 70%)}.mode-hero-card--magenta .mode-hero-card-bg{background:linear-gradient(135deg,rgba(255,45,120,.06) 0%,rgba(255,45,120,.02) 40%,transparent 70%)}.mode-hero-card:hover .mode-hero-card-bg{opacity:1}.mode-hero-card--cyan{border-color:#00e5ff1f}.mode-hero-card--magenta{border-color:#ff2d781f}.mode-hero-card:hover{transform:translateY(-3px)}.mode-hero-card--cyan:hover{border-color:#00e5ff4d;box-shadow:0 8px 32px #0006,0 0 24px #00e5ff0f,inset 0 1px #00e5ff14}.mode-hero-card--magenta:hover{border-color:#ff2d784d;box-shadow:0 8px 32px #0006,0 0 24px #ff2d780f,inset 0 1px #ff2d7814}.mode-hero-card:active{transform:translateY(-1px) scale(.99)}.mode-hero-card-content{display:flex;align-items:center;gap:12px;position:relative;z-index:1;margin-bottom:10px}.mode-hero-card-icon{font-size:28px;line-height:1;filter:saturate(1.3)}.mode-hero-card-label{font-family:var(--font-heading);font-weight:700;font-size:18px;letter-spacing:.01em;flex:1}.mode-hero-card-arrow{font-size:18px;color:var(--text-muted);transition:transform .2s ease,color .2s ease}.mode-hero-card--cyan:hover .mode-hero-card-arrow{transform:translate(4px);color:var(--accent)}.mode-hero-card--magenta:hover .mode-hero-card-arrow{transform:translate(4px);color:var(--accent-alt)}.mode-hero-card-desc{font-size:13px;line-height:1.5;color:var(--text-muted);position:relative;z-index:1}.home-modes{display:flex;flex-direction:column;gap:28px;padding:8px 36px 48px}.mode-section{animation:home-fade-in .5s ease both}.mode-section:nth-child(1){animation-delay:.3s}.mode-section:nth-child(2){animation-delay:.4s}.mode-section:nth-child(3){animation-delay:.5s}.mode-section-title{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;padding-left:2px;display:flex;align-items:center;gap:12px}.mode-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--border),transparent 80%)}.mode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.mode-card{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-radius:10px;border:1px solid rgba(255,255,255,.05);background:#0a0f1c80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-primary);cursor:pointer;text-align:left;font-family:var(--font-body);width:100%;position:relative;overflow:hidden;transition:all .25s ease}.mode-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s ease;background:radial-gradient(ellipse at 20% 30%,rgba(0,229,255,.04),transparent 70%);pointer-events:none}.mode-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(0,229,255,.15),transparent 40%,transparent 60%,rgba(255,45,120,.1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none}.mode-card:hover:not(.disabled):before{opacity:1}.mode-card:hover:not(.disabled) .mode-card-glow{opacity:1}.mode-card:hover:not(.disabled){border-color:#ffffff14;transform:translateY(-2px);box-shadow:0 6px 24px #00000059}.mode-card:active:not(.disabled){transform:translateY(0) scale(.99)}.mode-card.disabled{opacity:.4;cursor:not-allowed}.mode-card.disabled .mode-card-glow{display:none}.mode-card-icon{font-size:24px;line-height:1;flex-shrink:0;margin-top:1px;filter:saturate(1.1)}.mode-card-content{flex:1;min-width:0;position:relative;z-index:1}.mode-card-title{font-family:var(--font-heading);font-weight:700;font-size:14px;margin-bottom:3px;letter-spacing:.01em}.mode-card-desc{color:var(--text-muted);font-size:12px;line-height:1.45}.mode-card-badge{position:absolute;top:10px;right:10px;background:#ff2d781a;color:var(--accent-alt);font-size:9px;font-weight:600;font-family:var(--font-mono);padding:2px 8px;border-radius:999px;border:1px solid rgba(255,45,120,.15);letter-spacing:.03em;z-index:1}@media(max-width:640px){.home-hero{padding:32px 20px 28px}.home-hero-actions{flex-direction:column}.home-modes{padding:8px 20px 40px}.mode-grid{grid-template-columns:1fr}.home-topbar{padding:12px 16px}.home-title{font-size:2rem}}.setup-screen{max-width:640px;margin:0 auto;padding:40px 28px;animation:fade-up .5s ease}.setup-header{display:flex;align-items:center;gap:16px;margin-bottom:36px}.setup-header h2{font-size:1.6rem;font-weight:800;letter-spacing:.04em}.setup-body{display:flex;flex-direction:column;gap:28px}.setup-section{display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px}.setup-label{font-family:var(--font-heading);font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em}.setup-options{display:flex;gap:8px;flex-wrap:wrap}.option-btn{padding:10px 18px;border-radius:8px;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);font-size:13px;font-family:var(--font-body);font-weight:500;cursor:pointer;transition:all .2s ease}.option-btn.active{border-color:var(--accent);color:var(--accent);background:#00e5ff14;box-shadow:0 0 16px #00e5ff14}.option-btn:hover:not(.active){border-color:var(--border-light);background:var(--bg-elevated)}.setup-time-grid{display:flex;flex-direction:column;gap:14px}.setup-time-presets{display:flex;gap:8px;flex-wrap:wrap}.setup-time-custom{display:flex;gap:14px}.setup-time-custom label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.02em}.setup-time-custom input{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:14px;width:110px;transition:border-color .2s}.setup-time-custom input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 12px #00e5ff1a}.setup-side-visual{display:flex;gap:10px}.setup-side-btn{flex:1;padding:16px;border-radius:12px;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;text-align:center;font-family:var(--font-body)}.setup-side-btn.active{border-color:var(--accent);background:#00e5ff0f;box-shadow:0 0 20px #00e5ff14}.setup-side-btn:hover:not(.active){border-color:var(--border-light)}.setup-side-icon{font-size:36px;display:block;margin-bottom:6px}.setup-side-label{font-size:13px;font-weight:600}.btn-start{margin-top:4px;padding:16px 32px;font-size:16px;font-weight:700;letter-spacing:.06em;border-radius:12px}.gameplay-screen{display:flex;height:100vh;overflow:hidden}.gameplay-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:12px;min-width:0}.gameplay-board-area{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:0}.gameplay-sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-secondary);border-left:1px solid var(--border);overflow-y:auto}.gameplay-controls{display:flex;gap:6px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--border);margin-top:auto}.board-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.board-coords{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:0}.board-rank-labels,.board-file-labels{display:none}.board-coords.show-coords{gap:4px}.board-coords.show-coords .board-rank-labels{display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:0 3px;grid-column:1;grid-row:1}.board-coords.show-coords .board-file-labels{display:flex;justify-content:space-around;align-items:center;padding:3px 0;grid-column:2;grid-row:2}.board-coords.show-coords .board{grid-column:2;grid-row:1}.board-coord-label{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--text-muted);-webkit-user-select:none;user-select:none;line-height:1;opacity:.7}.board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:var(--board-gap);touch-action:none;width:min(calc(100vh - 200px),calc(100vw - 340px));height:min(calc(100vh - 200px),calc(100vw - 340px));max-width:640px;max-height:640px;min-width:320px;min-height:320px;border-radius:8px;overflow:visible;box-shadow:0 16px 48px #00000080,0 0 0 1px #ffffff0a}.square{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--board-square-radius);border:2px solid transparent;cursor:pointer;position:relative;transition:border-color .15s,box-shadow .15s;overflow:visible}.light{background:var(--board-light)}.dark{background:var(--board-dark)}.selected{border-color:var(--selection);box-shadow:inset 0 0 16px #00e5ff33,0 0 8px #00e5ff26}.legal-target{border-color:var(--legal-target)}.legal-target:before{content:"";position:absolute;width:28%;height:28%;border-radius:50%;background:var(--legal-target);opacity:.45;box-shadow:0 0 8px #22c55e4d}.split-first-target{border-color:var(--split-first);box-shadow:inset 0 0 12px #3b82f640}.split-second-target{border-color:var(--split-second);box-shadow:inset 0 0 12px #f59e0b40}.merge-source-a{border-color:var(--merge-source-a);box-shadow:inset 0 0 12px #8b5cf640}.merge-source-b{border-color:var(--merge-source-b);box-shadow:inset 0 0 12px #ec489940}.merge-target{border-color:var(--merge-target);box-shadow:inset 0 0 10px #eab30833}.overlay-entanglement{box-shadow:inset 0 0 0 2px #ec489999}.overlay-phase{background-image:linear-gradient(135deg,rgba(0,229,255,.15),transparent 55%)}.piece-token{position:relative;display:inline-flex;align-items:center;justify-content:center;width:72%;height:72%;border-radius:999px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1a,0 2px 6px #00000080}.piece-ring-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:72%;height:72%}.ring-gauge{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);pointer-events:none;z-index:2;overflow:visible}.ring-gauge circle.ring-glow{fill:none;stroke:var(--ring-color, var(--quantum-ring));stroke-width:12;stroke-linecap:round;stroke-dasharray:calc(var(--ring-fill, .5) * 276.46) 276.46;stroke-dashoffset:calc(var(--ring-fill, .5) * -138.23);transform:rotate(90deg);transform-origin:center;opacity:calc(var(--ring-opacity, .75) * .4);filter:blur(3px);animation:ring-pulse 2.5s ease-in-out infinite}.ring-gauge circle.ring-main{fill:none;stroke:var(--ring-color, var(--quantum-ring));stroke-width:7;stroke-linecap:round;stroke-dasharray:calc(var(--ring-fill, .5) * 276.46) 276.46;stroke-dashoffset:calc(var(--ring-fill, .5) * -138.23);transform:rotate(90deg);transform-origin:center;opacity:var(--ring-opacity, .75);animation:ring-pulse 2.5s ease-in-out infinite}.ring-gauge circle.ring-core{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-dasharray:calc(var(--ring-fill, .5) * 276.46) 276.46;stroke-dashoffset:calc(var(--ring-fill, .5) * -138.23);transform:rotate(90deg);transform-origin:center;opacity:calc(var(--ring-opacity, .75) * .6);animation:ring-pulse 2.5s ease-in-out infinite}.piece-symbol{font-size:min(4.2vw,42px);line-height:1}.piece-symbol.piece-white{color:var(--piece-white);text-shadow:0 1px 0 rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.7)}.piece-symbol.piece-black{color:var(--piece-black);text-shadow:0 -1px 0 rgba(255,255,255,.5),0 1px 0 rgba(0,0,0,.7),1px 0 0 rgba(255,255,255,.3),-1px 0 0 rgba(255,255,255,.3),0 0 4px rgba(255,255,255,.2)}.piece-token:has(.piece-white){background:radial-gradient(circle at 40% 32%,#ffffff2e,#a0b4d20f);box-shadow:inset 0 0 0 1.5px #ffffff26,0 2px 6px #00000080}.piece-token:has(.piece-black){background:radial-gradient(circle at 40% 32%,#3c285080,#0f0819bf);box-shadow:inset 0 0 0 1.5px #ffffff0f,0 2px 6px #0009}.piece-token .piece-symbol.piece-white{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.piece-token .piece-symbol.piece-black{color:var(--piece-black);text-shadow:0 -1px 0 rgba(255,255,255,.5),0 1px 0 rgba(0,0,0,.7),1px 0 0 rgba(255,255,255,.3),-1px 0 0 rgba(255,255,255,.3),0 0 4px rgba(255,255,255,.2)}.player-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border);width:100%;max-width:640px;transition:all .25s ease}.player-banner.active{border-color:#00e5ff4d;box-shadow:0 0 16px #00e5ff0f}.player-info{display:flex;align-items:center;gap:8px}.player-color-dot{width:10px;height:10px;border-radius:50%}.player-color-dot.white{background:var(--piece-white);box-shadow:0 0 6px #e8ecf44d}.player-color-dot.black{background:var(--piece-black);border:1px solid var(--text-muted)}.player-name{font-family:var(--font-heading);font-weight:600;font-size:14px}.player-elo{color:var(--text-muted);font-size:12px;font-family:var(--font-mono)}.player-timer{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--text-primary);padding:4px 12px;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border);min-width:74px;text-align:center;letter-spacing:.05em}.gameplay-top-banner,.gameplay-bottom-banner{width:100%;max-width:640px;padding:4px 0}.status-bar{width:100%;max-width:640px;padding:10px 0}.status-main{font-size:14px;color:var(--text-primary);font-weight:500}.status-measurement{font-size:13px;color:var(--warning);margin-top:3px;font-family:var(--font-mono)}.status-info{display:flex;gap:20px;font-size:12px;color:var(--text-muted);margin-top:4px;font-family:var(--font-mono)}.move-history{border-radius:10px;background:var(--bg-tertiary);border:1px solid var(--border);overflow:hidden}.move-history-header{padding:10px 14px;font-family:var(--font-heading);font-weight:700;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;border-bottom:1px solid var(--border)}.move-history-list{max-height:200px;overflow-y:auto;padding:4px 0}.move-history-empty{padding:18px;text-align:center;color:var(--text-muted);font-size:12px;font-family:var(--font-mono)}.move-row{display:grid;grid-template-columns:32px 1fr 1fr;gap:4px;padding:3px 14px;font-family:var(--font-mono);font-size:12px;transition:background .15s}.move-row:hover{background:#ffffff08}.move-num{color:var(--text-muted);opacity:.6}.move-white,.move-black{color:var(--text-secondary)}.move-white.blocked,.move-black.blocked{color:var(--warning);opacity:.7}.captured-pieces{display:flex;flex-direction:column;gap:4px;padding:8px 0}.captured-row{display:flex;gap:2px;align-items:center;flex-wrap:wrap;min-height:20px;font-size:16px}.captured-group{letter-spacing:-2px}.material-advantage{font-size:11px;font-weight:600;font-family:var(--font-mono);color:var(--accent);margin-left:4px}.quantum-inspector{border-radius:10px;background:var(--bg-tertiary);border:1px solid var(--border);padding:12px 14px}.inspector-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.inspector-header h3{font-family:var(--font-heading);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted)}.inspector-toggle{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--text-muted);cursor:pointer;font-family:var(--font-mono)}.inspector-toggle input{margin:0;accent-color:var(--accent)}.inspector-capabilities{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);margin-bottom:8px;opacity:.7}.inspector-empty{color:var(--text-muted);font-size:12px}.inspector-detail{font-size:12px}.inspector-square{font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--accent);margin-bottom:4px;letter-spacing:.05em}.inspector-prob{color:var(--text-secondary);margin-bottom:10px;font-family:var(--font-mono);font-size:12px}.inspector-section{margin-bottom:8px}.inspector-label{font-family:var(--font-heading);font-weight:700;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:3px}.inspector-section ul{list-style:none;padding-left:0}.inspector-section li{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);padding:1px 0}.inspector-none{color:var(--text-muted);font-style:italic}.inspector-value{color:var(--text-muted)}.sandbox-editor{border-radius:10px;background:var(--bg-tertiary);border:1px solid var(--border);padding:12px 14px}.sandbox-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.sandbox-header h3{font-family:var(--font-heading);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted)}.sandbox-controls{display:flex;gap:6px}.sandbox-palette{display:flex;flex-wrap:wrap;gap:5px}.sandbox-piece{display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);width:44px;height:44px;padding:0;cursor:grab;transition:all .2s ease;position:relative;flex-shrink:0}.sandbox-piece:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d,0 0 12px #00e5ff14}.sandbox-piece:active{cursor:grabbing;transform:scale(.93)}.sandbox-piece-token{width:30px;height:30px}.sandbox-piece .piece-symbol{font-size:22px}.sandbox-piece .piece-bare{font-size:26px}.sandbox-piece-eraser{font-size:16px;color:var(--text-muted);font-weight:600}.sandbox-hint{font-size:11px;color:var(--text-muted);margin-top:6px}.sandbox-fen-row{margin-top:10px}.sandbox-fen-input{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-primary);color:var(--text-muted);font-family:var(--font-mono);font-size:9px;outline:none;transition:border-color .2s}.sandbox-fen-input:focus{border-color:var(--accent)}.gameover-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px;text-align:center;animation:fade-in .5s ease}.gameover-result{margin-bottom:48px;animation:fade-up .6s ease .1s both}.gameover-title{font-family:var(--font-heading);font-size:3.4rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,var(--accent) 0%,#fff 50%,var(--accent-alt) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gameover-reason{color:var(--text-muted);font-size:15px;margin-top:8px;font-family:var(--font-mono);letter-spacing:.06em}.gameover-stats{display:flex;gap:16px;margin-bottom:48px;flex-wrap:wrap;justify-content:center;animation:fade-up .6s ease .3s both}.stat{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 28px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;min-width:110px;transition:border-color .3s}.stat:hover{border-color:#00e5ff33}.stat-value{font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--accent);animation:stat-count .5s ease .5s both}.stat-label{font-family:var(--font-heading);font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em}.gameover-actions{display:flex;gap:14px;animation:fade-up .6s ease .5s both}.auth-screen{max-width:420px;margin:0 auto;padding:48px 28px;animation:fade-up .5s ease}.auth-form,.auth-profile{margin-top:28px}.auth-form h2,.auth-profile h2{margin-bottom:24px;font-weight:800;letter-spacing:.04em}.auth-form label{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;font-size:11px;font-family:var(--font-heading);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.auth-form input{padding:12px 16px;border-radius:10px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-body);font-size:15px;transition:all .2s ease}.auth-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 16px #00e5ff14}.auth-form .btn-primary{width:100%;margin-top:8px;padding:14px;font-size:15px}.auth-error{color:var(--danger);font-size:13px;margin-bottom:14px;padding:10px 14px;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:8px;font-family:var(--font-mono);font-size:12px}.profile-info{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.profile-field{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;font-size:14px}.profile-field span{color:var(--text-muted);font-size:12px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050810bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .2s ease}.modal-dialog{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:18px;padding:28px;max-width:440px;width:90%;box-shadow:0 24px 64px #0009,0 0 40px #00e5ff0a;animation:fade-up .3s ease}.modal-header{font-family:var(--font-heading);font-size:18px;font-weight:700;margin-bottom:12px}.modal-body{color:var(--text-secondary);font-size:14px;margin-bottom:24px;line-height:1.6}.modal-actions{display:flex;gap:10px;justify-content:flex-end}#modal-container:not(.modal-open){display:none}.toast-container{position:fixed;top:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:2000;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border);font-size:13px;font-family:var(--font-body);box-shadow:0 8px 32px #00000080;pointer-events:all;animation:toast-in .35s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast-info{border-color:#00e5ff4d}.toast-success{border-color:#22c55e4d}.toast-warning{border-color:#f59e0b4d}.toast-error{border-color:#ef44444d}.toast-message{flex:1}.toast-close{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:0 2px;line-height:1;transition:color .15s}.toast-close:hover{color:var(--text-primary)}.timer-display{display:flex;gap:8px}.timer-side{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:8px;background:var(--bg-primary);border:1px solid var(--border);font-family:var(--font-mono);font-size:14px;transition:border-color .2s}.timer-side.active{border-color:#00e5ff4d}.timer-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.timer-value{font-weight:600}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff1f}.sandbox-layout{display:grid;height:100vh;overflow:hidden;grid-template-areas:"topbar  topbar" "board   info" "palette info" "status  info" "controls controls";grid-template-columns:1fr 260px;grid-template-rows:auto minmax(0,1fr) auto auto auto}.sandbox-topbar{grid-area:topbar}.sandbox-layout .gameplay-board-area{grid-area:board;overflow:hidden;padding:8px}.sandbox-palette-area{grid-area:palette}.sandbox-info-panel{grid-area:info}.sandbox-statusbar{grid-area:status}.sandbox-controls{grid-area:controls}.sandbox-topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--bg-secondary);gap:12px;flex-wrap:wrap}.sandbox-theme-picker{display:flex;gap:4px}.sandbox-theme-btn{padding:5px 13px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.sandbox-theme-btn:hover{border-color:var(--border-light);color:var(--text-secondary)}.sandbox-theme-btn.active{border-color:var(--accent);color:var(--accent);background:#00e5ff0f}.sandbox-phase-controls{display:flex;align-items:center;gap:8px}.sandbox-phase-pill{padding:4px 14px;border-radius:20px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.sandbox-phase-pill.editing{background:var(--bg-tertiary);color:var(--accent);border:1px solid var(--border)}.sandbox-phase-pill.playing{background:var(--accent);color:var(--bg-primary)}.sandbox-play-toggle{text-transform:uppercase;letter-spacing:.08em;font-weight:600}.sandbox-toggles{display:flex;align-items:center;gap:16px}.sandbox-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;font-family:var(--font-body);font-size:11px;color:var(--text-muted);white-space:nowrap}.sandbox-toggle input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1px solid var(--border);border-radius:3px;background:transparent;cursor:pointer;position:relative;flex-shrink:0}.sandbox-toggle input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.sandbox-toggle input[type=checkbox]:checked:after{content:"✓";position:absolute;top:-1px;left:1px;font-size:11px;color:var(--bg-primary);font-weight:700}.sandbox-toggle span{-webkit-user-select:none;user-select:none}.sandbox-measurement-toggle{display:flex;align-items:center;gap:6px}.sandbox-toggle-label{font-family:var(--font-body);font-size:11px;color:var(--text-muted);white-space:nowrap}.sandbox-measurement-btns{display:flex;gap:2px}.sandbox-measurement-btn{padding:3px 10px;border-radius:4px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-family:var(--font-mono);font-size:10px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.sandbox-measurement-btn:hover{border-color:var(--border-light);color:var(--text-secondary)}.sandbox-measurement-btn.active{border-color:var(--accent);color:var(--accent);background:#00e5ff0f}.sandbox-info-panel{background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;gap:8px;padding:12px;overflow-y:auto}.sandbox-palette-area{padding:8px 16px;border-top:1px solid var(--border)}.sandbox-statusbar{padding:6px 16px;border-top:1px solid var(--border)}.sandbox-controls{display:flex;gap:6px;padding:8px 16px;border-top:1px solid var(--border);background:var(--bg-secondary)}.sandbox-layout[data-sandbox-theme=void]{grid-template-areas:"topbar  topbar" "board   info" "palette info" "status  controls";grid-template-columns:1fr 260px;grid-template-rows:auto minmax(0,1fr) auto auto}.sandbox-layout[data-sandbox-theme=amber]{grid-template-areas:"topbar  topbar" "info    board" "info    palette" "controls status";grid-template-columns:220px 1fr;grid-template-rows:auto minmax(0,1fr) auto auto}.sandbox-layout[data-sandbox-theme=amber] .sandbox-info-panel{border-left:none;border-right:1px solid var(--border)}.sandbox-layout[data-sandbox-theme=quantum-lab]{grid-template-areas:"topbar  topbar" "board   info" "palette info" "status  controls";grid-template-columns:1fr 280px;grid-template-rows:auto minmax(0,1fr) auto auto}.sandbox-layout[data-sandbox-theme=emerald]{grid-template-areas:"topbar   topbar" "board    info" "palette  info" "status   controls";grid-template-columns:1fr 240px;grid-template-rows:auto minmax(0,1fr) auto auto}.sandbox-layout[data-sandbox-theme=rose-glass]{grid-template-areas:"topbar   topbar   topbar" "info     board    ." "palette  palette  palette" "status   controls controls";grid-template-columns:220px 1fr 220px;grid-template-rows:auto minmax(0,1fr) auto auto}.sandbox-layout[data-sandbox-theme=rose-glass] .sandbox-info-panel{border-left:none;border-right:1px solid var(--border)}.sandbox-layout[data-sandbox-theme=rose-glass] .sandbox-palette-area{display:flex;justify-content:center;padding:8px 16px}.sandbox-layout[data-sandbox-theme=rose-glass] .sandbox-palette-area .sandbox-editor{max-width:600px}.piece-bare{font-size:min(5.5vw,48px);line-height:1;-webkit-user-select:none;user-select:none}.piece-bare.piece-white{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.6)}.piece-bare.piece-black{color:var(--piece-black);text-shadow:0 -1px 0 rgba(255,255,255,.5),0 1px 0 rgba(0,0,0,.7),1px 0 0 rgba(255,255,255,.3),-1px 0 0 rgba(255,255,255,.3),0 0 4px rgba(255,255,255,.2)}.piece-glow.piece-white{color:#fff;text-shadow:0 0 1px rgba(255,255,255,.8),0 1px 0 rgba(0,0,0,.25),0 2px 3px rgba(0,0,0,.5)}.piece-glow.piece-black{color:var(--piece-black);text-shadow:0 -1px 0 rgba(255,255,255,.5),0 1px 0 rgba(0,0,0,.7),1px 0 0 rgba(255,255,255,.3),-1px 0 0 rgba(255,255,255,.3),0 0 4px rgba(255,255,255,.2)}.piece-outlined.piece-white{-webkit-text-stroke:1.5px var(--accent);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.7)}.piece-outlined.piece-black{-webkit-text-stroke:2px var(--accent);color:#0a0a0a;text-shadow:0 2px 4px rgba(0,0,0,.8)}.piece-token-translucent{position:relative;display:inline-flex;align-items:center;justify-content:center;width:70%;height:70%;border-radius:999px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1a,0 2px 8px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.piece-token-translucent:has(.piece-white){background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff2e,0 2px 8px #0000004d}.piece-token-translucent:has(.piece-black){background:#0000002e;box-shadow:inset 0 0 0 1px #ffffff0d,0 2px 8px #0006}.piece-token-translucent .piece-symbol.piece-white{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.piece-token-translucent .piece-symbol.piece-black{color:var(--piece-black);text-shadow:0 -1px 0 rgba(255,255,255,.5),0 1px 0 rgba(0,0,0,.7),1px 0 0 rgba(255,255,255,.3),-1px 0 0 rgba(255,255,255,.3),0 0 4px rgba(255,255,255,.2)}[data-sandbox-theme=void] .board{background:var(--border)}[data-sandbox-theme=void] .sandbox-topbar{border-bottom:1px solid var(--border)}[data-sandbox-theme=amber] .board{box-shadow:0 8px 40px #00000080,inset 0 0 0 1px var(--border);border-radius:6px;overflow:visible}[data-sandbox-theme=amber] .sandbox-info-panel{font-family:var(--font-body)}[data-sandbox-theme=quantum-lab] .gameplay-board-area{position:relative}[data-sandbox-theme=quantum-lab] .gameplay-board-area:before{content:"";position:absolute;top:50%;left:50%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,45,120,.05),transparent 70%);transform:translate(-50%,-50%);pointer-events:none}[data-sandbox-theme=quantum-lab] .board{box-shadow:0 0 60px #ff2d780d,0 12px 40px #0006;border:1px solid var(--border);border-radius:12px;overflow:visible}[data-sandbox-theme=emerald] .sandbox-layout:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:100}[data-sandbox-theme=emerald] .board{border:1px solid var(--accent);background:var(--border)}[data-sandbox-theme=rose-glass] .sandbox-layout{background-image:radial-gradient(ellipse at 30% 20%,rgba(251,113,133,.05),transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(190,80,120,.03),transparent 50%)}[data-sandbox-theme=rose-glass] .sandbox-info-panel{background:#3c1e2d66;border-radius:16px;border:1px solid rgba(251,113,133,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin:12px 0 12px 12px}[data-sandbox-theme=rose-glass] .sandbox-topbar{background:#28141e99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-sandbox-theme=rose-glass] .board{box-shadow:0 0 80px #fb71850a,0 16px 48px #0006;border:1px solid rgba(251,113,133,.12);border-radius:16px;overflow:visible}[data-sandbox-theme=rose-glass] .sandbox-palette-area{background:#3c1e2d66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(251,113,133,.12)}.sandbox-layout .board-container,.sandbox-layout .board-coords{max-width:100%;max-height:100%}.sandbox-layout .board{width:min(calc(100vh - 300px),calc(100vw - 380px));height:min(calc(100vh - 300px),calc(100vw - 380px))}@media(max-width:768px){.gameplay-screen{flex-direction:column}.gameplay-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;border-left:none;border-top:1px solid var(--border);max-height:200px;overflow-y:auto}.board{width:min(calc(100vw - 32px),calc(100vh - 320px));height:min(calc(100vw - 32px),calc(100vh - 320px));min-width:280px;min-height:280px}.home-hero{padding:40px 0 32px}.home-title{font-size:2.4rem}.mode-grid,.mode-grid--featured{grid-template-columns:1fr}.gameover-title{font-size:2rem}.setup-side-visual{flex-direction:column}.sandbox-layout,.sandbox-layout[data-sandbox-theme=void],.sandbox-layout[data-sandbox-theme=amber],.sandbox-layout[data-sandbox-theme=quantum-lab],.sandbox-layout[data-sandbox-theme=emerald],.sandbox-layout[data-sandbox-theme=rose-glass]{display:flex!important;flex-direction:column!important;height:auto!important;min-height:100vh;overflow-y:auto!important;overflow-x:hidden}.sandbox-layout .board{width:calc(100vw - 32px)!important;height:calc(100vw - 32px)!important;max-width:480px;max-height:480px;min-width:260px;min-height:260px}.sandbox-layout .gameplay-board-area{display:flex;align-items:center;justify-content:center;padding:8px 4px;overflow:visible}.sandbox-info-panel{border-left:none!important;border-right:none!important;border-top:1px solid var(--border);max-height:240px;overflow-y:auto}.sandbox-topbar{flex-wrap:wrap;padding:8px 10px;gap:8px}.sandbox-theme-picker{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:1;min-width:0}.sandbox-theme-picker::-webkit-scrollbar{display:none}.sandbox-palette-area{border-top:1px solid var(--border)}.sandbox-palette-area .sandbox-palette{justify-content:center}.sandbox-palette-area .sandbox-piece{width:40px;height:40px}.sandbox-controls{flex-wrap:wrap;justify-content:center}.piece-bare,.piece-glow{font-size:min(9vw,42px)}.piece-symbol{font-size:min(8vw,36px)}.sandbox-layout[data-sandbox-theme=rose-glass] .sandbox-info-panel{margin:0;border-radius:0}}@media(max-width:480px){.home-title{font-size:1.8rem;letter-spacing:.06em}.home-hero{padding:28px 0 24px}.home-subtitle{font-size:12px}.home-toolbar{flex-direction:column;align-items:flex-start}.sandbox-layout .board{min-width:260px;min-height:260px}.sandbox-palette-area .sandbox-piece{width:36px;height:36px}.sandbox-theme-btn{padding:4px 10px;font-size:10px}.sandbox-phase-pill{font-size:9px;padding:3px 10px}.sandbox-info-panel{padding:8px;gap:6px}}