:root{--bg:#090b14;--panel:#111728;--panel2:#151d33;--ink:#eef3ff;--muted:#9fadca;--accent:#8ee6c9;--accent2:#8fb3ff;--warn:#ffd166;--bad:#ff6b6b;--good:#7bd88f;--light:#ead8ad;--dark:#725134;--last:#f8e16c;--shadow:0 24px 70px rgba(0,0,0,.38);--radius:clamp(16px,2vw,24px)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(circle at 20% 10%,rgba(143,179,255,.18),transparent 36%),radial-gradient(circle at 85% 0%,rgba(142,230,201,.16),transparent 33%),linear-gradient(135deg,#070911 0%,#0b1020 50%,#111827 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}.app{width:min(1450px,100%);margin:0 auto;padding:clamp(14px,2vw,24px);padding-bottom:calc(82px + env(safe-area-inset-bottom))}.hero{display:grid;grid-template-columns:1fr auto;gap:clamp(12px,2vw,22px);align-items:stretch;margin-bottom:clamp(12px,2vw,20px)}.hero>div:first-child,.status-card,.panel,.board-shell{border:1px solid rgba(255,255,255,.09);background:linear-gradient(135deg,rgba(17,23,40,.88),rgba(21,29,51,.72));border-radius:var(--radius);box-shadow:var(--shadow)}.hero>div:first-child{padding:clamp(16px,2vw,24px)}.eyebrow{margin:0 0 10px;color:#07140f;background:linear-gradient(135deg,var(--accent),#b9f6d6);display:inline-flex;padding:8px 12px;border-radius:999px;font-weight:900;font-size:clamp(12px,1.7vw,14px)}h1{margin:0;font-size:clamp(28px,5vw,58px);letter-spacing:-.055em;line-height:.98}.subtitle{margin:10px 0 0;color:var(--muted);font-size:clamp(14px,1.7vw,17px);line-height:1.5;max-width:920px}.status-card{min-width:min(250px,100%);padding:clamp(14px,1.8vw,18px)}.tiny-label,label{display:block;color:var(--muted);font-size:clamp(12px,1.6vw,14px);font-weight:800;margin:12px 0 6px}.turn{font-size:clamp(12px,1.6vw,14px);color:var(--muted);margin-top:10px}.bigstatus{font-size:clamp(18px,2.4vw,22px);font-weight:950;line-height:1.25}.layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(340px,420px);gap:clamp(14px,2vw,22px);align-items:start}.board-shell{padding:clamp(12px,2vw,18px);overflow:hidden}.board-topbar,.board-meta,.captured-row{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.bot-id{display:flex;align-items:center;gap:8px;font-size:clamp(13px,1.7vw,15px);font-weight:900;color:var(--ink);min-height:40px}.bot-id svg{width:32px;height:32px;border-radius:50%;box-shadow:0 8px 16px rgba(0,0,0,.25)}.timer-pill,.pill{display:inline-flex;align-items:center;gap:7px;min-height:44px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);border-radius:999px;padding:8px 12px;font-size:clamp(12px,1.6vw,14px);color:var(--muted)}.timer-pill{font-weight:950}.light-timer{background:#f4ecdf;color:#15110c}.dark-timer{background:#15110c;color:#f4ecdf}.timer-low{color:#1b1100!important;background:var(--warn)!important;animation:pulseTimer 1s infinite}@keyframes pulseTimer{50%{transform:scale(1.04);filter:brightness(1.1)}}.board-area{display:grid;grid-template-columns:8px 1fr;gap:10px;align-items:center;justify-content:center;margin-top:10px}.evalbar-vertical{height:100%;min-height:280px;width:8px;border-radius:999px;background:#181715;border:1px solid rgba(255,255,255,.12);overflow:hidden;display:flex;align-items:flex-end}.evalbar-vertical>div{width:100%;height:50%;background:linear-gradient(180deg,#fff8ea,#dac59c);transition:height .25s ease}.board-wrap{width:min(82vh,100%);max-width:600px;margin:0 auto;position:relative;perspective:1200px}.board{width:100%;aspect-ratio:1/1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border-radius:18px;overflow:hidden;border:clamp(6px,1.4vw,10px) solid rgba(19,13,7,.72);box-shadow:0 30px 80px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.22);position:relative;touch-action:none;transform-origin:center;transition:transform .35s ease}.board.mode3d{transform:rotateX(19deg) rotateZ(-1deg);box-shadow:0 54px 100px rgba(0,0,0,.62),0 18px 0 rgba(30,18,9,.92),inset 0 0 0 1px rgba(255,255,255,.25)}.square{position:relative;display:grid;place-items:center;cursor:pointer;user-select:none;transition:filter .12s ease,transform .12s ease}.square.light{background:linear-gradient(135deg,#f0ddaf,#d9c18f)}.square.dark{background:linear-gradient(135deg,#805b37,#4c321f)}@media(hover:hover){.square:hover{filter:brightness(1.1)}.square:hover .piece{transform:translateY(-5%) scale(1.03)}}.square:active{filter:brightness(1.12)}.piece{font-size:clamp(28px,10vw,52px);line-height:1;filter:drop-shadow(0 8px 7px rgba(0,0,0,.42));transform:translateY(-1%);transition:transform .12s ease}.piece.white{color:#fff7e8;text-shadow:0 2px 0 rgba(0,0,0,.22)}.piece.black{color:#191512;text-shadow:0 1px 0 rgba(255,255,255,.12)}.piece3d{font-size:clamp(28px,9vw,56px);filter:drop-shadow(0 10px 8px rgba(0,0,0,.42))}.piece3d.white{color:#fff7e8}.piece3d.black{color:#15110c}.selected{outline:4px solid rgba(142,230,201,.95);outline-offset:-5px;z-index:2}.lastMove:after{content:"";position:absolute;inset:0;background:rgba(248,225,108,.38);pointer-events:none}.reviewMove:after{content:"";position:absolute;inset:0;background:rgba(255,107,107,.32);pointer-events:none}.check:before{content:"";position:absolute;inset:9%;border-radius:50%;background:radial-gradient(circle,rgba(255,80,80,.88),rgba(255,80,80,.28) 45%,transparent 67%);animation:pulse 1.1s infinite}@keyframes pulse{50%{transform:scale(1.08);opacity:1}}.legal-dot:before{content:"";position:absolute;width:27%;height:27%;border-radius:50%;background:rgba(32,92,62,.5);box-shadow:0 0 0 5px rgba(123,216,143,.16);z-index:1}.legal-capture:before{content:"";position:absolute;inset:10%;border:5px solid rgba(123,216,143,.74);border-radius:50%;z-index:1}.coord{position:absolute;font-size:clamp(8px,1.2vw,11px);font-weight:950;opacity:.55;color:#1f160d;z-index:2;pointer-events:none}.coord.file{right:5px;bottom:3px}.coord.rank{left:5px;top:3px}.arrow-layer{position:absolute;inset:clamp(6px,1.4vw,10px);pointer-events:none;z-index:7;overflow:visible}.captured{display:flex;gap:5px;flex-wrap:wrap;min-height:26px;font-size:clamp(18px,2.5vw,24px);filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.panel{padding:clamp(14px,1.8vw,18px);margin-bottom:14px}.panel h2{font-size:clamp(18px,2.3vw,22px);margin:0 0 12px}.panel-head{display:flex;gap:8px;justify-content:space-between;align-items:center}select,input[type=range],button{font:inherit}select{width:100%;min-height:44px;background:#0c1324;color:var(--ink);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 12px;font-weight:800;outline:none}input[type=range]{width:100%;accent-color:var(--accent)}button{min-height:44px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--accent2),#c5d4ff);color:#07111f;padding:10px 13px;font-weight:950;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.25);transition:transform .12s ease,filter .12s ease}button:hover{filter:brightness(1.04)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.secondary{background:rgba(255,255,255,.08);color:var(--ink);border:1px solid rgba(255,255,255,.12);box-shadow:none}.goodbtn{background:linear-gradient(135deg,var(--accent),#d2ffe8);color:#06120e}.range-line{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.rating-num{font-size:clamp(18px,2.3vw,21px);font-weight:950;color:var(--accent);min-width:64px;text-align:right}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.button-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.avatar-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px;text-align:left;min-height:54px;padding:8px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);color:var(--ink);box-shadow:none}.avatar-card.active{border-color:var(--accent);background:rgba(142,230,201,.12)}.avatar-card svg{width:40px;height:40px}.avatar-card span{font-size:clamp(11px,1.4vw,13px)}.checkline{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--ink);font-weight:850}.checkline input{width:20px;height:20px}.style-hint,.smallprint,.cpnote,.analysis-meta{font-size:clamp(12px,1.5vw,13px);color:var(--muted);line-height:1.45}.coach{line-height:1.55;color:var(--ink)}.coach p{margin:8px 0}.headline{font-size:clamp(18px,2.3vw,22px);font-weight:950;margin-bottom:7px}.tiny{font-size:clamp(11px,1.4vw,12px);color:var(--muted);line-height:1.45;margin-top:8px}.tag{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-weight:950;font-size:12px;margin-right:6px}.tag.brilliant{background:#ccfbf1;color:#08352e}.tag.verygood{background:#dcfce7;color:#0d3b1e}.tag.good{background:#e0f2fe;color:#082f49}.tag.inacc{background:#fef3c7;color:#4a3100}.tag.mistake{background:#fed7aa;color:#4a2100}.tag.blunder{background:#fecaca;color:#4a1111}.moves{max-height:180px;overflow:auto;border-radius:14px;background:rgba(255,255,255,.04);padding:10px;font-size:clamp(12px,1.5vw,14px);color:var(--muted)}.move-row{display:grid;grid-template-columns:42px 1fr 1fr;gap:8px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05)}.move-row b{color:var(--ink)}.move-row.review-current{background:rgba(142,230,201,.13);border-radius:10px;padding-left:6px;padding-right:6px}.move-strip{display:none;height:28px;overflow-x:auto;white-space:nowrap;margin:8px 0;color:var(--muted);font-size:12px}.move-strip span{display:inline-block;margin-right:10px}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:11px}.stat.clickable{cursor:pointer}.stat .n{font-size:clamp(20px,2.6vw,26px);font-weight:950}.stat .l{font-size:12px;color:var(--muted)}.stat .last{display:block;margin-top:5px;font-size:11px;color:#d9e4ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.evalbar{width:100%;height:14px;border-radius:999px;background:#1b1a18;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.evalfill{height:100%;width:50%;background:linear-gradient(90deg,#f5efe5,#d6c4a0);transition:width .25s ease}.evaltxt{font-size:12px;color:var(--muted);margin:6px 0 10px;display:flex;justify-content:space-between;gap:12px}.thinking{display:inline-flex;align-items:center;gap:7px}.spinner{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:1px 5px;color:#dbe8ff}.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translateX(-50%);background:#101827;color:var(--ink);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:10px 14px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:99}.toast.show{opacity:1}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.58);z-index:100;padding:14px;overflow:auto}.modal.open{display:flex}.modal-card{width:min(620px,92vw);max-height:calc(100dvh - 28px);overflow:auto;background:linear-gradient(135deg,#121a2f,#0c1324);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.report{white-space:pre-line;background:rgba(255,255,255,.05);border-radius:16px;padding:14px;color:#dfe8ff;line-height:1.55}.modal-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px}.review-back{display:none;margin-top:10px;width:100%}.analysis-nav{display:none;margin-top:12px;border:1px solid rgba(142,230,201,.22);background:rgba(142,230,201,.055);border-radius:18px;padding:12px}.analysis-nav.open{display:block}.analysis-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;font-weight:850}.analysis-toggle{width:100%;margin-top:8px}.drag-handle,.sheet-close,.mobile-bottombar,.sheet-overlay{display:none}@media(min-width:768px) and (max-width:1100px){.layout{grid-template-columns:55% 43%}.board-wrap{max-width:460px}.hero{grid-template-columns:1fr}.settings-panel .accordion-body{display:none}.settings-panel.open .accordion-body{display:block}.accordion-toggle{display:inline-flex}.avatar-grid{grid-template-columns:repeat(2,1fr)}.button-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1101px){.accordion-toggle{display:none}.board-wrap{max-width:600px}.side{max-width:420px}.piece{font-size:clamp(42px,4.8vw,72px)}}@media(max-width:767px){body{min-height:100dvh}.app{padding:16px;padding-bottom:calc(86px + env(safe-area-inset-bottom))}.hero{grid-template-columns:1fr}.status-card{display:none}.layout{display:block}.side{display:block}.board-shell{padding:12px;margin:0 auto}.board-topbar{display:grid;grid-template-columns:1fr auto 1fr;gap:6px}.bot-id{justify-content:center;font-size:12px}.bot-id svg{width:28px;height:28px}.timer-pill{min-height:38px;padding:6px 9px;font-size:12px}.board-meta{gap:6px}.pill{min-height:36px;padding:6px 9px;font-size:12px}.move-strip{display:block}.board-area{grid-template-columns:8px 1fr;gap:8px}.board-wrap{width:calc(100vw - 48px);max-width:none}.evalbar-vertical{min-height:auto;height:calc(100vw - 48px)}.board{border-width:6px}.captured-row{font-size:16px}.side .panel.sheet{position:fixed;left:0;right:0;bottom:0;z-index:90;max-height:min(82dvh,720px);overflow:auto;border-radius:22px 22px 0 0;transform:translateY(110%);transition:transform .24s ease;padding:14px 16px calc(18px + env(safe-area-inset-bottom));margin:0}.side .panel.sheet.open{transform:translateY(0)}.sheet-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:80}.sheet-overlay.open{opacity:1;pointer-events:auto}.drag-handle{display:block;width:46px;height:5px;background:rgba(255,255,255,.25);border-radius:999px;margin:2px auto 12px}.sheet-close{display:grid;place-items:center;position:absolute;right:12px;top:10px;width:44px;height:44px;min-height:44px;padding:0;border-radius:999px;background:rgba(255,255,255,.08);color:var(--ink);box-shadow:none}.mobile-bottombar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:75;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(9,11,20,.92);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.1)}.mobile-bottombar button{display:grid;place-items:center;gap:2px;min-height:52px;padding:4px;background:transparent;border:0;color:var(--ink);box-shadow:none;font-size:20px}.mobile-bottombar span{font-size:10px;color:var(--muted);font-weight:800}.grid2,.button-grid{grid-template-columns:1fr}.avatar-grid{grid-template-columns:1fr 1fr}.modal{align-items:flex-start;padding:8px}.modal-card{max-height:calc(100dvh - 16px);padding:16px;border-radius:20px}.modal-actions{grid-template-columns:1fr}.toast{bottom:calc(76px + env(safe-area-inset-bottom));max-width:92vw;text-align:center}}