:root{--bg: #0a0a0c;--ink: #ededf0;--muted: #8a8a94;--faint: #5c5c66;--glass: rgba(255,255,255,.045);--glass-hi: rgba(255,255,255,.085);--edge: rgba(255,255,255,.09);--edge-hi: rgba(255,255,255,.18);--bad: #ff5a52;--good: #34d17a;--radius: 18px;--sq-light: #edd6b0;--sq-dark: #b88762;--sq-last: rgba(255, 240, 60, .55);--sq-sel: rgba(255, 240, 60, .55);--sq-hint: rgba(0, 0, 0, .14);--c-brilliant: #26c2a3;--c-great: #749bbf;--c-best: #81b64c;--c-good: #95b776;--c-inaccuracy: #f7c631;--c-mistake: #ffa459;--c-miss: #ff7769;--c-blunder: #fa412d;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--ink);color-scheme:dark;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden;background:var(--bg);background-image:radial-gradient(900px 600px at 12% 8%,rgba(110,120,255,.1),transparent 60%),radial-gradient(800px 600px at 92% 95%,rgba(80,200,170,.07),transparent 60%)}button,input,select{font:inherit;color:inherit}button{cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,opacity .15s}button:disabled{cursor:default;opacity:.35}a{color:var(--ink)}h3{margin:0 0 8px;font-size:1rem;font-weight:600;letter-spacing:-.01em}p{margin:6px 0;line-height:1.45}.muted{color:var(--muted)}.small{font-size:.82rem}.center-text{text-align:center}.error{color:var(--bad)}.good-msg{color:var(--good);font-weight:600}.bad-msg{color:var(--bad);font-weight:600}.label{text-transform:uppercase;letter-spacing:.1em;font-size:.66rem;font-weight:600;color:var(--faint);margin:16px 0 8px}.label:first-child{margin-top:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:6px}.shell{--bsize: min( calc(100vh - 200px) , calc(100vw - 816px) );position:relative;height:100vh;padding:18px 22px;display:grid;gap:22px;grid-template-columns:236px minmax(0,1fr) 380px;grid-template-rows:minmax(0,1fr);grid-template-areas:"left center right"}.logo{position:absolute;top:18px;left:22px;z-index:2;display:flex;align-items:center;gap:12px;background:none;border:0;padding:2px 4px;font-weight:700;font-size:1.18rem;letter-spacing:-.02em;justify-self:start}.logo-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--glass-hi);border:1px solid var(--edge);padding:3px}.logo-mark svg{width:100%;height:100%}.panel{background:var(--glass);border:1px solid var(--edge);border-radius:var(--radius);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);box-shadow:inset 0 1px #ffffff0f,0 20px 50px #00000059;min-height:0;display:flex;flex-direction:column;overflow:hidden}.left,.right{align-self:center;height:var(--bsize)}.left{grid-area:left}.right{grid-area:right}.center{grid-area:center;min-width:0;min-height:0;display:flex;justify-content:center}.center.scroll{overflow:auto;display:block}.modes{display:grid;gap:2px;padding:8px;border-bottom:1px solid var(--edge)}.mode{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:11px;border:0;background:none;color:var(--muted);font-size:.9rem;font-weight:500;text-align:left}.mode:hover{background:var(--glass-hi);color:var(--ink)}.mode.on{background:#ffffff1f;color:var(--ink);box-shadow:inset 0 1px #ffffff14}.left-extra{flex:1;overflow:auto;padding:6px 14px 14px}.left-extra:empty{display:none}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:8px;padding:3px;border-radius:12px;background:#00000040}.tab{border:0;background:none;border-radius:9px;padding:7px 0;font-size:.85rem;font-weight:500;color:var(--muted)}.tab:hover{color:var(--ink)}.tab.on{background:#ffffff1f;color:var(--ink);box-shadow:inset 0 1px #ffffff1a}.tab-body{flex:1;min-height:0;display:flex;flex-direction:column;border-top:1px solid var(--edge)}.tab-body[hidden]{display:none}.tab-body.scroll{overflow:auto;display:block}.tab-body.scroll[hidden]{display:none}.slot-analysis:empty:before{content:"Niente da analizzare in questa sezione.";display:block;padding:18px;color:var(--muted);font-size:.85rem}.pane{padding:14px 16px 18px}.pane-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.pane-head .label{margin-top:2px;margin-bottom:2px;text-transform:none;letter-spacing:0;font-size:.95rem;color:var(--ink)}.box{background:#ffffff09;border:1px solid var(--edge);border-radius:12px;padding:12px;margin:12px 0}button.primary{background:var(--ink);color:#0b0b0d;border:0;border-radius:10px;padding:9px 16px;font-weight:600}button.primary:hover:not(:disabled){background:#fff}.ghost,.tools button:not(.primary),.nav button,select{background:var(--glass-hi);border:1px solid var(--edge);border-radius:10px;padding:7px 14px;color:var(--ink);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.ghost:hover:not(:disabled),.tools button:not(.primary):hover:not(:disabled),.nav button:hover:not(:disabled){border-color:var(--edge-hi);background:#ffffff21}.small-btn{padding:4px 10px;font-size:.78rem}.wide-btn{width:100%;margin:10px 0}button.link{background:none;border:0;padding:0;color:var(--ink);text-decoration:underline;text-decoration-color:var(--faint);text-underline-offset:3px;text-align:left}select{width:100%}select option{background:#1b1b20}.stage{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.stage>*{width:var(--bsize);flex-shrink:0}.stage-top,.player,.stage-bottom{display:flex;align-items:center;gap:10px;height:40px}.stage-top .title{font-weight:600;font-size:1.02rem;letter-spacing:-.01em}.stage-top .muted{margin-left:auto;font-size:.88rem}.stage-bottom{gap:12px}.stage-name{color:var(--ink);font-weight:600}.stage-bottom p{margin:0;flex:1;min-width:0;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tools{display:flex;gap:6px;margin-left:auto;flex-shrink:0}.stage .card{width:min(560px,100%)}.board-row{position:relative}.board-row>.board{width:100%}.side-tools{position:absolute;top:0;left:calc(100% + 14px);display:grid;gap:8px}.icon-tool{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--edge);background:var(--glass);color:var(--muted)}.icon-tool:hover:not(:disabled){color:var(--ink);background:var(--glass-hi);border-color:var(--edge-hi)}.icon-tool svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.player b{font-weight:600}.player .muted{font-size:.85rem}.swatch{width:12px;height:12px;border-radius:4px;border:1px solid var(--edge-hi)}.swatch.w{background:#eee}.swatch.b{background:#222}.clock{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600;font-size:1.05rem;padding:4px 12px;border-radius:9px;background:var(--glass);border:1px solid var(--edge);color:var(--muted);min-width:78px;text-align:center}.clock.on{background:var(--ink);color:#0b0b0d;border-color:var(--ink)}.board{container-type:inline-size;position:relative;aspect-ratio:1;border-radius:8px;user-select:none;-webkit-user-select:none;box-shadow:0 0 0 1px #ffffff12,0 30px 70px #00000080}.board.interactive{touch-action:none}.board-empty{display:grid;place-items:center;aspect-ratio:1;border:1px dashed var(--edge-hi);border-radius:8px}.squares{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border-radius:inherit;overflow:hidden}.sq{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.sq.light{background:var(--sq-light)}.sq.dark{background:var(--sq-dark)}.sq.hl:after,.sq.sel:after,.sq.mark:after,.sq.check:after,.sq.hover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.sq.hl:after{background:var(--sq-last)}.sq.sel:after{background:var(--sq-sel)}.sq.mark:after{background:#5096ff8c}.sq.check:after{background:radial-gradient(circle,#ff2828f2,#e61e1e99 30%,#c8000000 72%)}.sq.hover:after{box-shadow:inset 0 0 0 4px #ffffffa6}.interactive .sq{cursor:pointer}.interactive .sq.own{cursor:grab}.pieces,.overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pc{position:absolute;left:0;top:0;width:12.5%;height:12.5%;padding:.55%;z-index:1;transition:transform .2s cubic-bezier(.25,.8,.3,1);will-change:transform}.pc svg{display:block;width:100%;height:100%}.pc.instant,.board.no-anim .pc{transition:none}.pc.lifted{transition:none;z-index:10}.board.dragging,.board.dragging *{cursor:grabbing!important}.dot{position:absolute;width:30%;height:30%;border-radius:50%;background:var(--sq-hint);z-index:2;pointer-events:none}.ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 0 0 1.1cqw var(--sq-hint);z-index:2;pointer-events:none}.coord{position:absolute;font-size:clamp(9px,1.9cqw,14px);font-style:normal;font-weight:700;line-height:1;pointer-events:none;z-index:3}.sq.light .coord{color:var(--sq-dark)}.sq.dark .coord{color:var(--sq-light)}.coord.rank{top:4%;left:5%}.coord.file{bottom:4%;right:6%}.board.tone-brilliant{--sq-last: color-mix(in srgb, var(--c-brilliant) 60%, transparent)}.board.tone-great{--sq-last: color-mix(in srgb, var(--c-great) 60%, transparent)}.board.tone-best{--sq-last: color-mix(in srgb, var(--c-best) 55%, transparent)}.board.tone-good{--sq-last: color-mix(in srgb, var(--c-good) 55%, transparent)}.board.tone-inaccuracy{--sq-last: color-mix(in srgb, var(--c-inaccuracy) 60%, transparent)}.board.tone-mistake{--sq-last: color-mix(in srgb, var(--c-mistake) 60%, transparent)}.board.tone-miss{--sq-last: color-mix(in srgb, var(--c-miss) 60%, transparent)}.board.tone-blunder{--sq-last: color-mix(in srgb, var(--c-blunder) 60%, transparent)}.badge-wrap{position:absolute;width:12.5%;height:12.5%;z-index:4}.badge,.ico{--tint: var(--c-best);display:grid;place-items:center;border-radius:50%;background:var(--tint);color:#fff;font-style:normal;font-weight:800;letter-spacing:-.05em;line-height:1;box-shadow:0 2px 5px #00000047}.badge{position:absolute;top:-14%;right:-14%;width:40%;aspect-ratio:1;font-size:clamp(9px,2cqw,16px);animation:pop .3s cubic-bezier(.3,1.5,.5,1)}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.brilliant{--tint: var(--c-brilliant)}.great{--tint: var(--c-great)}.best{--tint: var(--c-best)}.good{--tint: var(--c-good)}.inaccuracy{--tint: var(--c-inaccuracy)}.mistake{--tint: var(--c-mistake)}.miss{--tint: var(--c-miss)}.blunder{--tint: var(--c-blunder)}.verdict{display:flex;gap:12px;align-items:flex-start;margin:12px 0;padding:12px;border-radius:12px;background:#ffffff0a;border:1px solid var(--edge)}.verdict p{margin:0}.verdict p+p{margin-top:3px}.ico{flex-shrink:0;width:30px;height:30px;font-size:.8rem}.verdict.brilliant{border-color:color-mix(in srgb,var(--c-brilliant) 45%,transparent)}.verdict.great{border-color:color-mix(in srgb,var(--c-great) 45%,transparent)}.verdict.inaccuracy{border-color:color-mix(in srgb,var(--c-inaccuracy) 45%,transparent)}.verdict.mistake{border-color:color-mix(in srgb,var(--c-mistake) 45%,transparent)}.verdict.miss{border-color:color-mix(in srgb,var(--c-miss) 45%,transparent)}.verdict.blunder{border-color:color-mix(in srgb,var(--c-blunder) 45%,transparent)}.search{display:flex;gap:6px;margin-bottom:10px}.search input{flex:1;min-width:0;padding:9px 12px;border-radius:10px;border:1px solid var(--edge);background:#00000040}.search input:focus{outline:none;border-color:var(--edge-hi)}.batch-run{display:grid;gap:6px;margin:10px 0}.bar{height:5px;background:#ffffff14;border-radius:6px;overflow:hidden}.bar>div{height:100%;background:var(--ink);transition:width .2s}.games,.list{list-style:none;padding:0;margin:0;display:grid;gap:4px}.games{margin-top:6px}.game,.item{width:100%;text-align:left;background:none;border:1px solid transparent;border-radius:10px;padding:8px 11px;display:grid;gap:1px;position:relative;color:var(--ink);font-size:.88rem}.game{padding-left:14px}.game:before{content:"";position:absolute;left:5px;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--faint)}.game.win:before{background:var(--good)}.game.loss:before{background:var(--bad)}.item{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.game:hover,.item:hover{background:var(--glass-hi);color:var(--ink)}.game.sel,.item.sel{background:#ffffff1f;border-color:var(--edge);color:var(--ink)}.game .meta{color:var(--muted);font-size:.75rem}.game small{color:var(--muted)}.acc-pill{position:absolute;right:10px;top:9px;font-size:.72rem;font-weight:600;background:#ffffff14;border-radius:20px;padding:1px 8px}.item small{opacity:.7}.nav{display:flex;gap:6px;align-items:center;margin:10px 0}.nav button{flex:1;padding:7px 0}.nav span{min-width:64px;text-align:center;font-variant-numeric:tabular-nums;color:var(--muted);font-size:.85rem}.graph{width:100%;height:48px;display:block;border-radius:10px;cursor:pointer}.graph polyline,.graph line{vector-effect:non-scaling-stroke}.g-bg{fill:#1d1d22}.g-mid{stroke:#44444c;stroke-width:.5}.g-area{fill:#ffffffd1}.g-line{stroke:#fff;stroke-width:1}.g-cur{stroke:var(--bad);stroke-width:1.5}.acc{display:flex;gap:22px}.acc div{display:flex;flex-direction:column}.acc b{font-size:1.6rem;letter-spacing:-.03em}.acc span{color:var(--muted);font-size:.78rem}.moves{list-style:none;margin:0;padding:0}.moves li{display:grid;grid-template-columns:34px 1fr 1fr;border-radius:6px}.moves li:nth-child(odd){background:#ffffff06}.num{color:var(--faint);font-size:.8rem;padding:5px 0 0 6px;font-variant-numeric:tabular-nums}.mv{background:none;border:0;text-align:left;padding:4px 6px;border-radius:6px;display:flex;align-items:center;gap:6px;font-size:.88rem;font-weight:500}.mv:hover{background:var(--glass-hi)}.mv.active{background:var(--ink);color:#0b0b0d}.dot-cls{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.dot-cls.good{display:none}.dot-cls.brilliant{background:var(--c-brilliant)}.dot-cls.great{background:var(--c-great)}.dot-cls.best{background:var(--c-best)}.dot-cls.inaccuracy{background:var(--c-inaccuracy)}.dot-cls.mistake{background:var(--c-mistake)}.dot-cls.miss{background:var(--c-miss)}.dot-cls.blunder{background:var(--c-blunder)}.errors ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.errors li{display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-size:.85rem}.chip{background:#ffffff12;border:0;border-radius:20px;padding:2px 9px;font-size:.72rem;color:var(--ink)}.chip.inaccuracy{background:color-mix(in srgb,var(--c-inaccuracy) 18%,transparent);color:var(--c-inaccuracy)}.chip.mistake{background:color-mix(in srgb,var(--c-mistake) 18%,transparent);color:var(--c-mistake)}.chip.miss{background:color-mix(in srgb,var(--c-miss) 18%,transparent);color:var(--c-miss)}.chip.blunder{background:color-mix(in srgb,var(--c-blunder) 20%,transparent);color:#ff7a6b}.chip.action{background:var(--glass-hi);border:1px solid var(--edge);padding:8px 14px;font-size:.88rem;cursor:pointer}.chip.action:hover{background:var(--ink);color:#0b0b0d}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.chat{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.chat-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px}.chat-head .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{font-size:.7rem;border:1px solid var(--edge-hi);border-radius:20px;padding:2px 9px;color:var(--muted);flex-shrink:0}.pill.on{border-color:var(--good);color:var(--good)}.chat-log{flex:1;overflow:auto;padding:8px 16px 14px;display:flex;flex-direction:column;gap:10px}.chat-empty{color:var(--muted);font-size:.88rem;line-height:1.55}.bubble{max-width:92%;padding:9px 12px;border-radius:14px;font-size:.9rem;line-height:1.45;white-space:pre-wrap}.bubble.user{align-self:flex-end;background:var(--ink);color:#0b0b0d;border-bottom-right-radius:4px}.bubble.assistant{align-self:flex-start;background:#ffffff12;border:1px solid var(--edge);border-bottom-left-radius:4px}.chat-foot{padding:12px 14px 14px;border-top:1px solid var(--edge);display:grid;gap:8px}.quick{display:flex;flex-wrap:wrap;gap:6px}.quick button{background:none;border:1px solid var(--edge);color:var(--muted);border-radius:20px;padding:4px 10px;font-size:.76rem}.quick button:hover:not(:disabled){border-color:var(--edge-hi);color:var(--ink)}.chat-foot form{display:flex;gap:6px}.chat-foot input{flex:1;min-width:0;background:#00000040;border:1px solid var(--edge);border-radius:10px;padding:9px 11px}.chat-foot input:focus{outline:none;border-color:var(--edge-hi)}.chat-foot form button{background:var(--ink);color:#0b0b0d;border:0;border-radius:10px;padding:0 14px;font-weight:600}.dash{max-width:920px;margin:0 auto;padding-bottom:10px}.card{background:var(--glass);border:1px solid var(--edge);border-radius:var(--radius);padding:16px 18px;margin-bottom:14px;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:inset 0 1px #ffffff0d}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{text-align:center}.stat b{font-size:2rem;letter-spacing:-.04em;display:block}.stat span{color:var(--muted);font-size:.85rem}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hbars{list-style:none;padding:0;margin:0;display:grid;gap:8px}.hbars li{display:grid;grid-template-columns:150px 1fr 28px;gap:10px;align-items:center;font-size:.88rem}.trend{display:flex;gap:8px;align-items:flex-end;height:120px}.trend>div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}.trend small{color:var(--muted)}.tbar{width:100%;max-width:40px;border-radius:4px 4px 0 0;background:var(--faint)}.tbar.win{background:var(--good)}.tbar.loss{background:var(--bad)}@media (max-width: 1280px){.shell{--bsize: min( calc(100vh - 200px) , calc(100vw - 716px) );grid-template-columns:210px minmax(0,1fr) 330px;gap:16px;padding:14px 16px}.logo{top:14px;left:16px}}@media (max-width: 1000px){.side-tools{position:static;display:flex;justify-content:flex-end;margin-top:8px}body{overflow:auto}.shell{--bsize: calc(100vw - 32px) ;height:auto;grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:"logo" "left" "center" "right"}.logo{position:static;grid-area:logo}.left{height:auto}.modes{grid-template-columns:repeat(4,1fr)}.mode{flex-direction:column;gap:4px;font-size:.72rem;padding:8px 4px}.left-extra{max-height:260px}.stage{height:auto}.right{height:560px}.stats,.two{grid-template-columns:1fr}}.scene3d{position:absolute;top:-3%;right:-9%;bottom:-3%;left:-9%;z-index:5;pointer-events:none;animation:scene-in .9s cubic-bezier(.2,.7,.2,1);transition:opacity .45s ease-in,filter .45s ease-in}.scene3d.out{opacity:0;filter:blur(4px)}.scene3d canvas{display:block}.board-row>.board{transition:opacity .4s ease-in}.board-row.is-3d>.board{opacity:0}.board-row.appear>.board{animation:board-in .65s cubic-bezier(.2,.7,.2,1)}@keyframes scene-in{0%{opacity:0;transform:scale(.94);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes board-in{0%{opacity:0;transform:scale(.96);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}