:root{--primary:#4e5be8;--primary-hover:#3d48cb;--ink:#202337;--muted:#8a8e9f;--line:#eceef4;--bg:#f7f8fc;--white:#fff;--radius:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}button,input{outline:none}button:focus-visible,a:focus-visible{outline:3px solid #a6aefa;outline-offset:3px}input:focus{border-color:#6974eb;box-shadow:0 0 0 3px #4e5be814}h1,h2,h3,p{margin:0}.icon{height:20px;width:20px;flex-shrink:0;vertical-align:middle}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#9599ad}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;border:1px solid #e2e5ef;border-radius:9px;background:white;color:#535970;padding:11px 17px;font-size:13px;font-weight:600;min-height:42px;transition:background .15s,transform .15s}.btn:hover{background:#f6f7fd}.btn.primary{background:var(--primary);color:white;border-color:var(--primary);box-shadow:0 4px 9px #4e5be814}.btn.primary:hover{background:var(--primary-hover)}.btn.danger{background:#e24b58;color:white;border-color:#e24b58}.btn.subtle{border:0;background:#f6f7fb;color:#70758b;font-size:12px;padding:8px 12px;min-height:36px}.btn .icon{width:17px;height:17px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:#969bad;padding:7px;border-radius:7px}.icon-btn:hover{color:var(--primary);background:#f0f1fc}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:750;letter-spacing:.5px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#9599ab;font-weight:500;margin-top:6px}.brand-logo{background:var(--primary);width:39px;height:39px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:25px;font-weight:800;letter-spacing:-3px;padding-right:3px}.brand-logo span{color:#cde89d;font-size:35px;margin-top:-8px}.boot,.loading{padding:60px;text-align:center;color:var(--muted)}
/* Sign in */
.login-page{min-height:100svh;display:grid;grid-template-columns:48% 52%;background:#fff}.login-story{position:relative;min-height:750px;display:flex;flex-direction:column;background:#454fd2;color:white;padding:44px 9% 30px 10%;overflow:hidden}.login-brand .brand-logo{background:#ffffff1a}.login-brand small{color:#bdc2ff}.story-content{margin:auto 0;padding:75px 0 30px;position:relative}.eyebrow.light{color:#bdc3ff;font-size:9px;letter-spacing:2.7px}.story-content h1{font-size:58px;line-height:1.3;font-weight:650;letter-spacing:3px;margin:20px 0 23px}.lime{color:#d4f2a1}.story-content>p{font-size:15px;color:#c9cdff;line-height:1.95;letter-spacing:1px}.number-art{position:relative;max-width:365px;margin:48px 0 26px}.art-tiles{display:flex;gap:12px;transform:rotate(-5deg);padding-top:25px}.art-tiles>span{height:90px;flex:1;background:#ffffff12;display:grid;place-items:center;border:1px solid #ffffff2e;border-radius:14px;font-size:43px;color:white;box-shadow:0 12px 25px #25349b18}.art-tiles>span:nth-child(3){background:#d5f4a9;color:#364237;transform:translateY(-14px) rotate(10deg);border:0}.art-note{font-size:11px;letter-spacing:2px;color:#cbd0ff}.art-note span{margin-left:10px}.art-result{font-size:11px;display:flex;align-items:center;gap:8px;color:#d8dcff;margin-top:27px;justify-content:center}.result-dot{width:6px;height:6px;background:#d6f4ad;border-radius:50%}.art-spark{position:absolute;font-size:47px;right:-23px;top:-17px;color:#d7efa7}.story-footer{display:flex;justify-content:space-between;gap:16px;color:#b9c0ff;font-size:10px;letter-spacing:1px;margin-top:30px}.login-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px 30px}.login-form-wrap{width:100%;max-width:365px;margin:auto 0}.pill{display:inline-flex;align-items:center;gap:7px;color:#6670c7;background:#f0f2fd;border-radius:30px;padding:8px 12px;font-size:11px}.pill .icon{width:14px;height:14px}.login-form-wrap h2{font-size:29px;margin-top:25px;margin-bottom:12px;font-weight:650;letter-spacing:1px}.login-form-wrap>.muted{font-size:13px}.login-form-wrap form{margin-top:39px}.login-form-wrap label{font-size:12px;font-weight:600;display:block;margin-bottom:10px}.input-icon{position:relative;display:flex;align-items:center}.input-icon>.icon{position:absolute;left:15px;width:17px;color:#a5aabd}.input-icon input{height:49px;width:100%;border:1px solid #e3e6ee;border-radius:8px;padding:0 44px;font-size:13px;transition:.15s}.input-icon input::placeholder{color:#b4b8c7}.input-icon .icon-btn{position:absolute;right:7px}.label-line{display:flex;justify-content:space-between;align-items:baseline;margin-top:24px}.label-line span{font-size:10px;color:#9da2b1}.login-submit{width:100%;height:49px;justify-content:space-between;padding-left:22px;padding-right:21px;margin-top:5px}.form-error{color:#d84d5c;font-size:12px;line-height:1.6;min-height:23px;margin:10px 0}.login-hint{display:flex;justify-content:center;gap:7px;font-size:11px;color:#9a9fae;margin-top:26px}.login-hint .icon{width:14px;height:14px}.login-panel footer{font-size:10px;color:#a3a8b6;padding-top:60px}.login-panel footer span{margin:0 9px}
/* Application shell */
.layout{display:flex;min-height:100svh}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:white;display:flex;flex-direction:column;border-right:1px solid var(--line);padding:30px 20px 0;z-index:15}.sidebar .brand{padding-left:5px}.sidebar-divider{height:1px;background:var(--line);margin:27px 0 21px}.nav-caption{font-size:10px;color:#a8acba;padding-left:13px;margin-bottom:23px}.nav-group{display:block;font-size:10px;letter-spacing:1px;color:#a3a7b8;margin:0 12px 12px}.nav-group:not(:first-child){margin-top:27px}.nav-item{display:flex;align-items:center;width:100%;padding:13px 13px;gap:12px;font-size:12px;background:transparent;border:0;color:#70758a;border-radius:8px;text-align:left}.nav-item.active{background:#eef0ff;color:var(--primary);font-weight:650}.nav-item:hover{background:#f5f6fe}.nav-item>.icon{height:18px;width:18px}.nav-item .nav-chevron{margin-left:auto;width:13px;color:#a5aabc}.nav-dot{height:5px;width:5px;border-radius:50%;background:var(--primary);margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:70px}.break-note{background:#f8f9fd;border:1px solid #f0f1f7;border-radius:10px;padding:14px 12px}.break-note>.icon{color:#a1a8c9;width:19px;display:block;margin-bottom:11px}.break-note strong{font-size:10px;font-weight:600;color:#848ba3;display:block;white-space:nowrap}.break-note p{font-size:10px;color:#abb0c0;margin-top:7px}.sidebar-foot{display:flex;align-items:center;gap:6px;border-top:1px solid var(--line);margin-top:23px;padding:20px 0;font-size:9px;color:#a7acb9}.online-dot{width:5px;height:5px;background:#78b69b;border-radius:50%}.sidebar-foot>span:last-child{margin-left:auto}.workspace{flex:1;margin-left:224px;min-width:0;display:flex;flex-direction:column}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;border-bottom:1px solid var(--line);padding:0 37px}.breadcrumb{display:flex;gap:13px;align-items:center;font-size:11px}.breadcrumb>span{color:#9b9faf}.breadcrumb>.icon{width:12px;color:#b4b7c6}.breadcrumb strong{font-weight:500;color:#5c6277}.account{display:flex;align-items:center;gap:11px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eceeff;color:#6570d5;font-size:12px;font-weight:600;flex-shrink:0}.account>div{margin-right:14px}.account strong{display:block;font-size:11px;font-weight:600}.account small{display:block;color:#a3a7b7;font-size:9px;margin-top:4px}.account .icon{height:16px;width:16px}.account-divider{height:17px;width:1px;background:#e7e9f0}.content{padding:35px 37px 30px;max-width:1500px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading h1{font-size:26px;font-weight:650;letter-spacing:.5px;margin-top:12px;display:flex;align-items:center;gap:12px}.title-tag{font-size:10px;color:#7d84ba;background:#ebedf9;border-radius:5px;padding:4px 7px;letter-spacing:0;font-weight:500}.page-heading p{color:#9297a9;font-size:12px;margin-top:11px;line-height:1.8}.leaderboard-btn{font-size:12px;box-shadow:0 2px 5px #232c5710}.leaderboard-btn>.icon:first-child{color:#a29770}.leaderboard-btn>.icon:last-child{width:12px;margin-left:9px;color:#a5aabc}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.stat-card{border:1px solid var(--line);border-radius:12px;background:white;display:flex;align-items:center;gap:17px;padding:21px 23px}.stat-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.stat-icon.blue{color:#717ce7;background:#eff0ff}.stat-icon.amber{color:#cfa961;background:#fcf5e7}.stat-icon.mint{color:#6bad94;background:#ecf7f1}.stat-card>div>span{display:block;font-size:11px;color:#999daf}.stat-card strong{font-size:26px;font-weight:650;display:block;margin-top:7px;line-height:1}.stat-card strong small{font-size:10px;color:#a1a6b6;font-weight:400;margin-left:8px}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:23px;align-items:start}.game-main{display:flex;flex-direction:column;gap:22px;min-width:0}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.challenge-panel{padding:25px 27px 0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-heading h2{font-size:15px;font-weight:600}.panel-heading.compact{padding:22px 25px;border-bottom:1px solid var(--line)}.live-label{display:flex;align-items:center;gap:6px;color:#9a9fb3;font-size:10px;letter-spacing:.4px;margin-bottom:9px}.live-label i{width:5px;height:5px;border-radius:50%;background:#8690ec}.secret-tiles{display:flex;justify-content:center;gap:12px;margin:35px auto 17px}.secret-tiles>span{display:flex;align-items:center;justify-content:center;width:67px;height:77px;border:1px solid #e3e6fa;background:#f6f7fe;border-radius:11px;font-size:36px;color:#b7bdf2;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:500}.secret-tiles.revealed>span{background:#edf8f1;color:#439f78;border-color:#d8efdf}.secret-caption{text-align:center;color:#a0a5b7;font-size:10px;line-height:1.8}.secret-caption strong{color:#4d5cdb}.guess-label{display:block;text-align:center;margin:29px 0 13px;font-size:11px;color:#737a92}.guess-controls{display:flex;justify-content:center;align-items:center;gap:16px}.digit-inputs{display:flex;gap:8px}.digit-inputs input{height:49px;width:46px;min-width:0;border:1px solid #dfe3ef;border-radius:8px;text-align:center;font-size:24px;color:#414c96;caret-color:#5966df;background:#fff;font-variant-numeric:tabular-nums}.input-hint{text-align:center;font-size:9px;color:#b3b7c5;margin-top:12px;margin-bottom:27px}.submit-guess{height:49px;padding:0 20px;font-size:12px}.challenge-bottom,.feedback,.win-message{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;font-size:10px;border-top:1px solid var(--line);margin:0 -27px;padding:16px 12px;color:#a3a8b9;min-height:48px;line-height:1.7;background:#fdfdff}.challenge-bottom .icon,.feedback .icon,.win-message .icon{width:13px;height:13px}.feedback{background:#f6f7ff;color:#828ab3;border-color:#eff0fb}.feedback strong{color:#5965c7;font-weight:600}.win-message{background:#f1faf4;color:#62a484}.start-game{display:flex;margin:29px auto 27px;min-width:200px}.history-panel .panel-heading h2{font-size:13px}.count-badge{display:inline-block;border-radius:5px;padding:2px 6px;font-size:9px;color:#9298b6;background:#f0f2f8;margin-left:5px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:12px}th{font-size:10px;color:#a2a7b9;font-weight:500;background:#fcfcfe;padding:14px 24px;border-bottom:1px solid var(--line)}td{padding:16px 24px;border-bottom:1px solid #f1f2f7;color:#737a91}tr:last-child td{border-bottom:0}.attempt-no{font-family:ui-monospace,monospace;font-size:11px;color:#adb2c4}.guess-number{font-family:ui-monospace,monospace;letter-spacing:5px;font-size:16px;color:#596078;font-weight:600}.match-count{font-size:16px;font-weight:650;color:#6c77d4}.match-count>span{font-size:10px;font-weight:400;color:#b0b5c7;margin-left:4px}.match-count.complete{color:#4a9f79}.status-pill{padding:4px 8px;border-radius:5px;font-size:9px;color:#9c9fbb;background:#f3f4fa}.status-pill.success{color:#529d79;background:#edf8f1}.empty-history{text-align:center;padding:31px 15px 36px;color:#a5aabb}.empty-icon{color:#c6ccdf;width:43px;height:43px;background:#f6f7fc;margin:0 auto 15px;display:grid;place-items:center;border-radius:12px}.empty-history strong{font-size:11px;font-weight:500;color:#8f96ae}.empty-history p{font-size:10px;margin-top:8px;color:#b4b9c9}.rules-panel{padding:24px 22px}.side-title{display:flex;align-items:center;gap:9px}.side-title>.icon{width:17px;height:17px;color:#8c94b3}.side-title h2{font-size:13px;font-weight:600}.side-title>span{font-size:10px;font-family:monospace;color:#c4c9d8;margin-left:auto}.rules{padding:0;margin:25px 0 23px;list-style:none;display:flex;flex-direction:column;gap:21px}.rules li{display:flex;gap:11px}.rules li>span{height:22px;width:22px;display:grid;place-items:center;flex-shrink:0;color:#8c95ca;background:#f1f3fd;border-radius:7px;font-size:10px;font-weight:600}.rules strong{font-size:11px;color:#70778f;font-weight:600}.rules p{font-size:10px;color:#a1a7ba;line-height:1.9;margin-top:5px}.rule-example{border-top:1px dashed #e5e8f1;padding-top:18px}.rule-example>span{font-size:9px;color:#a5abbe}.rule-example p{font-size:10px;color:#8d94ab;margin-top:10px;line-height:1.8}.rule-example b{font-family:monospace;letter-spacing:2px;color:#7b83a8;font-size:12px}.rule-example>strong{font-size:10px;color:#7885cd;display:flex;justify-content:space-between;background:#f4f5fc;border-radius:5px;padding:9px 10px;margin-top:9px;font-weight:500}.rule-example .icon{height:13px;width:13px}.rule-example small{font-size:8px;color:#b9bdcd;display:block;margin-top:9px}.tip-card{position:relative;overflow:hidden;background:#eceefb;border-radius:14px;padding:22px 24px 25px;margin-top:21px}.tip-icon{height:29px;width:29px;display:grid;place-items:center;background:#e0e4fa;border-radius:8px;color:#838ed3;margin-bottom:15px}.tip-icon .icon{width:17px;height:17px}.tip-card .eyebrow{font-size:8px;letter-spacing:1.5px;color:#929bc3}.tip-card h3{font-size:18px;color:#6d78b4;font-weight:550;line-height:1.6;margin-top:10px}.tip-card p{font-size:10px;color:#9da5c7;line-height:2;margin-top:13px}.tip-decoration{position:absolute;right:15px;top:18px;font-size:63px;color:#d9dff7;font-weight:300;transform:rotate(12deg)}.ranking-note{display:flex;gap:7px;align-items:center;justify-content:center;font-size:8px;color:#b0b6c7;padding:17px 0}.ranking-note .icon{width:13px;height:13px}.page-footer{display:flex;justify-content:space-between;margin:15px 37px 23px;color:#b2b7c7;font-size:9px}.mobile-menu{display:none}
/* User management */
.user-overview{display:flex;align-items:center;gap:15px;padding:23px 25px;border:1px solid var(--line);background:white;border-radius:13px;margin-bottom:24px}.user-overview>div{display:flex;align-items:baseline;gap:12px}.user-overview strong{font-size:27px;font-weight:600}.user-overview>div>span{color:#9ca2b7;font-size:11px}.user-overview>.role-pill{margin-left:auto}.role-pill{padding:5px 9px;border-radius:5px;font-size:9px;background:#f4f5f9;color:#8e95aa;white-space:nowrap}.admin-role{color:#7883d0;background:#eef0fc}.search-box{display:flex;position:relative;align-items:center}.search-box .icon{position:absolute;left:11px;width:15px;height:15px;color:#a7adbf}.search-box input{width:220px;height:34px;border:1px solid #e8eaf2;border-radius:7px;font-size:11px;padding:0 10px 0 34px}.search-box input::placeholder{color:#aeb3c4}.member-cell{display:flex;align-items:center;gap:10px}.member-cell strong{font-weight:500;font-size:12px;color:#626b83}.avatar.soft{background:#edf4f5;color:#7b9b9b}.me-label{font-size:8px;background:#edf0ff;color:#8391d3;padding:2px 5px;border-radius:4px;margin-left:6px}.masked-password{letter-spacing:2px;color:#b3b9c9}.row-actions{display:flex;gap:14px;justify-content:flex-end}.text-btn{border:0;background:none;color:#818bc8;font-size:10px;padding:5px 0}.text-btn:hover{text-decoration:underline}.danger-text{color:#ce8995}.align-right{text-align:right}.table-footer{display:flex;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--line);font-size:9px;color:#a6adbf;gap:15px}.no-results{padding:55px;text-align:center;color:#a5acbe}.error-state{text-align:center;padding:40px}.error-state p{margin:15px 0;color:#9da5b9}
/* Dialogs */
.modal{border:1px solid #e8eaf5;border-radius:18px;max-width:450px;width:calc(100% - 32px);padding:0;color:var(--ink);box-shadow:0 24px 80px #1e285536;max-height:85svh;overflow:auto}.modal::backdrop{background:#202b4d60;backdrop-filter:blur(4px)}.modal.wide{max-width:600px}.modal-title{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-bottom:1px solid var(--line);gap:15px}.modal-title h2{font-size:16px;font-weight:600;display:flex;align-items:center;gap:10px}.modal-title h2>.icon{color:#c5a564}.modal-description{font-size:12px;color:#8f98b0;line-height:1.9;margin:20px 25px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin:20px 25px 24px}.dialog-form{padding-top:21px}.dialog-form label{display:block;font-size:12px;color:#747e98;margin:0 25px 20px}.dialog-form label input{display:block;width:100%;margin-top:9px;border:1px solid #dde2ee;border-radius:8px;height:43px;padding:0 12px;font-size:12px;color:#59647e}.dialog-form input::placeholder{color:#b3b9ca}.dialog-form input[readonly]{background:#f4f6fb;color:#a0a7bb}.dialog-form .form-error{margin-left:25px;margin-right:25px}.dialog-form .modal-description{margin-top:0}.my-ranking{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f2f4ff;padding:16px 18px;margin:15px 25px 22px;border-radius:9px;color:#8b95bc;font-size:11px}.my-ranking strong{color:#6677c4;margin-left:7px;font-size:14px}.ranking-table td{padding:15px 25px}.ranking-table td strong{font-weight:500;color:#69748e}.ranking-table td small{display:block;color:#a9b1c6;margin-top:5px;font-size:10px}.ranking-table .score{font-size:20px;color:#7080c7;font-weight:600;margin-right:4px}.ranking-table td:last-child{color:#a3acc1;font-size:10px}.is-me{background:#f7f8ff}.rank{width:25px;height:25px;display:grid;place-items:center;font-size:12px;color:#a6afc5}.rank .icon{height:20px;width:20px}.rank-1{color:#d3ab5d}.rank-2{color:#95a3b9}.rank-3{color:#b7957d}.ranking-foot{margin:17px 25px 21px}#toast{position:fixed;left:50%;top:24px;transform:translate(-50%,-20px);z-index:1000;background:#353d59;color:white;border-radius:10px;box-shadow:0 6px 25px #19264b24;padding:14px 20px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;max-width:90%;line-height:1.6}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#b45165}.sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1600px){.content{padding-top:44px}.game-grid{grid-template-columns:minmax(0,1fr) 310px}.challenge-panel{padding-top:30px}.secret-tiles{margin-top:43px}.secret-tiles>span{width:76px;height:88px}.guess-label{margin-top:34px}.input-hint{margin-bottom:32px}.rules-panel{padding:28px}.tip-card{padding:26px 28px}.login-story{padding-left:14%;padding-right:12%}.story-content h1{font-size:72px}}
@media(max-width:1150px){.sidebar{width:200px;padding-left:15px;padding-right:15px}.workspace{margin-left:200px}.content{padding:27px 24px}.topbar{padding:0 24px}.game-grid{grid-template-columns:minmax(0,1fr) 235px;gap:16px}.challenge-panel{padding-left:20px;padding-right:20px}.challenge-bottom,.feedback,.win-message{margin-left:-20px;margin-right:-20px}.guess-controls{gap:10px}.digit-inputs{gap:6px}.digit-inputs input{width:37px;height:45px}.submit-guess{padding:0 13px;font-size:11px;height:45px}.rules-panel{padding:21px 17px}.stat-card{padding:18px 16px;gap:12px}.stat-icon{width:38px;height:38px}.page-footer{margin-left:24px;margin-right:24px}.login-story{padding-left:9%;padding-right:9%}.story-content h1{font-size:49px}.art-tiles{gap:8px}.art-tiles>span{height:78px}.number-art{margin-top:40px}.history-panel .panel-heading .small{font-size:9px}.users-panel th,.users-panel td{padding-left:17px;padding-right:17px}}
@media(max-width:950px){.game-grid{grid-template-columns:1fr}.game-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tip-card{margin-top:0}.ranking-note{display:none}.rules{gap:15px}.page-heading p{max-width:330px}.stat-card{gap:10px}.stat-card strong{font-size:23px}.stat-icon{width:33px;height:33px;border-radius:9px}.stat-icon .icon{width:17px;height:17px}.stat-card>div>span{font-size:10px}.stat-card strong small{font-size:9px}.secret-tiles>span{width:65px;height:72px}.digit-inputs input{width:45px;height:49px}.submit-guess{height:49px;padding:0 20px}.login-story{min-height:690px}.story-content h1{font-size:42px}.story-content>p{font-size:12px}.art-spark{font-size:33px;right:-12px}.art-tiles>span{height:64px;font-size:31px}.story-footer{font-size:8px}.login-panel{padding-left:30px;padding-right:30px}.login-form-wrap h2{font-size:25px}.eyebrow.light{font-size:8px;letter-spacing:1.5px}}
@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:.2s;width:224px;box-shadow:8px 0 30px #24305012}.sidebar.mobile-open{transform:translateX(0);top:66px}.workspace{margin-left:0}.topbar{height:66px;padding:0 18px;position:sticky;top:0;z-index:20}.mobile-menu{display:inline-flex}.breadcrumb{gap:8px}.account{gap:6px}.account>div{margin-right:2px}.account strong{font-size:10px}.account small{font-size:8px}.account .avatar{width:29px;height:29px;font-size:10px}.account .icon-btn{padding:5px}.content{padding:26px 18px}.page-heading{align-items:flex-start;gap:10px}.page-heading h1{font-size:23px;margin-top:9px}.page-heading p{font-size:10px;max-width:245px;line-height:1.9}.page-heading .eyebrow{font-size:8px;letter-spacing:1.1px}.leaderboard-btn{padding:10px;font-size:10px;gap:5px;margin-top:22px}.leaderboard-btn>.icon:last-child{display:none}.leaderboard-btn>.icon:first-child{width:14px}.stats-grid{gap:8px;margin-bottom:18px}.stat-card{padding:15px 10px;display:block}.stat-card .stat-icon{width:29px;height:29px;margin-bottom:11px}.stat-card strong{font-size:23px;margin-top:9px}.stat-card strong small{margin-left:4px;font-size:8px}.stat-card>div>span{font-size:9px}.challenge-panel{padding-top:22px}.panel-heading h2{font-size:13px}.panel-heading .btn{font-size:10px;gap:5px;padding:7px 9px}.panel-heading .btn .icon{width:13px}.secret-tiles{gap:10px;margin-top:30px}.secret-tiles>span{width:58px;height:68px;font-size:30px}.guess-controls{flex-direction:column;gap:12px}.digit-inputs{gap:10px}.digit-inputs input{width:58px;height:49px}.submit-guess{width:262px}.input-hint{font-size:8px;margin-top:10px}.history-panel .panel-heading.compact{padding:18px}.history-panel .panel-heading .small{font-size:8px}.game-aside{grid-template-columns:1fr}.tip-card{display:none}.rules-panel{padding:22px}.rules{flex-direction:column;gap:18px}.rule-example small{font-size:9px}.rules p{font-size:11px}.rule-example p{font-size:11px}.page-footer{font-size:8px;margin:10px 18px 22px}.page-footer span{font-size:8px}.history-table th,.history-table td{padding:13px 17px}.login-page{display:block}.login-story{min-height:0;padding:26px 28px 30px}.login-brand{font-size:15px}.login-brand .brand-logo{height:33px;width:33px;font-size:22px}.login-brand small{font-size:7px;margin-top:4px}.story-content{padding:32px 0 0}.story-content h1{font-size:31px;margin:13px 0 0;line-height:1.4}.story-content h1 br{display:none}.story-content>p,.number-art,.story-footer{display:none}.eyebrow.light{font-size:7px}.login-panel{padding:33px 28px 25px;min-height:calc(100svh - 216px)}.login-form-wrap{max-width:400px}.login-form-wrap h2{font-size:24px;margin-top:20px}.login-form-wrap form{margin-top:28px}.login-panel footer{padding-top:38px;font-size:8px}.login-hint{font-size:9px}.user-overview{padding:18px;gap:12px}.user-overview>.role-pill{font-size:8px}.user-overview>div{gap:7px}.user-overview>div>span{font-size:10px}.user-overview strong{font-size:22px}.users-panel .panel-heading{padding:18px}.search-box input{width:160px;font-size:10px}.table-footer{font-size:8px;padding:15px}.users-panel th,.users-panel td{padding-left:16px;padding-right:16px}.page-heading>.btn.primary{font-size:10px;padding:9px 12px;margin-top:22px}.modal-title{padding:18px}.modal-title h2{font-size:14px}.my-ranking{margin-left:18px;margin-right:18px;font-size:9px;padding:13px 12px}.my-ranking strong{font-size:12px;margin-left:5px}.modal-description{font-size:11px;margin-left:18px;margin-right:18px}.ranking-table th,.ranking-table td{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Registration and account avatars */
img.avatar{object-fit:cover;display:block}.user-heading-actions{display:flex;align-items:center;gap:10px}.login-hint{align-items:center}.login-hint .text-btn{font-size:inherit;padding:0;color:var(--primary)}.register-wrap form{margin-top:23px}.register-form>label{display:block;margin-bottom:16px}.register-form>label input{display:block;width:100%;height:44px;border:1px solid #e3e6ee;border-radius:8px;margin-top:8px;padding:0 12px;font-size:12px}.register-form input::placeholder{color:#a5aabd}.avatar-picker{display:flex;align-items:center;gap:16px;margin-bottom:22px}.avatar-picker .avatar{width:64px;height:64px}.avatar-picker label.text-btn{color:var(--primary);cursor:pointer;margin:0 0 5px;font-size:12px}.avatar-picker input[type=file]{display:block;font-size:11px;max-width:240px;margin:6px 0}.avatar-picker small{display:block;font-size:10px;color:var(--muted)}.avatar-picker #reset-avatar{display:block;font-size:10px;margin-top:4px}.register-wrap h2{margin-top:18px}.invite-result{padding:24px;line-height:1.8;color:#737a91;font-size:12px}.invite-result label{display:block;margin:18px 0 6px;font-weight:600}.invite-result input{width:100%;padding:12px;border:1px solid #dfe3ef;border-radius:8px;font-family:monospace;font-size:14px;color:#414c96}.invite-result .btn{width:100%;margin:18px 0 10px}.invite-result #copy-status{font-size:11px;color:#8a8e9f}
@media(max-width:700px){.page-heading:has(.user-heading-actions){flex-wrap:wrap}.user-heading-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.user-heading-actions .btn{font-size:11px;padding:9px 12px}.register-wrap .avatar-picker input[type=file]{max-width:210px}.register-wrap form{margin-top:24px}}