:root{--bg: #0b0f14;--panel: #111823;--panel2: #151e2b;--ink: #eaf2ff;--muted: #9fb3cc;--brand: #4ea2ff;--brand-weak: #162236;--ok: #3ecf8e;--err: #ff6b6b;--amber: #ffc34d;--line: #1e2a40}body.chessly{--bg: #f8f9fb;--panel: #fff;--panel2: #fff;--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: #fff;--sq-outline: #d5e1ef;--brand-grad: linear-gradient(180deg, #df38b4, #ca1a9f);--ok-grad: linear-gradient(90deg, #3ba1ff, #60e6b0);--shadow: 0 8px 20px rgb(17 24 39 / 8%)}body.chessly .card,body.chessly .hall{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}body.chessly .btn{color:var(--ink);background:#fff;border:1px solid var(--line)}body.chessly .btn:hover{background:#fafbfe}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;letter-spacing:.01em;background:var(--brand-weak, #162236);color:var(--brand, #4ea2ff);border:1px solid var(--line, #1e2a40);border-radius:999px;box-shadow:0 2px 6px #0000001f}.pill.pill--xp{text-transform:uppercase}body.chessly .pill{background:var(--brand-weak);color:var(--brand);border-color:var(--line);box-shadow:var(--shadow)}body.chessly .btn.danger{color:#b61919;background:#fff0f0;border-color:#f3c3c3}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{color:#0b0f14;background:var(--sq-dark)}body.chessly .sq.light{color:#0b0f14;background:var(--sq-light)}body.chessly .portal__label{text-shadow:none}.btn{padding:10px 14px;color:#d7e7ff;background:#0e1520;border:1px solid #243246;border-radius:12px;transition:transform .06s ease,background .12s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.btn:hover{background:#122033}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg,#2a64ff,#1b49e6);border-color:#1a42c7}.btn.danger{background:#1a1012;border-color:#5a2a2a}.btn.danger:hover{background:#241216}.stack{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.spacer{height:10px}.stat{padding:10px 12px;background:#0f172a;border:1px solid #1f2a44;border-radius:12px}.bar{position:relative;overflow:hidden;height:10px;background:#162236;border-radius:6px}.bar>span{position:absolute;top:0;left:0;max-width:100%;height:100%;background:linear-gradient(90deg,#3ba1ff,#60e6b0)}.start-card{display:flex;flex-direction:column;gap:16px}.start-left{padding:18px;background:linear-gradient(180deg,#0f1624,#0c1320);border:1px solid var(--line);border-radius:16px}.heroRow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:12px}.avatarLg{display:flex;align-items:center;justify-content:center;width:88px;height:88px;font-size:46px;line-height:1;background:radial-gradient(120px 120px at 30% 30%,#1a2740,#0e1520);border:2px solid #243246;border-radius:50%;box-shadow:0 6px 20px #00000040}.nick{font-size:18px;font-weight:800}.subtitleRow{font-size:14px;color:var(--muted)}.statLine{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}.statBox{position:relative;padding:10px 12px;background:#0f172a;border:1px solid #1f2a44;border-radius: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-size:clamp(34px,4vw,48px);font-weight:800;line-height:1;letter-spacing:.3px;text-align:center}.donutMini{display:block;width:90px;height:90px;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{padding:18px;background:linear-gradient(180deg,#0f1624,#0c1320);border:1px solid var(--line);border-radius:16px}.traitsGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}@media (width <= 1180px){.traitsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.traitCard{padding:12px;text-align:center;background:#0f172a;border:1px solid #1f2a44;border-radius:14px}.trName{margin-top:6px;font-size:13px;color:var(--muted)}.trMeta{margin-top:2px;font-size:12px;color:var(--muted)}.donut{display:block;width:120px;height:120px;margin:0 auto}.rankText{font-size:36px;font-weight:800;dominant-baseline:middle;text-anchor:middle}.hall{padding:22px;background:radial-gradient(1200px 600px at 50% -10%,rgb(255 255 255 / 4%),transparent 55%),linear-gradient(180deg,#0b1018,#0e141d);border:1px solid var(--line);border-radius:16px}.doors.hall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));place-items:start center;gap:32px;margin-top:12px}.portal{position:relative;display:flex;flex-direction:column;align-items:center;max-width:260px;margin:28px auto 0;padding:0;text-align:center;background:transparent;border:1px solid transparent;border-radius:16px;box-shadow:none;cursor:pointer}.portal:hover .portal__img{transform:translateY(-4px) scale(1.03)}.portal__label{position:relative;margin-bottom:8px;font-size:16px;font-weight:700;letter-spacing:.3px;color:#fff;text-shadow:0 0 10px rgb(0 0 0 / 80%)}.portal__img{display:block;width:min(240px,26vw);height:auto;margin:0 auto;transition:transform .15s ease,filter .15s ease;filter:drop-shadow(0 8px 18px rgb(0 0 0 / 55%));pointer-events:none;-webkit-user-select:none;user-select:none}.portal[data-trait=tactics] .portal__img{filter:drop-shadow(0 0 22px rgb(255 100 60 / 55%)) drop-shadow(0 8px 18px rgb(0 0 0 / 55%))}.portal[data-trait=openings] .portal__img{filter:drop-shadow(0 0 22px rgb(255 210 90 / 55%)) drop-shadow(0 8px 18px rgb(0 0 0 / 55%))}.portal[data-trait=endgame] .portal__img{filter:drop-shadow(0 0 22px rgb(120 230 210 / 55%)) drop-shadow(0 8px 18px rgb(0 0 0 / 55%))}.portal[data-trait=planning] .portal__img{filter:drop-shadow(0 0 22px rgb(140 200 255 / 50%)) drop-shadow(0 8px 18px rgb(0 0 0 / 55%))}.portal[data-trait=mastery] .portal__img{filter:drop-shadow(0 0 22px rgb(160 150 255 / 50%)) drop-shadow(0 8px 18px rgb(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;overflow:hidden;padding:14px 10px 12px;text-align:center;background:linear-gradient(180deg,#0f1826,#0c1320);border:1px solid #26324a;border-radius:14px;transition:transform .12s ease,box-shadow .12s ease;cursor:pointer}.subdoor:hover{box-shadow:0 14px 28px #00000047;transform:translateY(-3px)}.subdoor img{display:block;width:78%;height:auto;margin:0 auto 8px;filter:drop-shadow(0 8px 18px rgb(0 0 0 / 50%));pointer-events:none;-webkit-user-select:none;user-select:none}.subdoor .name{font-size:14px;line-height:1.25}.subdoor .meta{margin-top:4px;font-size:12px;color:var(--muted)}.subdoor.locked{opacity:.55;cursor:not-allowed}.subdoor.locked:after{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:10px;font-size:12px;color:#ffd27a;background:linear-gradient(180deg,#00000059,#0000008c);content:"Locked"}.subdoor .req{position:absolute;top:8px;right:8px;padding:3px 6px;font-size:11px;color:#ffd27a;background:#00000059;border:1px solid #5a4722;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;align-items:flex-start;gap:8px}@media (width <= 900px){.lesson-2col{grid-template-columns:1fr}}.grid{display:grid;gap:12px}.grid.cols-2{grid-template-columns:1fr 1fr;align-items:flex-start}@media (width <= 900px){.grid.cols-2{grid-template-columns:1fr}}.row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.center{display:flex;align-items:center;justify-content:center}.input{padding:10px 12px;color:#d7e7ff;background:#0f172a;border:1px solid #1f2a44;border-radius:10px;outline:none}.input::placeholder{color:#7d8ca3}.welcomeInput{color:var(--ink);background:#fff;border:1px solid var(--line)}.alert{padding:10px 12px;background:#0f172a;border:1px solid #2b3b58;border-radius:10px}.alert.ok{background:#24886326;border-color:#1f6b45}.alert.err{background:#b43c3c1f;border-color:#74343a}.investorRewardHall{min-height:55vh;padding:36px;display:grid;gap:32px}.investorRewardHall__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:24px}.investorRewardHall__head h1{margin:0;font-size:32px}.investorRewardHall__head p{margin:8px 0 0;max-width:540px}.investorRewardHall__progress{margin:0;display:grid;gap:6px;text-align:right}.investorRewardHall__progress dt{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.investorRewardHall__progress dd{margin:0;font-size:20px;font-weight:700}.investorRewardHall__body{display:flex;justify-content:center}.investorDoorCard{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:24px;border-radius:20px;border:1px solid rgba(62,207,142,.35);background:linear-gradient(180deg,#101a30d9,#0c1224e0);max-width:640px;width:100%}.investorDoorCard__art img{width:100%;height:auto;border-radius:16px;display:block;box-shadow:0 16px 44px #00000073}.investorDoorCard__content{display:grid;gap:14px}.investorDoorCard__content h2{margin:0;font-size:26px}.investorDoorCard__content .badge{justify-self:start;display:inline-flex;align-items:center;padding:4px 11px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;background:#3ecf8e29;border:1px solid rgba(62,207,142,.35);border-radius:999px;color:#bfffe5}.investorDoorCard__list{margin:0;padding-left:20px;display:grid;gap:6px}.investorDoorCard__reward{padding:16px;border-radius:14px;border:1px solid rgba(62,207,142,.35);background:#080e1edb;display:grid;gap:8px}.investorDoorCard__reward ul{margin:0;padding-left:18px;display:grid;gap:4px}.investorDoorCard__rewardLabel{font-size:13px;font-weight:600;color:var(--ok)}.investorRewardHall__cta{justify-self:center;width:auto;padding:14px 32px}@media (max-width: 720px){.investorRewardHall{padding:28px}.investorRewardHall__head{flex-direction:column;align-items:flex-start}.investorRewardHall__progress{text-align:left}.investorDoorCard{grid-template-columns:1fr}}.investorHallMini{min-height:50vh;display:grid;gap:24px;padding:32px;text-align:center}.investorHallMini__head h1{margin:0;font-size:30px}.investorHallMini__head p{margin:10px 0 0}.investorHallMini__grid{display:flex;justify-content:center}.investorHallMini__door{padding:20px;border-radius:18px;border:1px solid rgba(62,207,142,.35);background:linear-gradient(180deg,#101a30d9,#0c1224e0);display:grid;gap:14px;width:min(320px,100%)}.investorHallMini__door img{width:100%;border-radius:14px;display:block}.investorHallMini__door .doorTitle{font-weight:600;font-size:16px}.investorHallMini__cta{display:grid;gap:16px;justify-items:center}.battery{position:relative;margin:0 auto;height:20px;display:flex;align-items:center;gap:6px}.battery__body{flex:1;height:100%;border-radius:6px;background:linear-gradient(#111825,#0c1320);border:1px solid #2a3a54;padding:3px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;box-shadow:inset 0 1px 2px #ffffff0d,inset 0 -1px 2px #0000008c}.battery__cap{width:8px;height:12px;border-radius:2px;background:linear-gradient(#223047,#0f1729);border:1px solid #2a3a54}.battery__seg{border-radius:4px;background:linear-gradient(#0f1a2b,#0b1322)}.battery__seg.filled{background:linear-gradient(180deg,#4be59f,#1ea86c);box-shadow:inset 0 1px 2px #fff3,inset 0 -1px 1px #000000a6,0 0 6px #4be59f59}.battery__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#cfe3ff;text-shadow:0 1px 1px rgba(0,0,0,.6)}.battery--complete .battery__body{grid-auto-columns:1fr}@media (max-width: 720px){.investorHallMini{padding:24px}.investorHallMini__cta{text-align:center}}.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{margin-top:8px;font-size:36px}body.chessly{--bg: #f8f9fb;--panel: #fff;--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: #fff;--sq-outline: #d5e1ef;--shadow: 0 10px 24px rgb(17 24 39 / 6%)}body.chessly{color:var(--ink);background:var(--bg)}body.chessly .card,body.chessly .hall{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}body.chessly h1{margin:0 0 8px;font-size:28px;font-weight:800;letter-spacing:.1px}body.chessly .heroTitle{font-size:72px;font-weight:900;line-height:1.05}@media (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{color:var(--brand);background:radial-gradient(120px 120px at 30% 30%,#fff,#fff);border:1px solid var(--line);box-shadow:var(--shadow)}body.chessly .btn{color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px}body.chessly .btn:hover{background:#fafbff}body.chessly .btn.primary{color:#fff;background:var(--brand-grad);border-color:#c11797}body.chessly .alert{color:var(--ink);background:#f6f9ff;border:1px solid #e2e8f0}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{color:var(--ink);background:#fff;border:1px solid var(--line)}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 rgb(0 0 0 / 6%))}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 rgb(0 0 0 / 8%))}body.chessly .subdoor.locked{opacity:.9}body.chessly .subdoor.locked:after{color:#6b7280;background:linear-gradient(180deg,#ffffffa6,#fffc);border:1px solid #e5e7eb}body.chessly .start-left,body.chessly .start-right{background:#fff;border:1px solid var(--line)}body.chessly .promo-banner{color:#6b1b5a;background:#f7d3ee;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-bottom:18px;padding-left:18px}.board{overflow:hidden;width:min(86vw,480px);border:1px solid var(--sq-outline);border-radius:10px;aspect-ratio:1}.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{color:#0b0f14;background:var(--sq-dark)}.sq.light{color:#0b0f14;background:var(--sq-light)}.sq .piece{position:relative;z-index:3;display:block;width:84%;height:84%;margin:auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.board .sq .lastMove{position:absolute;inset:6px;z-index:1;background:#ffd25a2e;border:2px solid rgb(255 210 90 / 55%);border-radius:10px;pointer-events:none}.board .sq .lastMove.lastMove--to{background:#ffd25a59}.board .sq .lastMove.lastMove--from{border-style:dashed}.board .sq .lastMove.lastMove--to{inset:0;z-index:0;background:#ffd25a73;border:none;border-radius:0}.board .sq.move{background-image:radial-gradient(circle at 50% 50%,rgb(0 0 0 / 60%) 0 10%,transparent 11%),radial-gradient(circle at 50% 50%,rgb(255 255 255 / 88%) 0 16%,transparent 16%),radial-gradient(circle at 50% 50%,rgb(255 206 84 / 96%) 0 13%,transparent 13%)!important;background-repeat:no-repeat!important}.board .sq.cap{background-image:radial-gradient(circle at 50% 50%,transparent 0 78%,rgb(0 0 0 / 65%) 78% 86%,transparent 86% 100%),radial-gradient(circle at 50% 50%,transparent 0 76%,rgb(255 255 255 / 85%) 76% 78%,transparent 78% 100%),radial-gradient(circle at 50% 50%,rgb(255 206 84 / 18%) 0 76%,transparent 76% 100%)!important;background-repeat:no-repeat!important}html,body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.35;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}*{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{padding:16px;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 24px #00000040}h1{margin:0 0 8px;font-size:28px}.muted{font-size:14px;color:var(--muted)}.sq.sel{box-shadow:inset 0 0 0 3px var(--amber)}.sq.drop-hover{box-shadow:inset 0 0 0 3px #ffc34da6}.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{inset:auto var(--coord-x) var(--coord-y) auto;opacity:.92;transform:translateY(.5px);content:attr(data-file)}.board.with-inset:not(.orient-black) .sq[data-file=a]:before{inset:var(--coord-y) auto auto var(--coord-x);opacity:.92;content:attr(data-rank)}.board.with-inset.orient-black .sq[data-rank="8"]:after{inset:auto var(--coord-x) var(--coord-y) auto;opacity:.92;transform:translateY(.5px);content:attr(data-file)}.board.with-inset.orient-black .sq[data-file=h]:before{inset:var(--coord-y) auto auto var(--coord-x);opacity:.92;content:attr(data-rank)}.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 rgb(0 0 0 / 25%)}.sq .flash-badge{position:absolute;top:4px;right:4px;z-index:5;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;font-size:12px;font-weight:800;line-height:1;color:#fff;border-radius:999px;box-shadow:0 1px 2px #00000040;pointer-events:none;-webkit-user-select:none;user-select:none}.sq .flash-badge.ok{background:#18a069f2}.sq .flash-badge.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 (width <= 380px){.board.with-inset{--coord-x: 3px;--coord-y: 2px;--coord-size: 11px}}.boardQuiz #opts .btn{min-height:44px;padding:12px 14px;font-size:16px;line-height:1.45}@media (width <= 900px){.boardQuiz #opts .btn{font-size:16px}}