html,body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;letter-spacing:0;line-height:1.35}:root{--bg:#0b0f14;--panel:#111823;--panel2:#151e2b;--ink:#eaf2ff;--muted:#9fb3cc;--brand:#4ea2ff;--ok:#3ecf8e;--err:#ff6b6b;--amber:#ffc34d;--line:#1e2a40}body.chessly{--bg: #f8f9fb;--panel: #ffffff;--panel2: #ffffff;--line: #e8edf3;--ink: #23262d;--muted: #6b7280;--brand: #d21faa;--brand-weak: #f9e1f2;--ok: #18b391;--ok-weak: #dff6f1;--amber: #f4aa3a;--err: #eb5757;--sq-dark: #9fb6d5;--sq-light: #ffffff;--sq-outline: #d5e1ef;--brand-grad: linear-gradient(180deg,#df38b4,#ca1a9f);--ok-grad: linear-gradient(90deg,#3ba1ff,#60e6b0);--shadow: 0 8px 20px rgba(17,24,39,.08)}body.chessly .card,body.chessly .hall{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}body.chessly .btn{background:#fff;color:var(--ink);border:1px solid var(--line)}body.chessly .btn:hover{background:#fafbfe}body.chessly .btn.danger{background:#fff0f0;border-color:#f3c3c3;color:#b61919}body.chessly a,body.chessly .portal__label,body.chessly .labelTL{color:var(--brand)}body.chessly .bar>span{background:var(--ok-grad)}body.chessly .rankText{font-weight:800}body.chessly .board{border:1px solid var(--sq-outline)}body.chessly .sq.dark{background:var(--sq-dark);color:#0b0f14}body.chessly .sq.light{background:var(--sq-light);color:#0b0f14}body.chessly .portal__label{text-shadow:none}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.wrap{max-width:1280px;margin:0 auto;padding:22px}.card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 10px 24px #00000040}h1{margin:0 0 8px;font-size:28px}.muted{color:var(--muted);font-size:14px}.btn.danger{border-color:#5a2a2a;background:#1a1012}.btn.danger:hover{background:#241216}.stack{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.spacer{height:10px}.start-card{display:flex;flex-direction:column;gap:16px}.start-left{background:linear-gradient(180deg,#0f1624,#0c1320);border:1px solid var(--line);border-radius:16px;padding:18px}.heroRow{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-bottom:12px}.avatarLg{width:88px;height:88px;border-radius:50%;border:2px solid #243246;background:radial-gradient(120px 120px at 30% 30%,#1a2740,#0e1520);display:flex;align-items:center;justify-content:center;font-size:46px;line-height:1;box-shadow:0 6px 20px #00000040}.nick{font-size:18px;font-weight:800}.subtitleRow{color:var(--muted);font-size:14px}.statLine{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}.statBox{position:relative;background:#0f172a;border:1px solid #1f2a44;border-radius:12px;padding:10px 12px}.statBox .labelTL{position:absolute;top:8px;left:10px;font-size:12px;color:var(--muted)}.statBox--center{display:flex;align-items:center;justify-content:center}.bigNumber{font-weight:800;line-height:1;font-size:clamp(34px,4vw,48px);letter-spacing:.3px;text-align:center}.donutMini{width:90px;height:90px;display:block;margin:auto}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.actions .btn{height:72px;font-size:18px;border-radius:14px}.start-right{background:linear-gradient(180deg,#0f1624,#0c1320);border:1px solid var(--line);border-radius:16px;padding:18px}.traitsGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}@media (max-width:1180px){.traitsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.traitCard{background:#0f172a;border:1px solid #1f2a44;border-radius:14px;padding:12px;text-align:center}.trName{font-size:13px;color:var(--muted);margin-top:6px}.trMeta{font-size:12px;color:var(--muted);margin-top:2px}.donut{width:120px;height:120px;display:block;margin:0 auto}.rankText{font-weight:800;font-size:28px;text-anchor:middle;dominant-baseline:middle}.hall{background:radial-gradient(1200px 600px at 50% -10%,rgba(255,255,255,.04),transparent 55%),linear-gradient(180deg,#0b1018,#0e141d);border:1px solid var(--line);border-radius:16px;padding:22px}.doors.hall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:start;justify-items:center;margin-top:12px}.portal{position:relative;padding:0;border-radius:16px;background:transparent;border:1px solid transparent;box-shadow:none;cursor:pointer;text-align:center;max-width:260px;margin:28px auto 0;display:flex;flex-direction:column;align-items:center}.portal:hover .portal__img{transform:translateY(-4px) scale(1.03)}.portal__label{position:relative;margin-bottom:8px;font-weight:700;font-size:16px;letter-spacing:.3px;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.8)}.portal__img{width:min(240px,26vw);height:auto;display:block;margin:0 auto;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 18px rgba(0,0,0,.55));transition:transform .15s ease,filter .15s ease}.portal[data-trait=tactics] .portal__img{filter:drop-shadow(0 0 22px rgba(255,100,60,.55)) drop-shadow(0 8px 18px rgba(0,0,0,.55))}.portal[data-trait=openings] .portal__img{filter:drop-shadow(0 0 22px rgba(255,210,90,.55)) drop-shadow(0 8px 18px rgba(0,0,0,.55))}.portal[data-trait=endgame] .portal__img{filter:drop-shadow(0 0 22px rgba(120,230,210,.55)) drop-shadow(0 8px 18px rgba(0,0,0,.55))}.portal[data-trait=planning] .portal__img{filter:drop-shadow(0 0 22px rgba(140,200,255,.5)) drop-shadow(0 8px 18px rgba(0,0,0,.55))}.portal[data-trait=boardVision] .portal__img{filter:drop-shadow(0 0 22px rgba(160,150,255,.5)) drop-shadow(0 8px 18px rgba(0,0,0,.55))}.portal[data-trait=mentality] .portal__img{filter:drop-shadow(0 0 22px rgba(255,120,180,.5)) drop-shadow(0 8px 18px rgba(0,0,0,.55))}.halls-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:18px;padding-top:12px}.subdoors-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.subdoors-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:12px}.subdoor{position:relative;padding:14px 10px 12px;border-radius:14px;background:linear-gradient(180deg,#0f1826,#0c1320);border:1px solid #26324a;text-align:center;transition:transform .12s ease,box-shadow .12s ease;cursor:pointer;overflow:hidden}.subdoor:hover{transform:translateY(-3px);box-shadow:0 14px 28px #00000047}.subdoor img{width:78%;height:auto;display:block;margin:0 auto 8px;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 18px rgba(0,0,0,.5))}.subdoor .name{font-size:14px;line-height:1.25}.subdoor .meta{color:var(--muted);font-size:12px;margin-top:4px}.subdoor.locked{opacity:.55;cursor:not-allowed}.subdoor.locked:after{content:"Locked";position:absolute;inset:0;background:linear-gradient(180deg,#00000059,#0000008c);display:flex;align-items:flex-end;justify-content:center;padding:10px;font-size:12px;color:#ffd27a}.subdoor .req{position:absolute;top:8px;right:8px;font-size:11px;color:#ffd27a;background:#00000059;border:1px solid #5a4722;padding:3px 6px;border-radius:8px}.lessonText ul{margin:10px 0 10px 18px;padding:0}.lessonText li{margin-bottom:6px}.lesson-2col{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:flex-start}@media (max-width: 900px){.lesson-2col{grid-template-columns:1fr}}.donutMini{width:90px;height:90px}.grid{display:grid;gap:12px}.grid.cols-2{grid-template-columns:1fr 1fr;align-items:flex-start}@media (max-width: 900px){.grid.cols-2{grid-template-columns:1fr}}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.center{display:flex;align-items:center;justify-content:center}.input{background:#0f172a;color:#d7e7ff;border:1px solid #1f2a44;padding:10px 12px;border-radius:10px;outline:none}.input::placeholder{color:#7d8ca3}.alert{padding:10px 12px;border-radius:10px;border:1px solid #2b3b58;background:#0f172a}.alert.ok{border-color:#1f6b45;background:#24886326}.alert.err{border-color:#74343a;background:#b43c3c1f}.stat{background:#0f172a;border:1px solid #1f2a44;border-radius:12px;padding:10px 12px}.bar{height:10px;border-radius:6px;background:#162236;position:relative;overflow:hidden}.bar>span{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#3ba1ff,#60e6b0);max-width:100%}.btn{cursor:pointer;border:1px solid #243246;background:#0e1520;color:#d7e7ff;padding:10px 14px;border-radius:12px;-webkit-user-select:none;user-select:none;transition:transform .06s ease,background .12s ease}.btn:hover{background:#122033}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg,#2a64ff,#1b49e6);border-color:#1a42c7}.btn[disabled]{opacity:.55;cursor:not-allowed}label[for^=opt_]{-webkit-user-select:none;user-select:none}.heroTitle{font-size:114px;font-weight:900}.subtitle{font-size:36px;margin-top:8px}body.chessly{--bg:#f8f9fb;--panel:#ffffff;--line:#e8edf3;--ink:#22252d;--muted:#6b7280;--brand:#d21faa;--brand-grad:linear-gradient(180deg,#df38b4,#ca1a9f);--ok:#18b391;--ok-weak:#dff6f1;--err:#eb5757;--sq-dark:#b9c7db;--sq-light:#ffffff;--sq-outline:#d5e1ef;--shadow:0 10px 24px rgba(17,24,39,.06)}body.chessly{background:var(--bg);color:var(--ink)}body.chessly .card,body.chessly .hall{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}body.chessly h1{font-size:28px;font-weight:800;letter-spacing:.1px;margin:0 0 8px}body.chessly .heroTitle{font-size:72px;line-height:1.05;font-weight:900}@media (min-width:900px){body.chessly .heroTitle{font-size:96px}}body.chessly .muted{color:var(--muted)}body.chessly .traitCard{background:#fff;border:1px solid var(--line)}body.chessly .donut circle[stroke="#162236"]{stroke:#eef3f8!important}body.chessly #optWrap label{background:#fff!important;border:1px solid var(--line)!important}body.chessly #optWrap label:hover{background:#fafbff!important}body.chessly .avatarLg{background:radial-gradient(120px 120px at 30% 30%,#fff,#fff);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--brand)}body.chessly .btn{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px}body.chessly .btn:hover{background:#fafbff}body.chessly .btn.primary{background:var(--brand-grad);border-color:#c11797;color:#fff}body.chessly .alert{background:#f6f9ff;border:1px solid #e2e8f0;color:var(--ink)}body.chessly .alert.ok{background:var(--ok-weak);border-color:#9be4d4}body.chessly .alert.err{background:#ffe9ea;border-color:#f3b6bc}body.chessly .stat,body.chessly .statBox{background:#fff;border:1px solid var(--line);color:var(--ink)}body.chessly .bigNumber{color:var(--ink)}body.chessly .bar{background:#eef3f8}body.chessly .bar>span{background:linear-gradient(90deg,#3ba1ff,#60e6b0)}body.chessly .portal{box-shadow:none}body.chessly .portal__img{filter:drop-shadow(0 8px 16px rgba(0,0,0,.06))}body.chessly .portal__label{color:var(--ink);text-shadow:none}body.chessly .subdoor{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}body.chessly .subdoor img{filter:drop-shadow(0 8px 18px rgba(0,0,0,.08))}body.chessly .subdoor.locked{opacity:.9}body.chessly .subdoor.locked:after{background:linear-gradient(180deg,#ffffffa6,#fffc);color:#6b7280;border:1px solid #e5e7eb}body.chessly .start-left,body.chessly .start-right{background:#fff;border:1px solid var(--line)}body.chessly .promo-banner{background:#f7d3ee;color:#6b1b5a;border:1px solid #f0b4e2;border-radius:12px}body.chessly .traitCard .donut circle:nth-of-type(2){stroke:var(--brand)!important}body.chessly .traitCard .donut .rankText{fill:var(--brand)!important}body.chessly .traitCard .trName,body.chessly .statBox .labelTL{font-weight:700;color:var(--ink)}body.chessly .statBox .bigNumber,body.chessly .statBox{font-weight:700}.boardWrap{position:relative;display:inline-block}.boardWrap.with-outer-coords{padding-left:18px;padding-bottom:18px}.board{width:min(86vw,480px);aspect-ratio:1;border:1px solid var(--sq-outline);border-radius:10px;overflow:hidden}.rank{display:grid;grid-template-columns:repeat(8,1fr);height:12.5%}.sq{position:relative;display:flex;align-items:center;justify-content:center}.sq.dark{background:var(--sq-dark);color:#0b0f14}.sq.light{background:var(--sq-light);color:#0b0f14}.sq .piece{position:relative;z-index:3;width:84%;height:84%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;display:block;margin:auto}.sq.sel{box-shadow:inset 0 0 0 3px var(--amber)}.sq.drop-hover{box-shadow:inset 0 0 0 3px #ffc34da6}.board .sq.move{background-repeat:no-repeat!important;background-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,.6) 0 10%,transparent 11%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.88) 0 16%,transparent 16%),radial-gradient(circle at 50% 50%,rgba(255,206,84,.96) 0 13%,transparent 13%)!important}.board .sq.cap{background-repeat:no-repeat!important;background-image:radial-gradient(circle at 50% 50%,transparent 0 78%,rgba(0,0,0,.65) 78% 86%,transparent 86% 100%),radial-gradient(circle at 50% 50%,transparent 0 76%,rgba(255,255,255,.85) 76% 78%,transparent 78% 100%),radial-gradient(circle at 50% 50%,rgba(255,206,84,.18) 0 76%,transparent 76% 100%)!important}.board.with-inset{--coord-x:4px;--coord-y:3px;--coord-size:12px}.board .sq{position:relative}.board .sq:before,.board .sq:after{position:absolute;z-index:4;font-size:var(--coord-size);font-weight:700;line-height:1;letter-spacing:.1px;pointer-events:none}.board.with-inset:not(.orient-black) .sq[data-rank="1"]:after{content:attr(data-file);inset:auto var(--coord-x) var(--coord-y) auto;opacity:.92;transform:translateY(.5px)}.board.with-inset:not(.orient-black) .sq[data-file=a]:before{content:attr(data-rank);inset:var(--coord-y) auto auto var(--coord-x);opacity:.92}.board.with-inset.orient-black .sq[data-rank="8"]:after{content:attr(data-file);inset:auto var(--coord-x) var(--coord-y) auto;opacity:.92;transform:translateY(.5px)}.board.with-inset.orient-black .sq[data-file=h]:before{content:attr(data-rank);inset:var(--coord-y) auto auto var(--coord-x);opacity:.92}.board .sq.light:before,.board .sq.light:after{color:#0000008c;text-shadow:none}.board .sq.dark:before,.board .sq.dark:after{color:#ffffffeb;text-shadow:0 1px 0 rgba(0,0,0,.25)}.sq .flashBadge{position:absolute;top:4px;right:4px;z-index:5;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:999px;font-size:12px;line-height:1;font-weight:800;color:#fff;box-shadow:0 1px 2px #00000040;-webkit-user-select:none;user-select:none;pointer-events:none}.sq .flashBadge.ok{background:#18a069f2}.sq .flashBadge.err{background:#c83c3cf2}.sq.flash-ok{box-shadow:inset 0 0 0 9999px #2ecc7138!important}.sq.flash-err{box-shadow:inset 0 0 0 9999px #e74c3c38!important}@media (max-width:380px){.board.with-inset{--coord-x:3px;--coord-y:2px;--coord-size:11px}}.boardQuiz #opts .btn{font-size:16px;line-height:1.45;padding:12px 14px;min-height:44px}@media (max-width: 900px){.boardQuiz #opts .btn{font-size:16px}}