.play-shell{--accent:#c8a45c;--accent-2:#5fb6a2;--ink:#f3eedf;--ink-dim:rgba(243,238,223,0.72);--ink-faint:rgba(243,238,223,0.50);--line:rgba(243,238,223,0.08);--panel-bg:linear-gradient(180deg,rgba(22,26,34,0.65),rgba(14,16,22,0.78));--panel-border:rgba(255,255,255,0.08);width:100%;height:100%;font-family:var(--font-inter),system-ui,sans-serif;color:var(--ink);background:radial-gradient(ellipse 1100px 800px at 85% -10%,rgba(200,164,92,.22) 0,rgba(200,164,92,.1) 18%,rgba(200,164,92,.04) 38%,transparent 60%),radial-gradient(ellipse 900px 700px at 70% 20%,rgba(255,200,120,.1) 0,transparent 50%),#0a0c10;overflow:hidden;display:flex;flex-direction:column;height:100vh}.play-shell .vp-info{position:fixed;top:6px;right:6px;z-index:999;background:rgba(0,0,0,.7);color:var(--accent);padding:3px 7px;border-radius:5px;font:10px var(--font-inter),monospace;border:1px solid var(--line)}.play-shell nav.top{flex-shrink:0;height:50px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:18px;padding:0 18px;background:transparent;border-bottom:none;position:relative;z-index:50}.play-shell .move-progress{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);width:clamp(500px,56%,1003px);display:flex;flex-direction:column;gap:6px;pointer-events:none}.play-shell .move-progress-head{display:flex;align-items:baseline;justify-content:flex-start;font:500 11px var(--font-inter),sans-serif;color:var(--ink-faint);letter-spacing:.04em}.play-shell .move-progress-head .mp-label{text-transform:uppercase}.play-shell .move-progress-track{position:relative;height:5px;background:rgba(255,255,255,.05);border-radius:3px;overflow:visible;box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}.play-shell .move-progress-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:3px;background:linear-gradient(90deg,rgba(200,164,92,.55),rgba(241,201,122,.95) 55%,#fff0c2 92%,#ffffff);box-shadow:0 0 8px rgba(241,201,122,.85),0 0 18px rgba(241,201,122,.55),0 0 32px rgba(241,201,122,.3),inset 0 0 4px rgba(255,255,255,.45);transition:width .38s cubic-bezier(.22,.61,.36,1);animation:mp-pulse 2.2s ease-in-out infinite}.play-shell .move-progress-fill:after{content:"";position:absolute;top:-2px;right:-3px;bottom:-2px;width:12px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,245,200,.95) 0,rgba(241,201,122,.55) 45%,transparent 75%);filter:blur(2px)}@keyframes mp-pulse{0%,to{box-shadow:0 0 8px rgba(241,201,122,.85),0 0 18px rgba(241,201,122,.55),0 0 32px rgba(241,201,122,.3),inset 0 0 4px rgba(255,255,255,.45)}50%{box-shadow:0 0 12px rgba(241,201,122,1),0 0 26px rgba(241,201,122,.75),0 0 44px rgba(241,201,122,.45),inset 0 0 6px rgba(255,255,255,.65)}}.play-shell .move-progress-ticks{position:absolute;inset:0;display:flex;pointer-events:none}.play-shell .move-progress-ticks .tick{flex:1 1 0;border-right:1px solid rgba(255,255,255,.12);position:relative}.play-shell .move-progress-ticks .tick:last-child{border-right:none}.play-shell .move-progress-ticks .tick.done:after{content:"";position:absolute;top:-3px;right:-4px;width:8px;height:8px;border-radius:50%;background:#fff0c2;box-shadow:0 0 6px rgba(241,201,122,.9),0 0 12px rgba(241,201,122,.5)}.play-shell .move-progress-ticks .tick.done:last-child:after{right:0}.play-shell .pro-cta{position:absolute;right:180px;top:14px;width:264px;height:38px;display:grid;grid-template-columns:26px 1fr 14px;align-items:center;gap:9px;padding:0 14px 0 11px;border-radius:19px;cursor:pointer;text-decoration:none;user-select:none;background:radial-gradient(ellipse 140px 60px at 22% 18%,rgba(255,245,200,.55) 0,transparent 70%),linear-gradient(135deg,#f1c97a,#d9ad62 50%,#c8a45c);box-shadow:inset 0 1px 0 rgba(255,250,225,.55),inset 0 -1px 0 rgba(80,55,15,.22),0 1px 0 rgba(0,0,0,.35),0 4px 14px rgba(200,164,92,.4),0 0 24px rgba(241,201,122,.2);border:1px solid rgba(255,235,180,.55);transition:transform .18s cubic-bezier(.32,.72,0,1),box-shadow .18s,filter .18s;overflow:hidden;z-index:51}.play-shell .pro-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translateX(-100%);animation:pro-cta-shimmer 3.6s ease-in-out infinite;pointer-events:none}@keyframes pro-cta-shimmer{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.play-shell .pro-cta:hover{transform:scale(1.02);filter:brightness(1.06);box-shadow:inset 0 1px 0 rgba(255,250,225,.65),inset 0 -1px 0 rgba(80,55,15,.25),0 1px 0 rgba(0,0,0,.35),0 6px 20px rgba(200,164,92,.55),0 0 32px rgba(241,201,122,.35)}.play-shell .pro-cta:active{transform:scale(.985);filter:brightness(.96)}.play-shell .pro-cta .pro-cta-icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(ellipse at 30% 25%,rgba(255,255,255,.5) 0,transparent 60%),linear-gradient(180deg,#2a1d08,#1a1408);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 1px 3px rgba(0,0,0,.4);color:#f1c97a;position:relative;z-index:1}.play-shell .pro-cta .pro-cta-icon svg{width:14px;height:14px}.play-shell .pro-cta .pro-cta-text{display:flex;flex-direction:column;gap:1px;min-width:0;position:relative;z-index:1}.play-shell .pro-cta .pro-cta-main{font-family:var(--font-fraunces),serif;font-weight:700;font-size:13px;color:#1a1408;letter-spacing:-.005em;line-height:1.1;text-shadow:0 1px 0 rgba(255,245,210,.4);white-space:nowrap}.play-shell .pro-cta .pro-cta-sub{font:500 8.5px var(--font-inter),sans-serif;color:rgba(26,20,8,.72);letter-spacing:.06em;text-transform:uppercase;line-height:1.1;white-space:nowrap}.play-shell .pro-cta .pro-cta-arrow{color:#1a1408;opacity:.75;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s;position:relative;z-index:1}.play-shell .pro-cta:hover .pro-cta-arrow{transform:translateX(3px);opacity:1}.play-shell .pro-cta .pro-cta-arrow svg{width:13px;height:13px}.play-shell .close-trainer{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;color:var(--ink-dim);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);text-decoration:none;transition:color .15s,background .15s,border-color .15s,transform .12s}.play-shell .close-trainer svg{width:16px;height:16px}.play-shell .close-trainer:hover{color:var(--accent);background:rgba(200,164,92,.12);border-color:rgba(200,164,92,.4);transform:rotate(90deg)}.play-shell .brand-top{display:flex;align-items:center;gap:9px;font-family:var(--font-fraunces),serif;font-weight:600;font-size:17px;margin-left:14px}.play-shell .brand-top .logo{width:26px;height:26px;border-radius:6px;overflow:hidden}.play-shell .brand-top .logo img{width:100%;height:100%;object-fit:cover}.play-shell .mode-toggle{justify-self:center;display:flex;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px}.play-shell .mode-toggle button{background:none;border:none;color:var(--ink-dim);padding:6px 18px;border-radius:999px;font:600 12px var(--font-inter),sans-serif;cursor:pointer}.play-shell .mode-toggle button.active{background:rgba(255,255,255,.1);color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}.play-shell .pill-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:999px;color:var(--ink-dim);font:600 12px var(--font-inter),sans-serif;cursor:pointer}.play-shell .pill-btn svg{width:14px;height:14px}.play-shell .pill-btn .dot{width:7px;height:7px;background:var(--accent-2);border-radius:50%}.play-shell .col-head{display:flex;align-items:center;justify-content:space-between;padding:0 14px;height:36px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:8px;font:600 12px var(--font-inter),sans-serif;color:var(--ink-dim);min-width:240px}.play-shell .col-head .caret{font-size:9px;opacity:.6}.play-shell .col-head .star{color:var(--accent)}.play-shell main{flex:1;display:grid;grid-template-columns:440px minmax(0,1fr) 440px;gap:14px;padding:10px 32px;min-height:0}.play-shell .left-area,.play-shell .right-area{display:flex;flex-direction:column;gap:10px;min-height:0;align-content:start}.play-shell .left-area{justify-content:flex-end}.play-shell .left-area>.panel{background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding-left:4px;padding-right:4px}.play-shell .left-rail{display:grid;grid-template-columns:18px 1fr;grid-template-rows:auto 1fr auto auto;column-gap:8px;row-gap:10px;padding:6px 4px;background:transparent;border:none}.play-shell .d4-tag{grid-column:1/3;background:rgba(200,164,92,.18);border:1px solid rgba(200,164,92,.35);color:var(--accent);font:700 10px var(--font-inter),monospace;padding:4px 8px;border-radius:5px;text-align:center}.play-shell .eval-bar{grid-column:1;grid-row:2;width:14px;min-height:240px;height:100%;background:#1a1c22;border-radius:3px;overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column;justify-self:center}.play-shell .eval-bar .white{flex:0.55;background:linear-gradient(180deg,#e8d8b8,#c9b487)}.play-shell .eval-bar .black{flex:0.45;background:linear-gradient(180deg,#2a2a32,#16161c)}.play-shell .vert-labels{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:12px;justify-content:flex-start;align-items:flex-start}.play-shell .vert-label{writing-mode:vertical-rl;transform:rotate(180deg);font:500 10px var(--font-inter),sans-serif;color:var(--ink-faint);letter-spacing:.12em;padding:4px 2px;border-left:2px solid transparent}.play-shell .vert-label.active{color:var(--accent);border-left-color:var(--accent);padding-left:4px}.play-shell .audio-btn{grid-column:1/3;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--ink-dim);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;justify-self:center}.play-shell .audio-btn svg{width:14px;height:14px}.play-shell .captured{grid-column:1/3;display:flex;flex-direction:column;gap:4px;padding-top:8px;border-top:1px solid var(--line);align-items:center}.play-shell .captured img{width:22px;height:22px;opacity:.85}.play-shell .board-area{display:flex;flex-direction:column;min-height:0;background:transparent;border:none;border-radius:0;padding:14px 18px;overflow:hidden;position:relative}.play-shell .board-head{position:absolute;top:22px;left:28px;z-index:5;pointer-events:none}.play-shell .board-head h1{font-family:var(--font-fraunces),serif;font-size:clamp(40px,4.2vw,64px);font-weight:600;letter-spacing:-.025em;line-height:.95;color:var(--ink);text-shadow:0 2px 10px rgba(0,0,0,.4)}.play-shell .board-head p{font-size:13px;color:var(--ink-dim);margin-top:8px;letter-spacing:.02em}.play-shell .canvas-wrap{flex:1;position:relative;min-height:0;display:flex;align-items:center;justify-content:center}.play-shell #chess3d{width:100%;height:100%;display:block}.play-shell #hint-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:6}.play-shell #hint-overlay .hint-glow{filter:drop-shadow(0 0 4px rgba(95,220,156,1)) drop-shadow(0 0 10px rgba(95,220,156,.85)) drop-shadow(0 0 20px rgba(95,220,156,.55))}.play-shell #hint-overlay .source-bracket,.play-shell #hint-overlay .target-bracket{stroke:#6fe8ad;stroke-width:5;stroke-linecap:round;fill:none}.play-shell #hint-overlay .target-cross{stroke:#6fe8ad;stroke-width:3;fill:none}.play-shell #hint-overlay .target-dot{fill:#6fe8ad}.play-shell #hint-overlay .hint-arrow{stroke:#6fe8ad;stroke-width:4;fill:none;stroke-linecap:round}.play-shell #hint-overlay .hint-arrowhead{fill:#6fe8ad}.play-shell #hint-labels{position:absolute;inset:0;pointer-events:none;z-index:7;font-family:var(--font-fraunces),serif}.play-shell #hint-labels .hint-label{position:absolute;display:inline-block;width:max-content;color:#f0ece0;line-height:1.25;background:rgba(28,44,38,.42);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);padding:14px 22px 22px;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.9);filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}.play-shell #hint-labels .hint-label .l1{font-weight:400;font-style:italic;color:#c8c4b3;font-size:15px;letter-spacing:.005em;display:block;opacity:.92}.play-shell #hint-labels .hint-label .l2{font-weight:600;color:#f6f1e0;font-size:20px;display:block;margin-top:4px;letter-spacing:-.005em}.play-shell #hint-labels .hint-label .l3{font-weight:400;color:#6fe8ad;font-size:13px;display:block;margin-top:8px;max-width:260px;white-space:normal;line-height:1.4;letter-spacing:.01em;opacity:.95}.play-shell .file-labels,.play-shell .rank-labels{position:absolute;pointer-events:none;display:flex;font:600 14px var(--font-fraunces),serif;color:rgba(243,238,223,.55);text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:4}.play-shell .file-labels{bottom:18px;left:8%;right:8%;justify-content:space-between}.play-shell .rank-labels{flex-direction:column;left:6%;top:16%;bottom:22%;justify-content:space-between}.play-shell .mid-col{gap:10px}.play-shell .mid-col,.play-shell .panel{display:flex;flex-direction:column;min-height:0}.play-shell .panel{background:var(--panel-bg);backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--panel-border);border-radius:12px;padding:12px}.play-shell .panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.play-shell .panel-title{font:600 13px var(--font-fraunces),serif;color:var(--ink);letter-spacing:-.01em}.play-shell .panel-menu{color:var(--ink-faint);font-size:16px;line-height:1;cursor:pointer;padding:2px 6px}.play-shell .coach-stage{flex:0 0 auto;display:flex;flex-direction:row;align-items:stretch;gap:16px;background:transparent;border:none;padding:4px 0;position:relative;min-height:0}.play-shell .coach-character{width:auto;height:100%;max-height:280px;align-self:center;display:block;flex-shrink:0;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4)) drop-shadow(0 0 12px rgba(200,164,92,.1));user-select:none;-webkit-user-drag:none}.play-shell .coach-bubble{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;align-self:stretch;color:#f0ece0;line-height:1.4;background:var(--panel-bg);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--panel-border);border-radius:12px;padding:18px 22px 18px 30px;text-shadow:0 1px 3px rgba(0,0,0,.6);filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}.play-shell .coach-bubble .l1{font-weight:400;font-style:italic;color:#c8c4b3;font-size:15px;letter-spacing:.005em;display:block;opacity:.92}.play-shell .coach-bubble .l2{font-weight:600;color:#f6f1e0;display:block;margin-top:4px;letter-spacing:-.005em;line-height:1.35;white-space:normal}.play-shell .coach-name{font:600 13px var(--font-inter),sans-serif;color:var(--ink)}.play-shell .coach-sub{font:11px var(--font-inter),sans-serif;color:var(--ink-faint)}.play-shell .coach-icon{margin-left:auto;width:28px;height:28px;border-radius:6px;background:rgba(255,255,255,.04);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--ink-dim)}.play-shell .coach-icon svg{width:14px;height:14px}.play-shell .coach-msg{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font:12px var(--font-inter),sans-serif;color:var(--ink-dim);line-height:1.45;margin-bottom:10px}.play-shell .coach-stats{display:flex;gap:18px;padding:4px 0}.play-shell .coach-stat{display:flex;align-items:center;gap:6px}.play-shell .coach-stat .icon-circle{width:24px;height:24px;border-radius:50%;background:rgba(200,164,92,.2);border:1px solid rgba(200,164,92,.5);color:var(--accent);display:inline-flex;align-items:center;justify-content:center}.play-shell .coach-stat .icon-circle svg{width:12px;height:12px}.play-shell .coach-stat .label{font:10px var(--font-inter),sans-serif;color:var(--ink-faint)}.play-shell .coach-stat .val{font:700 13px var(--font-inter),sans-serif;color:var(--ink);display:block}.play-shell .alert-icons{display:inline-flex;gap:3px;margin-left:4px}.play-shell .alert-icons .a{color:#f4b942}.play-shell .alert-icons .b{color:#ed7575}.play-shell .alert-icons .c{color:#ed5555}.play-shell .suggested{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.play-shell .suggested-label{font:11px var(--font-inter),sans-serif;color:var(--ink-faint);margin-bottom:6px}.play-shell .chips{display:flex;flex-wrap:wrap;gap:5px}.play-shell .chip{font:500 10px var(--font-inter),sans-serif;padding:4px 8px;border-radius:4px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--ink-dim)}.play-shell .chip.alt{background:rgba(95,182,162,.1);color:var(--accent-2);border-color:rgba(95,182,162,.3)}.play-shell .line-tracker{flex:1;overflow:hidden}.play-shell .line-name{font:600 13px var(--font-inter),sans-serif;color:var(--ink);margin-bottom:2px;line-height:1.2}.play-shell .line-sub{font:10px var(--font-inter),sans-serif;color:var(--ink-faint);margin-bottom:10px}.play-shell .move-tree{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:8px;padding:10px;margin-bottom:10px;display:flex;flex-direction:column;align-items:center;gap:4px;font:11px var(--font-inter),monospace}.play-shell .move-tree .root{color:var(--accent);font-weight:700;margin-bottom:2px}.play-shell .move-tree .row{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.play-shell .move-tree .mv{padding:2px 6px;border-radius:3px;background:rgba(255,255,255,.04);color:var(--ink-dim);font-weight:600}.play-shell .move-tree .mv.active{background:rgba(200,164,92,.2);color:var(--accent);border:1px solid rgba(200,164,92,.4)}.play-shell .stats-row{display:flex;gap:24px;padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:10px}.play-shell .stats-row .col{display:flex;flex-direction:column}.play-shell .stats-row .lab{font:10px var(--font-inter),sans-serif;color:var(--ink-faint)}.play-shell .stats-row .val{font:700 22px var(--font-inter),sans-serif;color:#5fdc9c}.play-shell .stats-row .val.alt{color:var(--ink)}.play-shell .stats-row .sub{font:10px var(--font-inter),sans-serif;color:var(--ink-faint);margin-top:2px}.play-shell .plan-row{margin-bottom:8px}.play-shell .plan-label{font:11px var(--font-inter),sans-serif;color:var(--ink-faint);margin-bottom:4px}.play-shell .plan-box{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:6px;padding:7px 9px;font:11px var(--font-inter),sans-serif;color:var(--ink-dim);line-height:1.4}.play-shell .right-col{display:flex;flex-direction:column;gap:8px;min-height:0}.play-shell .progress-panel{flex:0 0 auto}.play-shell .progress-grid{display:grid;grid-template-columns:1fr 110px;gap:14px;align-items:center}.play-shell .progress-bars{display:flex;flex-direction:column;gap:10px}.play-shell .pbar-head{display:flex;justify-content:space-between;font:10px var(--font-inter),sans-serif;color:var(--ink-faint);margin-bottom:3px}.play-shell .pbar-head .name{color:var(--ink-dim);font-weight:600}.play-shell .pbar-head .val{color:var(--ink-faint)}.play-shell .pbar-track{height:5px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden}.play-shell .pbar-fill{height:100%;background:linear-gradient(90deg,#f1b95d,#c8a45c);border-radius:3px}.play-shell .pbar-fill.green{background:linear-gradient(90deg,#5fdc9c,#3da37a)}.play-shell .pbar-fill.teal{background:linear-gradient(90deg,#5fb6a2,#3d8a78)}.play-shell .pbar-sub{font:9px var(--font-inter),sans-serif;color:var(--ink-faint);margin-top:3px}.play-shell .big-ring{position:relative;width:110px;height:110px}.play-shell .big-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.play-shell .big-ring .bg{fill:none;stroke:rgba(255,255,255,.1);stroke-width:5}.play-shell .big-ring .fg{fill:none;stroke-width:5;stroke-linecap:round}.play-shell .big-ring .fg.a{stroke:#f1b95d}.play-shell .big-ring .fg.b{stroke:#5fdc9c}.play-shell .big-ring .fg.c{stroke:#5fb6a2}.play-shell .big-ring .center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 22px var(--font-inter),sans-serif;color:var(--ink)}.play-shell .big-ring .center .lab{font:9px var(--font-inter),sans-serif;color:var(--ink-faint);font-weight:500;margin-top:2px}.play-shell .review-bar{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.play-shell .review-bar .head{display:flex;justify-content:space-between;font:11px var(--font-inter),sans-serif;color:var(--ink-dim);margin-bottom:4px}.play-shell .review-bar .head strong{color:var(--ink);font-weight:700}.play-shell .review-track{height:4px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}.play-shell .review-track .fill{width:65%;height:100%;background:linear-gradient(90deg,#5fb6a2,#c8a45c)}.play-shell .kpi-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:0}.play-shell .kpi{background:var(--panel-bg);backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--panel-border);border-radius:10px;padding:9px 10px;display:flex;flex-direction:column;overflow:hidden;min-height:0}.play-shell .kpi-title{font:600 10px var(--font-inter),sans-serif;color:var(--ink-faint);display:flex;align-items:center;gap:4px;margin-bottom:4px}.play-shell .kpi-title .info{font-size:9px;opacity:.6}.play-shell .kpi-val{font:700 22px var(--font-inter),sans-serif;color:var(--ink);line-height:1}.play-shell .kpi-val.s{font-size:17px}.play-shell .kpi-val.xs{font-size:14px}.play-shell .kpi-val.green{color:#5fdc9c}.play-shell .kpi-val.gold{color:var(--accent)}.play-shell .kpi-sub{font:9px var(--font-inter),sans-serif;color:var(--ink-faint);margin-top:4px}.play-shell .kpi-bar{height:4px;background:rgba(255,255,255,.08);border-radius:2px;margin-top:6px;overflow:hidden}.play-shell .kpi-bar .fill{height:100%;background:linear-gradient(90deg,#f1b95d,#c8a45c)}.play-shell .kpi.streak .kpi-val{display:flex;align-items:center;gap:6px}.play-shell .kpi-bar.flame .fill{background:linear-gradient(90deg,#ff7a3d,#ffb947)}.play-shell .kpi-spark{flex:1;margin-top:6px;display:flex;align-items:flex-end;min-height:0}.play-shell .kpi-spark svg{width:100%;height:100%}.play-shell .kpi-pie{flex:1;display:flex;gap:8px;align-items:center;margin-top:6px}.play-shell .kpi-pie .pie{width:44px;height:44px;border-radius:50%;background:conic-gradient(#5fdc9c 0 35%,#c8a45c 35% 60%,#ed7575 60% 100%);flex-shrink:0}.play-shell .kpi-pie .legend{display:flex;flex-direction:column;gap:2px;font:10px var(--font-inter),sans-serif;color:var(--ink-faint)}.play-shell .kpi-pie .legend span strong{color:var(--ink);margin-right:3px;font-weight:700}.play-shell .win-rate-solo{flex:0 0 auto;align-self:flex-start;padding:12px 14px}.play-shell .win-rate-solo .kpi-pie{flex:0 0 auto;margin-top:8px}.play-shell .board-toolbar{flex-shrink:0;height:56px;margin-top:8px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px}.play-shell .board-toolbar .timer-area{justify-self:start}.play-shell .timer-area{display:flex;flex-direction:column;gap:1px;font:11px var(--font-inter),sans-serif;color:var(--ink-dim)}.play-shell .timer-area .top{display:flex;align-items:center;gap:5px;color:var(--ink);font-weight:600}.play-shell .actions{display:flex;gap:6px}.play-shell .actions button{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--ink-dim);padding:8px 14px;border-radius:8px;font:600 12px var(--font-inter),sans-serif;cursor:pointer}.play-shell .actions button:hover{color:var(--ink);background:rgba(255,255,255,.07)}.play-shell .actions button svg{width:13px;height:13px}.play-shell .actions button.primary{background:linear-gradient(180deg,rgba(200,164,92,.88),rgba(200,164,92,.72));color:#1a1408;border-color:rgba(200,164,92,.95);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 8px rgba(200,164,92,.3)}.play-shell .actions button.primary:hover{filter:brightness(1.08)}.play-shell .actions button.playing{background:linear-gradient(180deg,rgba(111,232,173,.22),rgba(111,232,173,.1));border-color:rgba(111,232,173,.55);color:#6fe8ad}.play-shell .actions button.playing:hover{filter:brightness(1.1)}.play-shell .actions button:disabled,.play-shell .actions button[disabled]{opacity:.32;cursor:not-allowed;color:var(--ink-dim);background:rgba(255,255,255,.015)}.play-shell .actions button:disabled:hover{background:rgba(255,255,255,.015);color:var(--ink-dim)}.play-shell .progress-panel{padding:12px 14px}.play-shell .progress-panel .panel-head{margin-bottom:10px;align-items:baseline}.play-shell .progress-panel .overall-progress{font:600 11px var(--font-jetbrains),monospace;color:var(--ink-faint);letter-spacing:.02em}.play-shell .progress-panel .overall-progress strong{color:var(--accent);font-size:13px;font-weight:700}.play-shell .progress-list{display:flex;flex-direction:column;gap:8px}.play-shell .prog-row{display:grid;grid-template-columns:1fr 120px 38px;align-items:center;column-gap:12px;padding:5px 6px;border-radius:6px;transition:background .12s}.play-shell .prog-row:hover{background:rgba(255,255,255,.02)}.play-shell .prog-row.active{background:rgba(200,164,92,.08)}.play-shell .prog-label{display:flex;align-items:baseline;gap:8px;min-width:0}.play-shell .prog-name{font:500 12px var(--font-inter),sans-serif;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-shell .prog-mv{font:500 10px var(--font-jetbrains),monospace;color:var(--ink-faint);letter-spacing:-.02em}.play-shell .prog-tag{font:600 8.5px var(--font-inter),sans-serif;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;padding:1px 6px;background:rgba(200,164,92,.14);border-radius:3px}.play-shell .prog-row.active .prog-name{color:var(--ink);font-weight:600}.play-shell .prog-bar{height:5px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden}.play-shell .prog-fill{height:100%;background:linear-gradient(90deg,#c8a45c,#f1b95d);border-radius:3px;transition:width .35s ease}.play-shell .prog-row.active .prog-fill{background:linear-gradient(90deg,#5fb6a2,#5fdc9c)}.play-shell .prog-count{font:600 11px var(--font-jetbrains),monospace;color:var(--ink-dim);text-align:right;letter-spacing:-.02em}.play-shell .prog-row.active .prog-count{color:var(--ink)}.play-shell .prog-row.prog-root{background:rgba(200,164,92,.06);border-bottom:1px solid rgba(200,164,92,.18);padding:8px 6px;margin-bottom:2px;border-radius:6px 6px 0 0}.play-shell .prog-row.prog-root .prog-name{color:var(--ink);font:600 13px var(--font-fraunces),serif;letter-spacing:-.01em}.play-shell .prog-row.prog-root .prog-mv{color:var(--ink-faint)}.play-shell .prog-row.prog-root .prog-count{color:var(--accent);font-weight:700}.play-shell .prog-row.prog-root .prog-fill{background:linear-gradient(90deg,#f1b95d,#c8a45c);height:6px}.play-shell .prog-row.prog-root .prog-bar{height:6px}.play-shell .prog-row.prog-clickable{cursor:pointer}.play-shell .prog-row.prog-clickable:hover{background:rgba(255,255,255,.04)}.play-shell .prog-row.viewing{background:rgba(95,182,162,.1)!important;box-shadow:inset 2px 0 0 var(--accent-2)}.play-shell .prog-row.viewing .prog-name{color:#fff}.play-shell .prog-sub{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .15s ease;padding:0 6px 0 22px}.play-shell .prog-sub.open{max-height:600px;padding:4px 6px 8px 22px}.play-shell .prog-leaf{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:8px;padding:3px 6px;font:500 11px var(--font-inter),sans-serif;color:var(--ink-faint);border-radius:4px}.play-shell .prog-leaf:hover{background:rgba(255,255,255,.02)}.play-shell .leaf-dot{width:7px;height:7px;border-radius:50%;border:1.2px solid rgba(243,238,223,.25);background:transparent;flex-shrink:0}.play-shell .prog-leaf.studied .leaf-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 6px rgba(200,164,92,.4)}.play-shell .prog-leaf.studied{color:var(--ink-dim)}.play-shell .leaf-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-shell .leaf-meta{font:500 10px var(--font-jetbrains),monospace;color:var(--ink-faint);opacity:.7}.play-shell .prog-leaf.current{background:rgba(95,182,162,.12);border:1px solid rgba(95,182,162,.3);color:#fff;padding:2px 6px}.play-shell .prog-leaf.current .leaf-dot{background:var(--accent-2);border-color:var(--accent-2);box-shadow:0 0 8px rgba(95,182,162,.6)}.play-shell .prog-leaf.current .leaf-meta{color:var(--accent-2);opacity:1}.play-shell .progress-panel-compact{flex:0 0 auto;padding:14px 16px}.play-shell .progress-panel-compact .panel-head{margin-bottom:14px}.play-shell .progress-rings{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:4px 0 8px}.play-shell .ring-stat{display:flex;flex-direction:column;align-items:center;gap:6px}.play-shell .ring-wrap{position:relative;width:82px;height:82px}.play-shell .ring{width:100%;height:100%;transform:rotate(-90deg)}.play-shell .ring .ring-bg{fill:none;stroke:rgba(255,255,255,.08);stroke-width:3.2}.play-shell .ring .ring-fg{fill:none;stroke-width:3.2;stroke-linecap:round;transition:stroke-dasharray .5s ease}.play-shell .ring.learn .ring-fg{stroke:url(#ring-grad-learn);stroke:#c8a45c}.play-shell .ring.train .ring-fg{stroke:#5fdc9c}.play-shell .ring.memory .ring-fg{stroke:#a78bfa;filter:drop-shadow(0 0 4px rgba(167,139,250,.55))}.play-shell .ring.memory .ring-bg{stroke:rgba(167,139,250,.1)}.play-shell .ring-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:1px;color:#fff;line-height:1}.play-shell .ring-center .ring-x{font:700 22px var(--font-fraunces),serif;color:#fff;letter-spacing:-.02em;line-height:1}.play-shell .ring-center .ring-divider{font:400 13px var(--font-inter),sans-serif;color:var(--ink-faint);margin:0 1px;line-height:1;transform:translateY(2px)}.play-shell .ring-center .ring-y{font:500 13px var(--font-inter),sans-serif;color:var(--ink-faint);line-height:1;transform:translateY(3px)}.play-shell .ring-label{font:600 11px var(--font-inter),sans-serif;color:var(--ink);text-transform:uppercase;letter-spacing:.12em}.play-shell .ring-stat:first-child .ring-label,.play-shell .ring.learn~.ring-label{color:var(--accent)}.play-shell .ring-stat:nth-child(2) .ring-label{color:#5fdc9c}.play-shell .ring-stat:nth-child(3) .ring-label{color:#a78bfa}.play-shell .ring-sub{font:400 10px var(--font-inter),sans-serif;color:var(--ink-faint);letter-spacing:.04em}.play-shell .ring-center .ring-pct{font:700 22px var(--font-fraunces),serif;color:#fff;letter-spacing:-.02em;line-height:1}.play-shell .ring-center .ring-pct-sign{font:500 12px var(--font-inter),sans-serif;color:var(--ink-faint);line-height:1;transform:translateY(2px);margin-left:1px}.play-shell .stats-panel{padding:14px 16px}.play-shell .stats-panel .panel-head{margin-bottom:12px}.play-shell .stats-panel .panel-title{display:inline-flex;align-items:center;gap:7px}.play-shell .stats-panel .panel-title svg{width:14px;height:14px;color:#f1c97a}.play-shell .stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.play-shell .stat-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 8px 12px;border-radius:10px;border:1px solid transparent;transition:transform .15s ease,border-color .15s,box-shadow .15s}.play-shell .stat-box svg{width:22px;height:22px}.play-shell .stat-box .stat-value{font:700 22px var(--font-fraunces),serif;letter-spacing:-.01em;line-height:1}.play-shell .stat-box .stat-label{font:600 10.5px var(--font-inter),sans-serif;text-transform:uppercase;letter-spacing:.11em;color:var(--ink-faint)}.play-shell .stat-box.elo{background:rgba(167,139,250,.13);border-color:rgba(167,139,250,.3)}.play-shell .stat-box.elo .stat-value,.play-shell .stat-box.elo svg{color:#c5b1ff}.play-shell .stat-box.tactical{background:rgba(96,165,250,.13);border-color:rgba(96,165,250,.3)}.play-shell .stat-box.tactical .stat-value,.play-shell .stat-box.tactical svg{color:#93c5fd}.play-shell .stat-box.games{background:rgba(95,220,156,.13);border-color:rgba(95,220,156,.3)}.play-shell .stat-box.games .stat-value,.play-shell .stat-box.games svg{color:#5fdc9c}.play-shell .stat-box:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.35)}.play-shell .streak-energy-panel{padding:14px 4px;min-height:149px}.play-shell .se-grid{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;gap:20px;height:100%;min-height:121px}.play-shell .se-divider{width:1px;height:72px;background:linear-gradient(180deg,transparent,rgba(243,238,223,.18),transparent);align-self:center}.play-shell .se-box{display:flex;align-items:center;gap:18px;padding:6px 8px;background:transparent!important;border:none!important;position:relative;transition:transform .18s ease}.play-shell .se-box:hover{transform:translateY(-1px)}.play-shell .se-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:none!important;box-shadow:none!important;border-radius:0;width:48px;height:48px}.play-shell .se-icon svg{width:44px;height:44px}.play-shell .se-text{display:flex;flex-direction:column;gap:6px;min-width:0}.play-shell .se-value{font:700 36px var(--font-fraunces),serif;letter-spacing:-.015em;line-height:.95;display:inline-flex;align-items:baseline;color:#fff}.play-shell .se-value .se-total{font:500 16px var(--font-inter),sans-serif;color:var(--ink-faint);margin-left:5px;letter-spacing:0;transform:translateY(-2px);font-weight:400}.play-shell .se-label{font:600 11px var(--font-inter),sans-serif;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-dim)}.play-shell .se-sub{font:400 10px var(--font-inter),sans-serif;color:var(--ink-faint);letter-spacing:.02em;margin-top:-2px}.play-shell .se-box.streak .se-icon svg{color:#ff8a4c;filter:drop-shadow(0 0 8px rgba(255,138,76,.55)) drop-shadow(0 0 18px rgba(244,86,66,.35))}.play-shell .se-box.streak .se-value{color:#ffd0a8}.play-shell .se-box.energy .se-icon svg{color:#38bdf8;filter:drop-shadow(0 0 8px rgba(56,189,248,.6)) drop-shadow(0 0 18px rgba(125,220,251,.35))}.play-shell .se-box.energy .se-value{color:#cdeefb}.play-shell .se-bar{position:relative;height:3px;width:100%;max-width:130px;background:rgba(56,189,248,.1);border-radius:2px;overflow:hidden;margin-top:4px}.play-shell .se-bar .se-bar-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#7cdcfb);box-shadow:0 0 8px rgba(56,189,248,.55);border-radius:2px;width:72.5%}.play-shell .stats-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:14px}.play-shell .stats-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 6px 12px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--ink);cursor:pointer;font-family:var(--font-inter),sans-serif;transition:transform .15s ease,background .18s,border-color .18s,box-shadow .18s;text-align:center}.play-shell .stats-action svg{width:22px;height:22px}.play-shell .stats-action-label{font:600 11px var(--font-inter),sans-serif;letter-spacing:.04em;line-height:1.2}.play-shell .stats-action:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.4)}.play-shell .stats-action.online{background:rgba(95,220,156,.1);border-color:rgba(95,220,156,.32);color:#b4f0cf}.play-shell .stats-action.online svg{color:#5fdc9c}.play-shell .stats-action.online:hover{background:rgba(95,220,156,.18);border-color:rgba(95,220,156,.55)}.play-shell .stats-action.ai{background:rgba(167,139,250,.1);border-color:rgba(167,139,250,.32);color:#d9c9ff}.play-shell .stats-action.ai svg{color:#a78bfa}.play-shell .stats-action.ai:hover{background:rgba(167,139,250,.18);border-color:rgba(167,139,250,.55)}.play-shell .stats-action.puzzles{background:rgba(96,165,250,.1);border-color:rgba(96,165,250,.32);color:#c2dbfc}.play-shell .stats-action.puzzles svg{color:#93c5fd}.play-shell .stats-action.puzzles:hover{background:rgba(96,165,250,.18);border-color:rgba(96,165,250,.55)}.play-shell .match-history-panel{padding:14px 16px 16px}.play-shell .match-history-panel .panel-head{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.play-shell .mh-see-all{font:500 11px var(--font-inter),sans-serif;color:var(--ink-faint);display:inline-flex;align-items:center;gap:3px;cursor:pointer;transition:color .15s}.play-shell .mh-see-all:hover{color:var(--accent)}.play-shell .mh-see-all svg{width:12px;height:12px}.play-shell .mh-list{display:flex;flex-direction:column;gap:4px}.play-shell .mh-item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:9px 10px;border-radius:8px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);transition:transform .15s ease,background .18s,border-color .18s;cursor:pointer}.play-shell .mh-item:hover{transform:translateX(2px);background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.1)}.play-shell .mh-result{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;font:700 11px var(--font-jetbrains),monospace;letter-spacing:-.02em}.play-shell .mh-result.win{background:rgba(95,220,156,.18);color:#5fdc9c;border:1px solid rgba(95,220,156,.35)}.play-shell .mh-result.loss{background:rgba(244,86,86,.16);color:#f56565;border:1px solid rgba(244,86,86,.32)}.play-shell .mh-result.draw{background:rgba(200,164,92,.15);color:#c8a45c;border:1px solid rgba(200,164,92,.32)}.play-shell .mh-mid{display:flex;flex-direction:column;gap:2px;min-width:0}.play-shell .mh-opponent{font:600 12.5px var(--font-inter),sans-serif;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.005em}.play-shell .mh-meta{font:400 10.5px var(--font-inter),sans-serif;color:var(--ink-faint);letter-spacing:.02em}.play-shell .mh-meta .mh-dot{margin:0 5px;opacity:.55}.play-shell .mh-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.play-shell .mh-delta{font:700 11.5px var(--font-jetbrains),monospace;letter-spacing:-.02em;line-height:1}.play-shell .mh-delta.up{color:#5fdc9c}.play-shell .mh-delta.down{color:#f56565}.play-shell .mh-delta.neutral,.play-shell .mh-time{color:var(--ink-faint)}.play-shell .mh-time{font:400 10px var(--font-inter),sans-serif}.play-shell .mh-archive-btn{margin-top:8px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 12px;background:rgba(200,164,92,.06);border:1px solid rgba(200,164,92,.28);border-radius:8px;color:#e5cf94;font:600 11.5px var(--font-inter),sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .18s,border-color .18s,transform .15s ease}.play-shell .mh-archive-btn:hover{background:rgba(200,164,92,.16);border-color:rgba(200,164,92,.55);color:#f1c97a;transform:translateY(-1px)}.play-shell .mh-archive-btn svg{width:13px;height:13px}.play-shell .mh-archive-btn .mh-archive-count{font:500 10.5px var(--font-jetbrains),monospace;color:var(--ink-faint);letter-spacing:.04em;text-transform:none;margin-left:4px}.play-shell .achievements-panel{padding:14px 16px 16px}.play-shell .achievements-panel .panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;cursor:pointer}.play-shell .achievements-panel .achv-meta{display:inline-flex;align-items:center;gap:4px;font:500 11px var(--font-inter),sans-serif;color:var(--ink-faint)}.play-shell .achievements-panel .achv-meta strong{color:var(--accent);font-weight:700}.play-shell .achievements-panel .achv-meta svg{width:14px;height:14px}.play-shell .achv-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.play-shell .achv-badge{display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 4px 0;text-align:center;cursor:pointer}.play-shell .achv-circle{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);transition:transform .18s ease,box-shadow .18s,border-color .18s;position:relative}.play-shell .achv-badge:hover .achv-circle{transform:scale(1.06)}.play-shell .achv-circle svg{width:26px;height:26px;color:rgba(243,238,223,.4)}.play-shell .achv-badge.unlocked .achv-circle{background:rgba(200,164,92,.16);border-color:rgba(200,164,92,.65);box-shadow:0 0 14px rgba(200,164,92,.2)}.play-shell .achv-badge.unlocked .achv-circle svg{color:#f1c97a}.play-shell .achv-badge.unlocked .achv-circle:after{content:"✓";position:absolute;right:-3px;top:-3px;width:16px;height:16px;border-radius:50%;background:#5fdc9c;color:#0a0c10;font:700 10px var(--font-inter),sans-serif;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.4)}.play-shell .achv-name{font:500 10.5px var(--font-inter),sans-serif;color:var(--ink-dim);line-height:1.25;letter-spacing:.01em;min-height:26px}.play-shell .achv-badge.unlocked .achv-name{color:var(--ink)}.play-shell .ring-sub.has-info{display:inline-flex;align-items:center;gap:5px;position:relative}.play-shell .info-pill{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;border-radius:50%;background:rgba(167,139,250,.18);border:1px solid rgba(167,139,250,.45);color:#c5b1ff;font:700 9px var(--font-inter),sans-serif;font-style:italic;cursor:pointer;line-height:1;padding:0;transition:background .15s,transform .15s;outline:none}.play-shell .info-pill.open,.play-shell .info-pill:focus-visible,.play-shell .info-pill:hover{background:rgba(167,139,250,.4);color:#fff;transform:scale(1.15)}.play-shell .info-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);width:220px;padding:10px 12px;background:linear-gradient(180deg,rgba(28,22,46,.98),rgba(20,16,34,.98));border:1px solid rgba(167,139,250,.4);border-radius:8px;box-shadow:0 8px 28px rgba(0,0,0,.55),0 0 18px rgba(167,139,250,.18);font:400 11px var(--font-inter),sans-serif;color:var(--ink);line-height:1.45;text-align:left;letter-spacing:0;pointer-events:none;opacity:0;transition:opacity .18s ease,transform .18s ease;z-index:100;backdrop-filter:blur(8px)}.play-shell .info-tip strong{color:#c5b1ff;font-weight:600}.play-shell .info-tip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:rgba(167,139,250,.4);margin-top:0}.play-shell .info-pill.open+.info-tip,.play-shell .info-pill:focus-visible+.info-tip,.play-shell .info-pill:hover+.info-tip{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}.play-shell .leaderboard-panel{display:flex;flex-direction:column;min-height:0;padding:6px 4px 8px;flex:1;background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.play-shell .leaderboard-panel .panel-head{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid rgba(200,164,92,.18)}.play-shell .lb-title{font:700 18px var(--font-fraunces),var(--font-inter),serif;letter-spacing:.16em;background:linear-gradient(180deg,#f7d98a,#c8a45c 65%,#9c7838);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 12px rgba(200,164,92,.18);display:inline-flex;align-items:center;gap:8px;line-height:1}.play-shell .lb-title-icon{font-size:19px;-webkit-text-fill-color:initial;color:#c8a45c;text-shadow:0 0 10px rgba(200,164,92,.55);line-height:1}.play-shell .lb-period{font:600 9.5px var(--font-jetbrains),monospace;color:var(--ink-faint);letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border:1px solid rgba(200,164,92,.2);border-radius:4px;background:rgba(200,164,92,.06)}.play-shell .lb-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px;flex:1;min-height:0;overflow:hidden}.play-shell .lb-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:11px 10px;border-radius:7px;background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.045);transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .25s,border-color .25s,box-shadow .35s;flex:1 1 0;min-height:0}.play-shell .lb-rank{font:600 12px var(--font-jetbrains),monospace;color:var(--ink-dim);text-align:center;letter-spacing:-.02em}.play-shell .lb-row.lb-top1 .lb-rank{color:#c8a45c}.play-shell .lb-row.lb-top2 .lb-rank{color:#b5b8c0}.play-shell .lb-row.lb-top3 .lb-rank{color:#cd7f32}.play-shell .lb-row.lb-top1,.play-shell .lb-row.lb-top2,.play-shell .lb-row.lb-top3{background:linear-gradient(90deg,rgba(200,164,92,.06),rgba(255,255,255,.02))}.play-shell .lb-name{font:500 12.5px var(--font-inter),sans-serif;color:var(--ink);letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-shell .lb-name .lb-flag{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;vertical-align:middle;background:#5fdc9c;opacity:.65}.play-shell .lb-xp{font:600 12px var(--font-jetbrains),monospace;color:var(--ink);letter-spacing:-.02em}.play-shell .lb-xp .lb-xp-unit{font-weight:400;font-size:9px;color:var(--ink-faint);margin-left:2px;letter-spacing:.04em;text-transform:uppercase}.play-shell .lb-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(200,164,92,.25),transparent);margin:8px 0 6px;flex:0 0 auto}.play-shell .lb-divider-label{text-align:center;font:500 8.5px var(--font-jetbrains),monospace;color:rgba(200,164,92,.55);letter-spacing:.18em;margin-bottom:4px}.play-shell .lb-row.lb-you{background:linear-gradient(90deg,rgba(200,164,92,.16),rgba(200,164,92,.05));border:1px solid rgba(200,164,92,.45);box-shadow:0 2px 12px rgba(200,164,92,.1);flex:0 0 auto}.play-shell .lb-row.lb-you .lb-rank{color:#f1c97a;font-weight:700}.play-shell .lb-row.lb-you .lb-name{color:#fff;font-weight:600}.play-shell .lb-row.lb-you .lb-name .lb-flag{background:#f1c97a;box-shadow:0 0 6px rgba(200,164,92,.6);opacity:1}.play-shell .lb-row.lb-you .lb-xp{color:#f1c97a}.play-shell .lb-row.lb-flash{background:linear-gradient(90deg,rgba(200,164,92,.4),rgba(200,164,92,.18));border-color:rgba(200,164,92,.85);box-shadow:0 0 18px rgba(200,164,92,.4);transform:translateX(-2px)}.play-shell .lb-xp.lb-xp-bump{animation:lb-bump .55s ease-out}@keyframes lb-bump{0%{transform:scale(1);color:#f1c97a}35%{transform:scale(1.18);color:#fff7d6;text-shadow:0 0 12px rgba(241,201,122,.9)}to{transform:scale(1);color:#f1c97a}}.play-shell .lb-row.lb-rank-up .lb-rank{animation:lb-rank-pop .7s ease-out}@keyframes lb-rank-pop{0%{transform:translateY(0);color:#f1c97a}40%{transform:translateY(-4px);color:#5fdc9c;text-shadow:0 0 10px rgba(95,220,156,.7)}to{transform:translateY(0);color:#f1c97a}}.play-shell .lb-xp-toast{position:absolute;right:14px;font:600 11px var(--font-jetbrains),monospace;color:#5fdc9c;pointer-events:none;opacity:0;transform:translateY(0);text-shadow:0 0 8px rgba(95,220,156,.5)}.play-shell .lb-xp-toast.run{animation:lb-toast 1.1s ease-out forwards}@keyframes lb-toast{0%{opacity:0;transform:translateY(0)}15%{opacity:1;transform:translateY(-8px)}to{opacity:0;transform:translateY(-28px)}}.play-shell .activity-panel{display:flex;flex-direction:column;min-height:0;padding:8px 4px 10px;flex:0 0 auto;background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.play-shell .activity-panel .panel-head{margin-bottom:10px;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.play-shell .activity-panel .ah-summary{font:500 10px var(--font-inter),sans-serif;color:var(--ink-faint);letter-spacing:.04em}.play-shell .activity-panel .ah-summary .ah-summary-n{color:#5fdc9c;font-weight:600}.play-shell .ah-wrap{position:relative;flex:0 0 auto;overflow:hidden}.play-shell .ah-months{display:grid;grid-template-columns:22px repeat(53,12px);gap:2px;margin-bottom:4px;font:500 9px var(--font-inter),sans-serif;color:var(--ink-faint);letter-spacing:.04em}.play-shell .ah-months .ah-month-label{grid-row:1;font:500 9.5px var(--font-inter),sans-serif;color:var(--ink-faint);line-height:12px;white-space:nowrap}.play-shell .ah-grid{display:grid;grid-template-columns:22px repeat(53,12px);grid-template-rows:repeat(7,12px);gap:2px}.play-shell .ah-day-label{font:500 9px var(--font-inter),sans-serif;color:var(--ink-faint);line-height:12px;text-align:right;padding-right:4px}.play-shell .ah-cell{width:12px;height:12px;border-radius:2.5px;background:rgba(255,255,255,.045);transition:transform .18s ease;cursor:default}.play-shell .ah-cell.l1{background:rgba(200,164,92,.22)}.play-shell .ah-cell.l2{background:rgba(200,164,92,.42)}.play-shell .ah-cell.l3{background:rgba(200,164,92,.66)}.play-shell .ah-cell.l4{background:rgba(241,201,122,.92);box-shadow:0 0 4px rgba(200,164,92,.5)}.play-shell .ah-cell.today{box-shadow:0 0 0 1.5px #f1c97a,0 0 8px rgba(241,201,122,.6)}.play-shell .ah-cell:hover{transform:scale(1.5);z-index:2}.play-shell .ah-legend{display:flex;align-items:center;gap:6px;margin-top:10px;font:500 9.5px var(--font-inter),sans-serif;color:var(--ink-faint);justify-content:flex-end}.play-shell .ah-legend .ah-cell{width:11px;height:11px;cursor:default}.play-shell .ah-legend .ah-legend-word{letter-spacing:.04em}.play-shell .activity-panel .panel-title,.play-shell .progress-panel-compact .panel-title,.play-shell .stats-panel .panel-title{font-size:15px}.play-shell .activity-panel .ah-summary{font-size:11.5px}.play-shell .activity-panel .ah-legend{font-size:11px}.play-shell .progress-panel-compact .ring-label{font-size:12.5px}.play-shell .progress-panel-compact .ring-sub{font-size:11.5px}.play-shell .stats-panel .stat-box .stat-label{font-size:12px}.play-shell .stats-panel .stats-action-label{font-size:12.5px}.play-shell .leaderboard-panel .lb-name{font-size:14.5px}.play-shell .leaderboard-panel .lb-xp{font-size:14px}.play-shell .leaderboard-panel .lb-xp .lb-xp-unit{font-size:10.5px}.play-shell .leaderboard-panel .lb-rank{font-size:13.5px}.play-shell .coach-stage{flex-direction:row-reverse}.play-shell .coach-bubble{padding:18px 30px 18px 22px;position:fixed;top:94px;right:168px;left:auto;max-width:359px;width:359px;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;border-radius:0;padding:0;filter:none;text-shadow:0 1px 3px rgba(0,0,0,.55);z-index:40}.play-shell .coach-bubble .l1{font-style:normal;font-weight:600;color:var(--accent);font-size:13px;letter-spacing:.18em;text-transform:uppercase;opacity:.9;margin-bottom:6px}.play-shell .coach-bubble .l2{font-size:18px;line-height:1.45;color:var(--ink);font-weight:500;letter-spacing:.005em}.play-shell .coach-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.play-shell .ca-btn{position:relative;display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 16px;border-radius:999px;font:600 13px var(--font-inter),sans-serif;letter-spacing:.01em;cursor:pointer;border:1px solid transparent;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s,opacity .15s;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);user-select:none}.play-shell .ca-btn:disabled{opacity:.45;cursor:not-allowed}.play-shell .ca-btn:not(:disabled):hover{transform:translateY(-1px)}.play-shell .ca-btn .ca-text{line-height:1}.play-shell .ca-btn .ca-arrow{font-size:16px;line-height:1;opacity:.85;transform:translateY(-.5px)}.play-shell .ca-btn .ca-badge{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:22px;padding:0 8px;margin-left:4px;border-radius:999px;background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.1);font:700 11px var(--font-inter),sans-serif;letter-spacing:.04em;color:rgba(255,255,255,.92);text-shadow:none}.play-shell .ca-btn-primary{background:linear-gradient(180deg,rgba(200,164,92,.95),rgba(168,128,58,.95));color:#1a1308;border-color:rgba(255,225,160,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 4px 14px rgba(168,128,58,.35)}.play-shell .ca-btn-primary:not(:disabled):hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 18px rgba(200,164,92,.55)}.play-shell .ca-btn-primary .ca-badge{background:rgba(26,19,8,.38);border-color:rgba(26,19,8,.18);color:#1a1308}.play-shell .ca-btn-primary.ready{animation:ca-pulse 1.6s ease-in-out infinite}@keyframes ca-pulse{0%,to{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 4px 14px rgba(168,128,58,.35)}50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 6px 22px rgba(255,210,120,.7)}}.play-shell #hint-btn.pulse{animation:hint-pulse 1s cubic-bezier(.34,1.56,.64,1)}.play-shell #hint-btn.armed{border-color:var(--accent)!important;box-shadow:0 0 0 1px rgba(200,164,92,.45),0 0 18px rgba(200,164,92,.35);color:var(--accent)}@keyframes hint-pulse{0%{transform:scale(1);border-color:rgba(243,238,223,.18)}35%{transform:scale(1.18);border-color:#f15050;box-shadow:0 0 24px rgba(241,80,80,.55)}65%{transform:scale(1.1);border-color:#f15050}to{transform:scale(1);border-color:rgba(243,238,223,.18)}}.play-shell #board-overlay-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.play-shell #board-overlay-svg .err-square{fill:rgba(241,80,80,.42);stroke:rgba(241,80,80,.95);stroke-width:2.5;animation:err-flash .5s ease-out}@keyframes err-flash{0%{fill-opacity:0;stroke-opacity:0}18%{fill-opacity:.55;stroke-opacity:1}to{fill-opacity:.42;stroke-opacity:.95}}.play-shell #board-overlay-svg .last-square{fill:rgba(120,180,240,.3);stroke:rgba(120,180,240,.65);stroke-width:1.5}.play-shell .ca-btn-secondary{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.play-shell .ca-btn-secondary:not(:disabled):hover{background:rgba(255,255,255,.09);border-color:rgba(200,164,92,.4)}.play-shell .ca-btn-secondary.active{background:linear-gradient(180deg,rgba(95,182,162,.3),rgba(95,182,162,.12));border-color:rgba(95,182,162,.55);color:#d3f4e9}.play-shell .leaderboard-panel .lb-row{background:transparent;border:1px solid transparent;box-shadow:none}.play-shell .leaderboard-panel .lb-row.lb-top1,.play-shell .leaderboard-panel .lb-row.lb-top2,.play-shell .leaderboard-panel .lb-row.lb-top3{background:transparent}.play-shell .leaderboard-panel .lb-row.lb-you{background:linear-gradient(90deg,rgba(200,164,92,.16),rgba(200,164,92,.05));border:1px solid rgba(200,164,92,.45);box-shadow:0 2px 12px rgba(200,164,92,.1)}.play-shell .leaderboard-panel .panel-head{border-bottom:none;padding-bottom:0}.play-shell .board-toolbar{grid-template-columns:1fr;height:64px}.play-shell .board-toolbar .actions{justify-self:center;gap:10px}.play-shell .board-toolbar .actions button{padding:13px 22px;font-size:14px;border-radius:10px;gap:8px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:var(--ink)}.play-shell .board-toolbar .actions button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18)}.play-shell .board-toolbar .actions button svg{width:16px;height:16px}.play-shell .variation-head{margin-bottom:auto;padding:4px 4px 0;text-align:left}.play-shell .variation-head .vh-title{font-family:var(--font-fraunces),serif;font-size:clamp(36px,3.4vw,52px);font-weight:600;letter-spacing:-.025em;line-height:.95;color:var(--ink);text-shadow:0 2px 10px rgba(0,0,0,.4);margin:0}.play-shell .variation-head .vh-sub{font:400 13px var(--font-inter),sans-serif;color:var(--ink-dim);letter-spacing:.02em;margin-top:8px}.play-shell .move-history{background:var(--panel-bg);backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--panel-border);border-radius:10px;padding:10px 12px;overflow:hidden;flex:0 0 auto}.play-shell .move-history-track{display:flex;gap:4px;overflow-x:auto;scroll-behavior:smooth;padding:2px 0;scrollbar-width:thin;scrollbar-color:rgba(200,164,92,.3) transparent}.play-shell .move-history-track::-webkit-scrollbar{height:6px}.play-shell .move-history-track::-webkit-scrollbar-track{background:transparent}.play-shell .move-history-track::-webkit-scrollbar-thumb{background:rgba(200,164,92,.25);border-radius:3px}.play-shell .mh-move{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:6px;transition:background .15s,border-color .15s}.play-shell .mh-move .mh-num{font:600 11px var(--font-jetbrains),monospace;color:var(--accent);letter-spacing:-.02em}.play-shell .mh-move .mh-ply{font:600 13px var(--font-jetbrains),monospace;color:var(--ink);padding:2px 4px;border-radius:4px;transition:background .15s,color .15s;line-height:1.1}.play-shell .mh-move .mh-ply.black{color:var(--ink-dim)}.play-shell .mh-move .mh-ply.mate{color:var(--accent-warn)}.play-shell .mh-move .mh-ply.played{color:var(--ink)}.play-shell .mh-move .mh-ply.current{background:linear-gradient(180deg,rgba(200,164,92,.28),rgba(200,164,92,.12));border:1px solid rgba(200,164,92,.55);color:#fff;padding:1px 5px;box-shadow:0 2px 6px rgba(200,164,92,.3)}.play-shell .mh-move.has-current{background:rgba(200,164,92,.08);border-color:rgba(200,164,92,.28)}.play-shell .full-tree-panel{display:flex;flex-direction:column;min-height:0;padding:12px 14px 18px}.play-shell .full-tree-panel .panel-head{margin-bottom:10px}.play-shell .mini-tree-card{flex:0 0 auto;background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;padding:6px 0}.play-shell .mini-tree-card .panel-head{padding:0 4px 6px}.play-shell .mini-tree{position:relative;display:flex;flex-direction:column;align-items:center;padding:4px 0}.play-shell .mini-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.play-shell .mini-trunk{position:relative;z-index:2;font:600 16px var(--font-jetbrains),monospace;color:#fff;letter-spacing:-.005em;padding:2px 6px}.play-shell .mini-trunk .num{color:rgba(255,255,255,.55);margin-right:1px;font-weight:400}.play-shell .mini-branches{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:4px;margin-top:40px;width:100%;padding:0 4px}.play-shell .mini-branch{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1 1 0;min-width:0;padding:2px 0;color:rgba(243,238,223,.32);text-align:center}.play-shell .mini-branch .mv{font:600 12px var(--font-jetbrains),monospace;color:inherit;line-height:1.1;white-space:nowrap}.play-shell .mini-branch .mv .num{color:inherit;opacity:.7;margin-right:1px;font-weight:400}.play-shell .mini-branch .count{font:400 9.5px var(--font-inter),sans-serif;color:inherit;letter-spacing:.02em;line-height:1.2;white-space:nowrap}.play-shell .mini-branch .count .n{color:inherit;font-weight:600}.play-shell .mini-branch .opening-name{font:500 8.5px var(--font-inter),sans-serif;color:inherit;text-transform:uppercase;letter-spacing:.05em;opacity:.82;margin-top:1px;line-height:1.15;word-break:keep-all}.play-shell .mini-branch.active{color:#ffffff}.play-shell .mini-branch.active .count .n{color:#8fc4f0}.play-shell .mini-branch.active .opening-name{color:#ffffff;opacity:1}@media (max-width:1279px){.play-shell main{grid-template-columns:1fr 290px 300px;gap:8px;padding:8px}.play-shell .coach-character{width:58px}.play-shell .coach-bubble{max-width:240px;padding:20px 18px 12px}.play-shell .coach-bubble .l2{font-size:16px}}@media (max-width:1023px){.play-shell{overflow-y:auto;height:auto;min-height:100vh}.play-shell main{grid-template-columns:1fr 300px;grid-template-rows:auto auto;gap:8px}.play-shell .right-col{grid-column:2/4;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:10px}.play-shell .right-col .panel{min-height:0}.play-shell nav.top{grid-template-columns:auto 1fr auto;gap:10px;padding:0 12px}.play-shell .col-head,.play-shell nav.top>:nth-child(n+4){display:none}}@media (max-width:767px){.play-shell{overflow-y:auto;height:auto;min-height:100vh}.play-shell nav.top{grid-template-columns:auto 1fr;height:44px;padding:0 10px;gap:8px}.play-shell nav.top>:nth-child(n+3){display:none}.play-shell .close-trainer{width:32px;height:32px}.play-shell main{display:flex;flex-direction:column;gap:10px;padding:8px;min-height:0}.play-shell .left-rail{display:none}.play-shell .mid-col,.play-shell .right-col{display:contents}.play-shell .coach-stage{order:1;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:4px;margin:0 auto}.play-shell .coach-character{width:64px;flex-shrink:0}.play-shell .coach-bubble{max-width:calc(100vw - 110px);padding:14px 16px 12px}.play-shell .coach-bubble .l1{font-size:12px}.play-shell .coach-bubble .l2{font-size:14px;line-height:1.35}.play-shell .board-area{order:2;display:flex;flex-direction:column;gap:0}.play-shell .board-area .board-head{display:none}.play-shell .canvas-wrap{width:100%;min-height:0}.play-shell #chess3d,.play-shell .canvas-wrap{aspect-ratio:1/1;height:auto!important}.play-shell #hint-labels{display:none!important}.play-shell .board-toolbar{order:3;padding:8px 4px}.play-shell .timer-area{display:none}.play-shell .board-toolbar .actions{display:flex;flex-wrap:nowrap;gap:6px;justify-content:center;width:100%}.play-shell .actions button{display:none}.play-shell .actions button#next-btn,.play-shell .actions button#prev-btn,.play-shell .actions button#replay-btn,.play-shell .actions button:first-child{display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;padding:9px 4px;font-size:11.5px;white-space:nowrap;overflow:hidden}.play-shell .actions button#prev-btn{font-size:0}.play-shell .actions button#prev-btn:before{content:"↶ Prev";font-size:11.5px}.play-shell .actions button#replay-btn{font-size:0}.play-shell .actions button#replay-btn:before{content:"▶ Play";font-size:11.5px}.play-shell .actions button#replay-btn.playing:before{content:"■ Stop"}.play-shell .actions button#next-btn{font-size:0}.play-shell .actions button#next-btn:before{content:"↷ Next";font-size:11.5px}.play-shell .kpi,.play-shell .kpi-grid,.play-shell .line-tracker,.play-shell .mini-tree-card,.play-shell .panel,.play-shell .progress-panel,.play-shell .win-rate-solo{display:none!important}.play-shell .coach-stage{display:flex!important}}@media (max-width:380px){.play-shell .coach-character{width:54px}.play-shell .coach-bubble{max-width:calc(100vw - 90px);padding:12px 14px 10px}.play-shell .coach-bubble .l2{font-size:13px}.play-shell .actions button{font-size:11px;padding:8px 6px}}