:root{color:#f8fafc;background:#080f14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#080f14}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{width:min(100%,440px);min-height:100vh;min-height:100svh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% -15%,rgba(14,151,143,.18),transparent 35%),linear-gradient(180deg,#0a141b,#070d12)}.app-frame{width:min(100%,440px);min-height:calc(100svh - 36px);margin:0 auto;display:flex;flex-direction:column}.brand{display:inline-flex;align-items:center;gap:10px;color:#d7b85b;font-size:19px;font-weight:800;letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(215,184,91,.42);border-radius:11px;background:linear-gradient(145deg,#18252c,#0d171d);font-size:20px}.brand-large{justify-content:center;margin-top:4px;font-size:24px}.brand-large .brand-mark{width:46px;height:46px;border-radius:14px;font-size:27px}.eyebrow{margin:0 0 10px;color:#24c7b9;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:12px;color:#f8fafc;font-size:clamp(30px,8vw,40px);line-height:1.06;letter-spacing:-.035em}h2{margin-bottom:9px;font-size:26px;line-height:1.12;letter-spacing:-.025em}h3{margin-bottom:8px;font-size:17px}.muted{color:#8fa2ae;line-height:1.55}.gold{color:#d7b85b}.onboarding{flex:1;display:flex;flex-direction:column}.onboarding-copy{flex:1;display:grid;align-content:center;padding:32px 5px 24px;text-align:center}.hero-piece{margin:0 auto 26px;filter:drop-shadow(0 18px 28px rgba(0,0,0,.46));font-size:92px;line-height:1;color:#d7b85b}.onboarding-copy p{max-width:340px;margin:0 auto}.step-dots{display:flex;justify-content:center;gap:7px;margin-bottom:20px}.step-dot{width:7px;height:7px;border:0;border-radius:50%;padding:0;background:#34434c}.step-dot.active{width:24px;border-radius:8px;background:#20b9ac}.actions{display:grid;gap:10px}.button{min-height:52px;border:0;border-radius:15px;padding:0 20px;cursor:pointer;font-weight:800;transition:transform .15s ease,opacity .15s ease}.button:active{transform:scale(.985)}.button:disabled{cursor:not-allowed;opacity:.48}.button-primary{color:#031311;background:linear-gradient(180deg,#27cabc,#18aa9e);box-shadow:0 10px 30px #18aa9e33}.button-secondary{color:#dce6eb;background:#132029;border:1px solid #24343e}.button-ghost{color:#9aabb5;background:transparent}.level-list{display:grid;gap:10px;margin-top:22px;text-align:left}.level-card{display:grid;grid-template-columns:42px 1fr 22px;align-items:center;gap:12px;min-height:70px;padding:12px 14px;color:#ecf2f5;background:#111c23;border:1px solid #23313a;border-radius:15px;cursor:pointer}.level-card.selected,.level-card.is-selected{border-color:#20b9ac;background:linear-gradient(90deg,#20b9ac29,#111c23 65%)}.level-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#d7b85b;background:#1b2830;font-size:22px}.level-card strong,.level-card small{display:block}.level-card small{margin-top:4px;color:#7f929e}.radio{width:19px;height:19px;border:2px solid #465863;border-radius:50%}.selected .radio,.is-selected .radio{border:5px solid #20b9ac}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#061411;background:#25bcaf;font-weight:900}.home{flex:1;display:flex;flex-direction:column}.welcome{margin-bottom:22px}.welcome p{margin-bottom:5px}.rating-card{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding:18px;border:1px solid rgba(215,184,91,.26);border-radius:18px;background:linear-gradient(135deg,#d7b85b21,#111c23eb 55%)}.rating-card small{display:block;margin-bottom:4px;color:#91a3ad}.rating-value{color:#f3d575;font-size:28px;font-weight:900}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.feature-card{min-height:130px;padding:16px;color:inherit;text-align:left;background:#101b22;border:1px solid #21313a;border-radius:17px}.feature-card-primary{grid-column:1 / -1;min-height:150px;border-color:#20b9ac61;background:linear-gradient(145deg,#20b9ac2e,#101b22 65%)}.feature-icon{display:block;margin-bottom:20px;color:#26c0b3;font-size:30px}.feature-card p{margin:0;color:#8296a1;font-size:13px;line-height:1.4}.bottom-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:auto;padding-top:18px}.nav-button{min-height:48px;border:0;border-radius:14px;color:#7d919c;background:transparent;font-weight:750}.nav-button.active{color:#20b9ac;background:#20b9ac1a}.profile{flex:1}.profile-header{display:flex;align-items:center;gap:15px;margin:18px 0 24px;padding:18px;background:#101b22;border:1px solid #21313a;border-radius:18px}.profile-avatar{width:62px;height:62px;font-size:24px}.profile-header h2{margin-bottom:5px}.profile-header p{margin:0}.settings-list{overflow:hidden;border:1px solid #21313a;border-radius:18px;background:#101b22}.setting-row{display:flex;align-items:center;justify-content:space-between;min-height:57px;padding:0 16px;border-bottom:1px solid #1d2b34}.setting-row:last-child{border-bottom:0}.setting-row span:last-child{color:#8ea0aa}.error-box{margin:12px 0;padding:12px 14px;color:#ffb4ab;background:#f443361f;border:1px solid rgba(244,67,54,.26);border-radius:12px;font-size:13px}.loading{flex:1;display:grid;place-items:center;color:#8da1ab}.filter-row{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;scrollbar-width:none}.filter-row button{flex:0 0 auto;border:1px solid #263841;background:#101b22;color:#8296a1;border-radius:999px;padding:9px 13px;font-weight:700}.filter-row button.is-active{color:#071411;background:#25bcaf;border-color:#25bcaf}.secondary-filters{padding-top:0}.secondary-filters button{font-size:12px;padding:7px 11px}.history-list,.leaderboard-list{display:grid;gap:10px}.history-item{width:100%;border:1px solid #21313a;background:#101b22;color:#e8f0f3;border-radius:16px;padding:12px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left}.result-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;font-weight:900;background:#263430;color:#8296a1}.result-mark.win{color:#91e7b0;background:#153c2a}.result-mark.loss{color:#ff9b9b;background:#451e25}.result-mark.draw{color:#ead18c;background:#433a20}.history-opponent{display:flex;align-items:center;min-width:0;gap:9px}.history-opponent img,.history-opponent i,.leaderboard-list img,.leaderboard-list i{width:36px;height:36px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#23352f;color:#25bcaf;font-style:normal;font-weight:800}.history-opponent>span{min-width:0}.history-opponent b,.history-opponent small,.history-rating b,.history-rating small{display:block}.history-opponent b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-opponent small,.history-rating small{color:#8296a1;font-size:11px;margin-top:3px}.history-rating{text-align:right}.history-rating b{color:#25bcaf}.load-more{width:100%;margin:14px 0 90px}.centered{margin:28px auto}.inline-error{color:#ff9b9b;background:#451e25;border-radius:12px;padding:10px 12px}.empty-state{text-align:center;padding:48px 18px;color:#8296a1}.empty-state>span{font-size:44px;color:#25bcaf}.empty-state h2{color:#e8f0f3}.history-search{display:grid;grid-template-columns:1fr 105px 105px;gap:7px;margin-bottom:13px}.history-search input{min-width:0;height:40px;padding:0 9px;color:#e8f0f3;border:1px solid #263841;border-radius:10px;background:#0c161c}.history-search label{color:#8296a1;font-size:10px}.history-search label input{width:100%;height:27px;margin-top:2px;font-size:10px;padding:0 3px}.profile-links{padding:0;overflow:hidden}.profile-links button{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:0;border-bottom:1px solid #1d2b34;color:#e8f0f3;padding:16px;font-weight:700}.profile-links button:last-child{border-bottom:0}.profile-links b{color:#25bcaf;font-size:24px}.stats-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.stats-hero div{background:linear-gradient(145deg,#19392f,#10251f);border:1px solid #21313a;border-radius:15px;padding:16px 8px;text-align:center}.stats-hero b,.stats-hero span{display:block}.stats-hero b{color:#25bcaf;font-size:22px}.stats-hero span{color:#8296a1;font-size:11px;margin-top:4px}.wdl{display:flex;min-height:38px;border-radius:10px;overflow:hidden;margin:10px 15px 16px}.wdl div{min-width:52px;display:grid;place-items:center;padding:7px 4px;font-size:10px;font-weight:800}.wdl .win{background:#17613c}.wdl .draw{background:#65551e}.wdl .loss{background:#6b2630}.pool-stat{border-bottom:1px solid #1d2b34;padding:12px 15px}.pool-stat:last-child{border:0}.pool-stat div{display:flex;justify-content:space-between}.pool-stat small{display:block;color:#8296a1;margin-top:5px}.profile-stats{margin-bottom:14px}.rating-chart{width:100%;height:58px;margin-top:10px;overflow:visible}.rating-chart polyline{fill:none;stroke:#25bcaf;stroke-width:2;vector-effect:non-scaling-stroke}.chart-empty{color:#718792;font-size:11px;margin:10px 0 0}.rank-summary{display:flex;justify-content:space-between;align-items:center;border:1px solid #816d2d;background:linear-gradient(135deg,#332d19,#142720);border-radius:15px;padding:16px;margin-bottom:12px}.rank-summary span{color:#8296a1}.rank-summary b{color:#f3d879}.leaderboard-list article{display:grid;grid-template-columns:30px 38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid #21313a;border-radius:14px;background:#101b22}.leaderboard-list article.is-me{border-color:#25bcaf;background:#16332b}.leaderboard-list .rank{text-align:center;color:#f3d879}.leaderboard-list article span b,.leaderboard-list article span small{display:block}.leaderboard-list article span small{color:#8296a1;font-size:11px;margin-top:2px}.leaderboard-list strong{color:#25bcaf}.bottom-nav{grid-template-columns:repeat(4,1fr)}.bottom-nav button{min-width:0;font-size:10px}.result-close{width:100%;margin-top:8px}.review-summary{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;margin-bottom:10px;padding:12px;border:1px solid #253741;border-radius:15px;background:#101b22;text-align:center}.review-summary div:last-child{text-align:right}.review-summary div:first-child{text-align:left}.review-summary small,.review-summary b{display:block}.review-summary small{overflow:hidden;color:#81949f;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.review-summary b{margin-top:4px;color:#d7b85b;font-size:22px}.review-summary>span{color:#e5edf0;font-weight:900}.review-summary>span small{margin-top:3px;font-weight:400}.evaluation-graph{width:100%;height:54px;margin-bottom:9px;border:1px solid #21313a;border-radius:11px;background:linear-gradient(#dce4df 50%,#26363e 50%)}.evaluation-graph line{stroke:#60727b;stroke-width:.4}.evaluation-graph polyline{fill:none;stroke:#25bcaf;stroke-width:2;vector-effect:non-scaling-stroke}.analysis-best-from{box-shadow:inset 0 0 0 4px #d7b85bcc!important}.analysis-best-to{box-shadow:inset 0 0 0 100px #d7b85b66!important}.best-arrow-head{position:absolute;z-index:5;color:#0b4e48;font-size:22px;transform:rotate(-35deg);pointer-events:none}.move-review-card{margin-top:10px;padding:13px;border:1px solid #263842;border-left:4px solid #25bcaf;border-radius:14px;background:#101b22}.move-review-card>div:first-child{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.move-review-card strong{color:#25bcaf}.move-review-card em{color:#d7b85b;font-style:normal;font-weight:800}.move-review-card p{margin:8px 0;color:#b0bec5;font-size:13px;line-height:1.45}.move-review-card small{color:#718792}.class-blunder,.class-mistake,.class-miss{border-left-color:#e15c65}.class-inaccuracy{border-left-color:#e6c55d}.class-brilliant,.class-great{border-left-color:#a981ec}.engine-line{display:grid!important;grid-template-columns:1fr!important;margin-top:10px;padding:9px;border-radius:10px;background:#0b161c}.engine-line span{overflow:hidden;color:#8296a1;font-family:ui-monospace,monospace;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.retry-feedback{margin:9px 0 0!important;padding:9px;border-radius:10px;color:#9fe1b6!important;background:#153c2a}.review-controls{display:grid;grid-template-columns:54px 1fr 54px;align-items:center;gap:8px;margin-top:10px;text-align:center}.review-controls button,.review-actions button,.analysis-toolbar button,.analysis-import button,.move-tree button{min-height:40px;border:1px solid #2b3d46;border-radius:10px;color:#dce7eb;background:#142129}.review-controls button:disabled,.review-actions button:disabled,.analysis-toolbar button:disabled{opacity:.38}.review-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.review-actions button{padding:7px;font-size:11px}.key-moments{margin-top:12px;padding:12px;border:1px solid #21313a;border-radius:14px;background:#101b22}.key-moments h3{font-size:14px}.key-moments button{display:flex;justify-content:space-between;width:100%;padding:8px 0;border:0;border-top:1px solid #1d2b34;color:#dce7eb;background:transparent}.key-moments button b{color:#d7b85b;font-size:11px}.analysis-import{display:grid;gap:8px;margin-bottom:10px;padding:11px;border:1px solid #21313a;border-radius:14px;background:#101b22}.analysis-import label,.analysis-import summary{color:#8296a1;font-size:11px}.analysis-import textarea{display:block;width:100%;margin-top:5px;padding:8px;resize:vertical;color:#dce7eb;border:1px solid #2b3d46;border-radius:9px;background:#091319;font-family:ui-monospace,monospace;font-size:10px}.analysis-import>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.analysis-import details button{width:100%;margin-top:7px}.analysis-eval{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:8px 11px;border-radius:10px;background:#101b22}.analysis-eval span{color:#d7b85b;font-size:20px;font-weight:900}.analysis-eval b{color:#8296a1;font-size:11px}.analysis-toolbar{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:9px}.analysis-toolbar button{padding:5px;font-size:10px}.engine-lines,.move-tree{margin-top:10px;padding:12px;border:1px solid #21313a;border-radius:14px;background:#101b22}.engine-lines h3,.move-tree h3{font-size:14px}.engine-lines div{display:grid;grid-template-columns:48px 1fr;gap:7px;padding:7px 0;border-top:1px solid #1d2b34}.engine-lines span{overflow:hidden;color:#8296a1;font-family:ui-monospace,monospace;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.engine-lines p{margin:0;color:#718792;font-size:12px}.move-tree>div{display:flex;flex-wrap:wrap;gap:5px}.move-tree button{min-height:30px;padding:4px 8px;font-size:10px}.move-tree button.is-active{color:#061411;background:#25bcaf}.analysis-note{margin:10px 0;color:#718792;font-size:10px;text-align:center}@media(min-width:700px){.app-shell{margin:28px auto;padding:28px;border:1px solid #1b2b34;border-radius:28px}.app-frame{min-height:calc(100vh - 56px);padding:22px;border:1px solid #1b2b34;border-radius:28px;background:#080f14b8;box-shadow:0 28px 80px #00000061}}.onboarding,.status-screen{width:min(100%,440px);min-height:100vh;min-height:100svh;margin:0 auto;padding:max(22px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 12%,rgba(21,151,143,.16),transparent 31%),#080f14}.onboarding{display:flex;flex-direction:column;text-align:center}.brand__crown{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(215,184,91,.4);border-radius:11px;background:#132028}.brand--compact{font-size:17px}.onboarding__art{display:flex;justify-content:center;align-items:end;gap:8px;margin:54px 0 34px;color:#d7b85b;filter:drop-shadow(0 14px 22px rgba(0,0,0,.45))}.onboarding__art span{font-size:48px}.onboarding__art span:nth-child(2){font-size:76px}.lead{color:#b7c4ca;font-size:18px}.benefits{display:inline-grid;gap:12px;margin:24px auto 0;padding:0;color:#aab9c1;text-align:left;list-style:none}.benefits li:first-letter{color:#25bdb0}.onboarding section{flex:1}.onboarding__footer{margin-top:24px}.dots{display:flex;justify-content:center;gap:7px;margin-bottom:18px}.dots span{width:7px;height:7px;border-radius:10px;background:#34434c}.dots .is-active{width:24px;background:#20b9ac}.primary,.secondary{min-height:50px;border-radius:14px;border:0;padding:0 20px;cursor:pointer;font-weight:800}.primary{width:100%;color:#031311;background:linear-gradient(180deg,#29c9bc,#18aa9e)}.primary.small{width:auto;min-height:42px}.secondary{color:#dce6eb;background:#15232b;border:1px solid #293a44}.level-step .level-list{margin-top:20px}.level-card__icon{color:#d7b85b;font-size:26px}.level-card b,.level-card small{display:block}.level-card small{margin-top:4px;color:#8497a2}.feature-list{display:grid;gap:10px;margin-top:22px;text-align:left}.feature-list>div{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid #22323b;border-radius:15px;background:#111c23}.feature-list>div>span{color:#d7b85b;font-size:28px}.feature-list p,.feature-list small{margin:0}.feature-list small{display:block;margin-top:4px;color:#8295a0}.status-screen{display:grid;place-content:center;justify-items:center;gap:14px;text-align:center}.status-screen .brand{margin-bottom:24px}.loader{width:32px;height:32px;border:3px solid #24353e;border-top-color:#22b8ac;border-radius:50%;animation:spin .75s linear infinite}.status-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;color:#ffb4ab;background:#f4433621;font-size:28px;font-weight:900}.welcome-card{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding:20px;border:1px solid rgba(215,184,91,.24);border-radius:19px;background:linear-gradient(135deg,#d7b85b1f,#111c23 64%)}.welcome-card h1{margin:3px 0 7px;font-size:29px}.welcome-card p{margin:0;color:#8fa2ae}.king{color:#d7b85b;font-size:56px}.avatar{overflow:hidden;border:0;cursor:pointer}.avatar img,.profile-avatar img{width:100%;height:100%;object-fit:cover}.play-card{display:grid;grid-template-columns:52px 1fr 18px;align-items:center;gap:12px;width:100%;min-height:84px;margin-bottom:27px;padding:14px;color:#f5fafb;text-align:left;border:1px solid rgba(32,185,172,.32);border-radius:18px;background:linear-gradient(100deg,#20b9ac33,#101b22 70%)}.play-card__piece{color:#27c1b5;font-size:38px}.play-card b,.play-card small{display:block}.play-card small{margin-top:4px;color:#82a19f}.quick-play{display:grid;grid-template-columns:52px 1fr 18px;align-items:center;gap:12px;width:100%;min-height:88px;margin-bottom:12px;padding:15px;color:#041513;text-align:left;border:0;border-radius:18px;background:linear-gradient(135deg,#2bd0c1,#18a99e);box-shadow:0 14px 34px #18a99e33}.quick-play__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff3;font-size:25px}.quick-play b,.quick-play small,.home-actions b,.home-actions small{display:block}.quick-play small{margin-top:4px;color:#0b5852}.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:25px}.home-actions button{padding:15px 11px;color:#e8f0f3;text-align:left;border:1px solid #22343d;border-radius:16px;background:#101b22}.home-actions button>span{color:#d7b85b;font-size:25px}.home-actions small{margin-top:4px;color:#81949f}.invite-row{display:grid;grid-template-columns:38px 1fr 14px;align-items:center;gap:11px;width:100%;padding:15px;color:#e8f0f3;text-align:left;border:1px solid #21313a;border-radius:16px;background:#101b22}.invite-row>span{display:grid;place-items:center;width:38px;height:38px;color:#19b3a7;border-radius:11px;background:#20b9ac1f}.invite-row p{margin:4px 0 0;color:#8296a1;font-size:12px}.invite-row i{color:#778b96;font-style:normal}.section-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.section-title h2{margin:0;font-size:18px}.section-title>span{color:#71858f;font-size:12px}.rating-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:27px}.rating-grid article{padding:14px 8px;border:1px solid #22323b;border-radius:15px;background:#101b22;text-align:center}.rating-grid span,.rating-grid b{display:block}.rating-grid span{color:#8295a0;font-size:11px}.rating-grid b{margin-top:8px;color:#e4c866;font-size:20px}.empty-card{display:flex;gap:14px;padding:16px;border:1px solid #21313a;border-radius:16px;background:#101b22}.empty-card>span{color:#d7b85b;font-size:29px}.empty-card p{margin:5px 0 0;color:#8296a1;font-size:13px;line-height:1.45}.bottom-nav button{display:grid;justify-items:center;gap:3px;border:0;border-radius:13px;color:#788d98;background:transparent}.bottom-nav button.is-active{color:#22b8ac;background:#20b9ac17}.screen-header{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;margin-bottom:22px}.screen-header button{width:42px;height:42px;border:1px solid #263741;border-radius:12px;color:#e5ecef;background:#111c23;font-size:28px}.screen-header h1{margin:0;text-align:center;font-size:23px}.profile-card{display:grid;justify-items:center;margin-bottom:16px;padding:24px;border:1px solid #21313a;border-radius:19px;background:#101b22;text-align:center}.profile-avatar{display:grid;place-items:center;overflow:hidden;width:72px;height:72px;margin-bottom:13px;border-radius:50%;color:#071411;background:#25bcaf;font-size:27px;font-weight:900}.profile-card h2{margin-bottom:3px}.profile-card p{color:#8296a1}.profile-card input{width:100%;height:46px;margin:8px 0 10px;padding:0 13px;color:#f5fafb;border:1px solid #2e444f;border-radius:12px;background:#0c161c}.profile-section{overflow:hidden;margin-bottom:14px;border:1px solid #21313a;border-radius:17px;background:#101b22}.profile-section h2{margin:0;padding:15px;border-bottom:1px solid #1d2b34;font-size:16px}.profile-row{display:flex;justify-content:space-between;min-height:49px;padding:14px 15px;border-bottom:1px solid #1d2b34}.profile-row:last-child{border-bottom:0}.profile-row b{color:#d7b85b}.danger-link{width:100%;min-height:48px;border:0;color:#ff8f86;background:transparent}.page-fade{animation:fade-in .24s ease-out}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(5px)}}.game-screen{width:min(100%,480px);min-height:100vh;min-height:100svh;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 8%,rgba(32,185,172,.13),transparent 30%),#080f14}.game-header{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;margin-bottom:14px}.game-header .brand{justify-self:center}.game-header>button{width:42px;height:42px;border:1px solid #263741;border-radius:12px;color:#dce7eb;background:#111c23;font-size:25px}.player-strip{display:flex;align-items:center;gap:11px;min-height:64px;padding:9px 12px}.player-strip.active{margin-top:2px;border-radius:14px;background:#20b9ac14}.player-strip b,.player-strip small{display:block}.player-strip small{margin-top:3px;color:#7e929d}.player-piece{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#d7b85b;background:#16242c;font-size:28px}.online-avatar{display:grid;place-items:center;overflow:hidden;width:42px;height:42px;border-radius:50%;color:#071411;background:#25bcaf;font-weight:900}.online-avatar img{width:100%;height:100%;object-fit:cover}.player-strip time{margin-left:auto;padding:8px 10px;border-radius:10px;color:#dce7eb;background:#101b22;font-size:20px;font-variant-numeric:tabular-nums;font-weight:900}.player-strip time.active-clock{color:#071411;background:#25bcaf}.connection-dot{display:grid;place-items:center;width:42px;color:#72848d}.connection-dot.online{color:#25bcaf}.connection-dot.offline{color:#ff8f86}.check-pill{margin-left:auto;padding:5px 9px;border-radius:9px;color:#ffb4ab;background:#f4433624;font-size:12px;font-weight:800}.chessboard{display:flex!important;flex-wrap:wrap!important;align-content:stretch!important;overflow:hidden!important;width:100%!important;aspect-ratio:1 / 1!important;border:2px solid #2a3a43;border-radius:7px;box-shadow:0 18px 45px #00000059}.board-square{position:relative;display:grid;flex:0 0 12.5%!important;place-items:center;width:12.5%!important;height:12.5%!important;min-width:0!important;min-height:0!important;max-width:12.5%!important;max-height:12.5%!important;box-sizing:border-box!important;padding:0!important;margin:0!important;overflow:hidden!important;border:0;line-height:1!important}.board-square.light{background:#bec8bf}.board-square.dark{background:#3b7975}.board-square.last{box-shadow:inset 0 0 0 100px #e2c75b57}.board-square.selected{box-shadow:inset 0 0 0 4px #22deccc7}.board-square.in-check{box-shadow:inset 0 0 0 100px #d438388c}.board-square.premove{box-shadow:inset 0 0 0 4px #5c96ffd1}.chess-piece{position:relative;z-index:2;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;filter:drop-shadow(0 2px 1px rgba(0,0,0,.35))}.chess-piece img{display:block!important;width:84%!important;height:84%!important;max-width:84%!important;max-height:84%!important;object-fit:contain!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important}.rank-label,.file-label{position:absolute;z-index:4;color:#081f1ebf;font-size:9px;font-weight:900}.rank-label{top:2px;left:3px}.file-label{right:3px;bottom:2px}.move-target{position:absolute;z-index:3;width:25%;height:25%;border-radius:50%;background:#051f1d61;pointer-events:none}.capture-target{position:absolute;z-index:3;inset:5%;border:4px solid rgba(5,31,29,.38);border-radius:50%;pointer-events:none}.game-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.game-actions button{min-height:45px;border:1px solid #263842;border-radius:13px;color:#b9c6cc;background:#101b22}.game-error{margin:8px 0 0;color:#ff9b92;text-align:center;font-size:13px}.draw-offer{display:flex;align-items:center;gap:7px;margin-top:10px;padding:10px;border:1px solid #2d434d;border-radius:13px;background:#101b22}.draw-offer span{flex:1;font-size:13px}.draw-offer button{padding:7px;border:0;border-radius:8px;color:#dce7eb;background:#243741}.waiting-opponent{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;padding:14px;border:1px solid #263842;border-radius:13px;background:#101b22}.waiting-opponent .loader{width:20px;height:20px;margin:0}.waiting-opponent button{margin-left:auto;border:0;color:#ff9b92;background:transparent}.move-history{display:flex;flex-wrap:wrap;gap:6px 9px;min-height:40px;margin-top:12px;padding:11px 12px;border:1px solid #1f2e37;border-radius:13px;color:#9aabb4;background:#0d171d;font-size:12px}.game-result{margin-top:12px;padding:19px;border:1px solid rgba(215,184,91,.3);border-radius:18px;background:linear-gradient(135deg,#d7b85b21,#101b22);text-align:center}.game-result>span{color:#d7b85b;font-size:38px}.game-result h2{margin:6px 0}.game-result p{color:#a5b4bb}.game-result .rating-up,.game-result .rating-down{display:block;margin:0 0 14px;font-size:18px}.rating-up{color:#27c1b5}.rating-down{color:#ff8f86}.modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:end center;padding:18px;background:#000000ad}.promotion-modal{width:min(100%,420px);padding:22px;border:1px solid #2a3b45;border-radius:22px;background:#101b22;text-align:center}.promotion-modal>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.promotion-modal>div button{aspect-ratio:1;border:1px solid #314650;border-radius:14px;color:#f4efd8;background:#17262e;font-size:40px}.promotion-modal>div button img{width:90%;height:90%;object-fit:contain}.promotion-modal .secondary{width:100%}@media(min-width:700px){.game-screen{margin:28px auto;border:1px solid #1b2b34;border-radius:28px}}.premium-cta{display:grid;grid-template-columns:42px 1fr 16px;align-items:center;gap:11px;width:100%;margin:0 0 13px;padding:13px;color:#f4e6b2;text-align:left;border:1px solid rgba(215,184,91,.38);border-radius:16px;background:linear-gradient(110deg,#d7b85b29,#101b22 72%)}.premium-cta>span{font-size:29px;color:#d7b85b}.premium-cta b,.premium-cta small{display:block}.premium-cta small{margin-top:3px;color:#9f936d}.premium-cta i{font-style:normal}.premium-badge{display:inline-block;padding:3px 6px;vertical-align:middle;border-radius:6px;color:#0b1115;background:#d7b85b;font-size:9px;letter-spacing:.05em}.premium-hero{display:grid;justify-items:center;margin-bottom:14px;padding:25px 18px;border:1px solid rgba(215,184,91,.35);border-radius:20px;background:radial-gradient(circle at 50% 0,rgba(215,184,91,.2),transparent 55%),#101b22;text-align:center}.premium-hero>span{font-size:52px;color:#d7b85b}.premium-hero h2{margin:5px 0}.premium-hero p{margin:3px 0;color:#98a8af}.premium-hero small{margin-top:10px;color:#d7b85b}.premium-benefits{display:grid;gap:8px;margin-bottom:14px}.premium-benefits div{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #22343d;border-radius:14px;background:#101b22}.premium-benefits span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#d7b85b;background:#d7b85b1a;font-size:21px}.premium-buy{width:100%;min-height:52px;border:0;border-radius:14px;color:#17130a;background:linear-gradient(135deg,#efd676,#c8a64b);font-weight:900}.full{width:100%;min-height:48px;margin-top:9px;border-radius:13px}.notice-card,.premium-message{padding:12px;border:1px solid #2a3b44;border-radius:12px;color:#aab8bf;background:#101b22;text-align:center}.one-time-products{margin-top:20px}.one-time-products h2{font-size:18px}.one-time-products button{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;width:100%;margin-bottom:8px;padding:12px;color:#e8eff2;text-align:left;border:1px solid #253741;border-radius:14px;background:#101b22}.one-time-products button>span{color:#d7b85b;font-size:26px}.one-time-products b,.one-time-products small{display:block}.one-time-products small{margin-top:3px;color:#8296a1}.one-time-products strong{color:#d7b85b}.payment-history{margin-top:22px}.payment-history>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #203039}.payment-history>div>span{display:flex;flex-direction:column;gap:3px}.payment-history>div>span:last-child{text-align:right}.payment-history small{color:#8296a1}.stars-note{display:block;margin:16px 0;color:#71858f;text-align:center}.settings-group{overflow:hidden;margin-bottom:13px;border:1px solid #21323b;border-radius:16px;background:#101b22}.settings-group h2{margin:0;padding:14px;border-bottom:1px solid #203039;font-size:16px}.setting-toggle,.setting-select{display:flex;align-items:center;justify-content:space-between;min-height:49px;padding:11px 14px;border-bottom:1px solid #1d2b34}.setting-toggle:last-child,.setting-select:last-child{border-bottom:0}.setting-toggle input{width:42px;height:24px;accent-color:#20b9ac}.setting-select select{max-width:145px;padding:7px;color:#e7eef1;border:1px solid #2d414b;border-radius:9px;background:#142129}.settings-group>.segmented{padding:12px}.ad-gate-screen small{max-width:300px;color:#718792;line-height:1.45}.ad-gate-icon{display:grid;place-items:center;width:76px;height:76px;margin:24px 0 8px;border:1px solid rgba(215,184,91,.35);border-radius:22px;color:#d7b85b;background:linear-gradient(145deg,#d7b85b21,#101b22);font-size:42px}.play-screen{padding-bottom:max(24px,env(safe-area-inset-bottom))}.play-section{margin-bottom:14px;padding:16px;border:1px solid #21313a;border-radius:17px;background:#101b22}.play-section h2{margin:0 0 14px;font-size:16px}.preset-row{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:8px;margin:9px 0}.preset-row>span{color:#81949f;font-size:12px}.preset-row>div{display:flex;flex-wrap:wrap;gap:6px}.preset-row button,.segmented button{min-height:38px;padding:0 12px;color:#b8c6cc;border:1px solid #2b3d46;border-radius:10px;background:#142129}.preset-row button.selected,.segmented button.selected{color:#051513;border-color:#23b9ad;background:#23b9ad}.play-section details{margin-top:12px;color:#91a3ac}.custom-time{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.custom-time label{color:#8296a1;font-size:12px}.custom-time input{width:100%;height:42px;margin-top:5px;padding:0 10px;color:#e8f0f3;border:1px solid #2b3d46;border-radius:10px;background:#0a141a}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:7px}.opponent-options{display:grid;gap:8px}.opponent-options button{display:block;padding:12px 14px;color:#e5edf0;text-align:left;border:1px solid #263841;border-radius:13px;background:#142129}.opponent-options button.selected{border-color:#24bcb0;box-shadow:inset 0 0 0 1px #24bcb0}.opponent-options b,.opponent-options small{display:block}.opponent-options small{margin-top:3px;color:#7f939e}.play-submit{margin-top:4px}.matchmaking-screen time{color:#d7b85b;font-size:24px;font-weight:900}.search-rings{display:grid;place-items:center;width:112px;height:112px;border:1px solid rgba(35,185,173,.45);border-radius:50%;box-shadow:0 0 0 18px #23b9ad14,0 0 0 36px #23b9ad0a;animation:pulse 1.5s ease-in-out infinite}.search-rings span{color:#d7b85b;font-size:52px}@keyframes pulse{50%{transform:scale(1.04)}}.challenge-card{display:grid;justify-items:center;margin-bottom:15px;padding:24px;border:1px solid rgba(215,184,91,.28);border-radius:19px;background:linear-gradient(145deg,#d7b85b1c,#101b22 65%);text-align:center}.challenge-card .online-avatar{width:62px;height:62px;margin-bottom:12px}.challenge-card h2{margin:5px 0}.challenge-card p,.challenge-card small{color:#8da0aa}.challenge-card b{margin:8px 0;color:#d7b85b;font-size:22px}.invite-link{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:11px;padding:9px;border:1px solid #263841;border-radius:13px;background:#0c161c}.invite-link span{overflow:hidden;align-self:center;color:#92a4ad;text-overflow:ellipsis;white-space:nowrap}.invite-link button{border:0;border-radius:9px;color:#24bcb0;background:#17262e}.challenge-actions{display:grid;gap:9px}.challenge-actions .secondary{width:100%}