@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap";:root{--bg-primary:#fff;--bg-secondary:#f7f6f3;--bg-card:#fff;--bg-surface:#f2f1ee;--accent:#00b899;--accent-dim:#00b8991a;--accent-border:#00b89940;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--coral:#f2603f;--coral-dim:#f2603f1a;--success:#00b899;--warning:#f59e0b;--error:#f2603f;--card-bg:#fff;--card-shadow:0 1px 4px #00000014, 0 4px 16px #0000000f;--border:#00000014;--border-subtle:#0000000a;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--sans:"DM Sans", system-ui, sans-serif;--display:"Bricolage Grotesque", system-ui, sans-serif;--bg:#f1f2f3;--bg-tint:#eceeef;--card:#fff;--ink:#1c2128;--ink-2:#5d6470;--ink-3:#9aa1ac;--line:#1c212817;--line-2:#1c21280d;--teal:#0a9e84;--teal-700:#08846f;--teal-soft:#e3f4ef;--mint:#9fe3d2;--orange:#e8920e;--orange-soft:#fcefd6;--green:#16a085;--green-soft:#dcf2ec;--blue:#2f6fd6;--blue-soft:#e0eafb;--coral-soft:#fde3dc;--amber:#d98a14;--shadow:0 18px 44px -22px #141e2d4d;--shadow-sm:0 10px 26px -16px #141e2d3d;--shadow-xs:0 2px 8px -4px #141e2d2e;--shadow-card:0 14px 30px -20px #141e2d66, 0 2px 6px -3px #141e2d1f;--fb-green:#16a085;--fb-orange:#e8920e;--fb-red:#f2603f;--r:22px;--r-sm:14px;--r-pill:999px;font-family:var(--sans);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-secondary);min-height:100dvh}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3{font-family:var(--display);color:var(--text-primary);font-weight:700}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-md);font-family:var(--sans);cursor:pointer;border:none;justify-content:center;align-items:center;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.btn-primary:hover{background:#009e83;transform:translateY(-1px);box-shadow:0 4px 16px #00b89940}.btn-primary:active{box-shadow:none;transform:none}.btn-primary:disabled,.btn-primary--disabled{opacity:.45;cursor:not-allowed;box-shadow:none;pointer-events:none;transform:none}.btn-secondary{color:var(--text-primary);border:1.5px solid var(--border);border-radius:var(--radius-md);font-family:var(--sans);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:11px 22px;font-size:15px;font-weight:500;text-decoration:none;transition:all .18s;display:inline-flex}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.app-header{background:var(--card);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.header-logo{font-family:var(--display);color:var(--accent);letter-spacing:-.5px;font-size:20px;font-weight:800;text-decoration:none}.header-right{align-items:center;gap:10px;display:flex}.header-item{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.header-item:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #00b89926}.header-item--notif{position:relative}.notif-badge{color:#fff;pointer-events:none;background:#f0440a;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.notif-backdrop{z-index:1000;background:#1c21284d;justify-content:flex-end;align-items:flex-start;padding:64px 16px 0;display:flex;position:fixed;inset:0}.notif-panel{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow), 0 0 0 1px var(--line);flex-direction:column;width:340px;max-width:calc(100vw - 32px);max-height:70vh;display:flex;overflow:hidden}.notif-panel-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 18px 14px;display:flex}.notif-panel-title{font-family:var(--display);color:var(--ink);letter-spacing:-.01em;margin:0;font-size:15px;font-weight:700}.notif-panel-close{cursor:pointer;color:var(--ink-3);background:0 0;border:none;padding:0;font-size:18px;line-height:1;transition:color .15s}.notif-panel-close:hover{color:var(--ink)}.notif-panel-body{flex:1;overflow-y:auto}.notif-empty{text-align:center;color:var(--ink-3);padding:28px 20px;font-size:13px}.notif-list{margin:0;padding:0;list-style:none}.notif-item{border-bottom:1px solid var(--line-2);align-items:flex-start;gap:10px;padding:12px 16px;transition:background .15s;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg-tint)}.notif-item--read{opacity:.5}.notif-icon{flex-shrink:0;margin-top:2px;font-size:18px}.notif-content{flex:1;min-width:0}.notif-text{color:var(--ink);margin:0 0 2px;font-size:13px;line-height:1.4}.notif-comment{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 2px;font-size:12px;font-style:italic;overflow:hidden}.notif-time{color:var(--ink-3);font-size:11px}.notif-link{color:var(--teal);flex-shrink:0;align-self:center;padding:4px;font-size:16px;text-decoration:none}.notif-link:hover{opacity:.7}.logout-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.logout-btn:hover{color:var(--coral);background:#ff6b6b14}.logout-modal-backdrop{z-index:1000;background:#1c212873;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.logout-modal{background:var(--card);border-radius:var(--r);width:90%;max-width:320px;box-shadow:var(--shadow);padding:24px}.logout-modal h3{font-family:var(--display);color:var(--ink);margin:0 0 8px;font-size:16px;font-weight:700}.logout-modal p{color:var(--ink-2);margin:0 0 20px;font-size:13px}.logout-modal-buttons{gap:8px;display:flex}.logout-modal-buttons button{flex:1}.streak-modal-backdrop{z-index:1001;background:#1c212873;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.streak-modal{background:var(--card);border-radius:var(--r);width:90%;max-width:420px;box-shadow:var(--shadow);max-height:80vh;padding:24px;overflow-y:auto}.streak-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.streak-modal-title{font-family:var(--display);color:var(--ink);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:700}.streak-modal-close{cursor:pointer;color:var(--ink-3);border-radius:var(--r-sm);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:18px;transition:background .15s,color .15s;display:flex}.streak-modal-close:hover{background:var(--bg-tint);color:var(--ink)}.streak-modal-content{flex-direction:column;gap:12px;display:flex}.streak-section{background:var(--bg-tint);border-radius:var(--r-sm);padding:14px 16px}.streak-section h3{font-family:var(--display);color:var(--ink);margin:0 0 8px;font-size:14px;font-weight:700}.streak-section p{color:var(--ink-2);margin:0;font-size:13px;line-height:1.5}.streak-list{color:var(--ink-2);margin:0;padding-left:16px;font-size:13px}.streak-list li{margin-bottom:6px}.streak-section.highlight{background:var(--teal-soft);border:1.5px solid #0a9e8440}.streak-modal-btn{width:100%;margin-top:8px}.login-page{background:var(--bg);background-image:radial-gradient(#1c21280a 1px,#0000 1px);background-size:24px 24px;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex;position:relative;overflow:hidden}.login-bg-glow{pointer-events:none;background:radial-gradient(#0a9e841c 0%,#0000 68%);width:700px;height:500px;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.login-card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow-card);text-align:center;border:1px solid #0a9e8417;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:52px 44px 40px;display:flex;position:relative}.login-brand{align-items:center;gap:12px;margin-bottom:22px;display:flex}.login-logo{border-radius:12px;flex-shrink:0;width:44px;height:44px}.login-brand-name{font-family:var(--display);color:var(--teal);letter-spacing:-.035em;font-size:26px;font-weight:800}.login-headline{font-family:var(--display);color:var(--ink);letter-spacing:-.03em;margin:0 0 10px;font-size:28px;font-weight:800;line-height:1.18}.login-tagline{color:var(--ink-2);margin:0 0 28px;font-size:14px;line-height:1.6}.login-mascot-preview{background:var(--teal-soft);border-radius:var(--r-sm);text-align:left;border:1px solid #0a9e8426;align-items:center;gap:14px;width:100%;margin-bottom:32px;padding:12px 20px;display:flex}.mascot-emoji{flex-shrink:0;font-size:28px;line-height:1}.mascot-info{flex-direction:column;gap:2px;display:flex}.mascot-level-badge{color:var(--teal-700);text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:600}.mascot-creature-name{color:var(--ink);font-size:15px;font-weight:700;font-family:var(--display)}.login-form{flex-direction:column;gap:10px;width:100%;display:flex}.login-label{color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;align-self:flex-start;margin-bottom:2px;font-size:12px;font-weight:600}.pseudo-input{background:var(--bg-tint);border:1.5px solid var(--line);border-radius:var(--r-sm);width:100%;color:var(--ink);font-family:var(--sans);box-sizing:border-box;outline:none;padding:15px 18px;font-size:16px;transition:border-color .15s,box-shadow .15s}.pseudo-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0a9e841f}.pseudo-input::placeholder{color:var(--ink-3)}.login-btn{background:var(--teal);color:#fff;border-radius:var(--r-pill);width:100%;font-family:var(--display);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:16px 24px;font-size:17px;font-weight:700;transition:background .15s,transform .15s,box-shadow .15s;display:flex;box-shadow:0 6px 24px -6px #0a9e848c}.login-btn:hover{background:var(--teal-700);transform:translateY(-2px);box-shadow:0 12px 28px -8px #0a9e8480}.login-btn:active{transform:none}.login-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.login-error{color:var(--coral);text-align:center;font-size:13px}.login-hint{color:var(--ink-3);margin-top:20px;font-size:12px}.collective-gauge{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);cursor:pointer;flex-direction:column;flex:1;justify-content:space-between;padding:24px;transition:all .18s;display:flex}.collective-gauge:hover{border-color:var(--accent-border);background:var(--card);box-shadow:0 4px 20px #00b8991a}.gauge-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.gauge-mascot{flex-shrink:0;font-size:40px;line-height:1}.gauge-info{flex-direction:column;flex:1;gap:4px;display:flex}.gauge-level{font-family:var(--display);margin:0;font-size:18px;font-weight:700}.gauge-xp{color:var(--text-secondary);margin:0;font-size:13px}.gauge-chevron{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:color .18s;display:flex}.collective-gauge:hover .gauge-chevron{color:var(--accent)}.gauge-bar-track{background:var(--bg-surface);border-radius:4px;flex-shrink:0;height:8px;margin:20px 0;overflow:hidden}.gauge-bar-fill{background:linear-gradient(90deg, var(--accent), #00e8b8);border-radius:4px;height:100%}.gauge-next{color:var(--text-muted);text-align:right;margin:0;font-size:13px}.levels-modal-backdrop{z-index:1000;background:#1c212873;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.levels-modal{background:var(--card);border-radius:var(--r);width:90%;max-width:520px;height:80dvh;box-shadow:var(--shadow);flex-direction:column;display:flex}.levels-modal-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.levels-modal-title{font-family:var(--display);color:var(--ink);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:700}.levels-modal-close{color:var(--ink-3);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:background .15s,color .15s;display:flex}.levels-modal-close:hover{background:var(--bg-tint);color:var(--ink)}.levels-modal-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:16px;display:grid}.levels-modal-card{background:var(--bg-tint);border-radius:var(--r-sm);border:1.5px solid #0000;gap:12px;padding:12px;transition:border-color .15s;display:flex}.levels-modal-card--unlocked{background:var(--teal-soft);border-color:#0a9e8440}.levels-modal-creature{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.levels-modal-lock{font-size:18px;position:absolute;top:-4px;right:-4px}.levels-modal-info{flex-direction:column;flex:1;gap:3px;display:flex}.levels-modal-name{font-family:var(--display);color:var(--ink);font-size:13px;font-weight:700}.levels-modal-xp{color:var(--ink-3);font-size:11px}.levels-modal-badge{color:var(--teal);margin-top:2px;font-size:11px;font-weight:600}.levels-modal-progress{flex-direction:column;gap:3px;margin-top:4px;display:flex}.levels-modal-progress-bar{background:var(--line);border-radius:2px;height:4px;overflow:hidden}.levels-modal-progress-fill{background:var(--teal);border-radius:2px;height:100%}.levels-modal-remaining{color:var(--ink-3);font-size:10px}.levels-modal-footer{border-top:1px solid var(--line);padding:12px 24px}.levels-modal-tabs{border-bottom:1px solid var(--line);background:var(--card);z-index:10;flex-shrink:0;gap:24px;padding:0 24px;display:flex;position:sticky;top:0}.levels-modal-tab{color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 0;font-size:14px;font-weight:600;transition:color .15s,border-color .15s}.levels-modal-tab:hover{color:var(--ink)}.levels-modal-tab--active{color:var(--teal);border-bottom-color:var(--teal)}.levels-modal-body{flex:1;padding:20px 24px;overflow-y:auto}.levels-modal-leaderboard{padding:16px 0}.leaderboard-list{flex-direction:column;display:flex}.leaderboard-item{border-bottom:1px solid var(--line-2);align-items:center;gap:12px;padding:10px 24px;font-size:14px;display:flex}.leaderboard-item:last-child{border-bottom:none}.leaderboard-rank{text-align:center;min-width:28px;font-size:18px}.leaderboard-name{color:var(--ink);flex:1;font-weight:600}.leaderboard-xp{color:var(--teal-700);font-weight:700;font-family:var(--display)}.leaderboard-item--active{background:var(--teal-soft);border-left:3px solid var(--teal)}.leaderboard-item--user{border-top:1px solid var(--line);background:var(--teal-soft);margin-top:12px;padding-top:12px}@media (width<=600px){.levels-modal-grid{grid-template-columns:1fr}.leaderboard-item{padding:10px 16px;font-size:13px}}.topbar{z-index:100;-webkit-backdrop-filter:saturate(140%)blur(12px);border-bottom:1px solid var(--line);background:#f1f2f3e0;position:sticky;top:0}.topbar-in{align-items:center;gap:14px;max-width:1200px;margin:0 auto;padding:14px 28px;display:flex;position:relative}.brand{font-family:var(--display);letter-spacing:-.04em;color:var(--teal);flex-shrink:0;align-items:center;gap:10px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.brand-mark{border-radius:6px;flex-shrink:0;width:34px;height:34px}.top-nav{align-items:center;gap:4px;display:flex}.nlink{color:var(--ink-2);white-space:nowrap;border-radius:10px;padding:9px 13px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.nlink:hover{background:var(--bg-tint);color:var(--ink)}.nlink--active{color:var(--teal);background:var(--teal-soft)}.nav-spacer{flex:1}.topbar-divider{background:var(--line);flex-shrink:0;width:1px;height:26px}.streak-pill{font-family:var(--display);color:var(--coral);background:var(--coral-soft);border-radius:var(--r-pill);cursor:pointer;border:none;flex-shrink:0;align-items:center;gap:6px;padding:7px 12px;font-size:14px;font-weight:700;transition:opacity .15s;display:inline-flex}.streak-pill:hover{opacity:.85}.streak-pill svg{flex-shrink:0;width:15px;height:15px}.icon-btn{width:38px;height:38px;color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.icon-btn:hover{background:var(--bg-tint);color:var(--ink)}.icon-btn svg{width:19px;height:19px}.header-notif-btn{position:relative}.me-link{color:var(--ink);border-radius:var(--r-pill);flex-shrink:0;align-items:center;gap:9px;padding:5px 11px 5px 6px;text-decoration:none;transition:background .15s;display:flex}.me-link:hover{background:var(--bg-tint)}.me-ava{background:linear-gradient(135deg, var(--teal), var(--green));color:#fff;width:32px;height:32px;font-family:var(--display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.me-name{color:var(--ink);font-size:14px;font-weight:600}.burger-btn,.nlink-logout-mobile{display:none}@media (width<=560px){.topbar-in{gap:8px;padding:11px 16px}.top-nav{display:none}.top-nav--open{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);z-index:200;border-radius:16px;flex-direction:column;gap:2px;padding:8px;display:flex;position:absolute;top:62px;left:16px;right:16px}.top-nav--open .nlink{padding:12px 14px}.nlink-logout-mobile{border-top:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;border-bottom:none;border-left:none;border-right:none;align-items:center;width:100%;margin-top:4px;padding-top:8px;display:flex;color:var(--red,#e05)!important}.logout-btn{display:none}.burger-btn{display:flex}.me-name,.topbar-divider,.streak-txt{display:none}}.hub-page{background:var(--bg);min-height:100dvh}.hub-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 28px 80px}.hub-part{margin-top:30px}.hub-part-2{margin-top:54px}.hub-part-head{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px;display:flex}.hub-kick{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);white-space:nowrap;font-size:13px;font-weight:700}.hub-kick-num{color:var(--teal);margin-right:8px}.hub-kick-rule{background:var(--ink);opacity:.14;border-radius:2px;flex:1;min-width:20px;height:1.5px}.hub-dateline{white-space:nowrap;letter-spacing:.02em;color:var(--ink-3);align-items:center;gap:11px;font-size:12.5px;font-weight:600;display:inline-flex}.hub-dateline-no{color:var(--ink);font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.hub-dateline-sep{background:var(--ink-3);opacity:.6;border-radius:50%;width:4px;height:4px}.hub-eyebrow{letter-spacing:.04em;color:var(--ink-2);align-items:center;gap:8px;margin-bottom:20px;font-size:12px;font-weight:600;display:inline-flex}.hub-eyebrow-dot{background:var(--teal);border-radius:50%;flex-shrink:0;width:7px;height:7px}.hub-hero{grid-template-columns:1.32fr 1fr;gap:22px;display:grid}.hub-hero-card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);flex-direction:column;padding:38px 40px;display:flex}.hub-hero-title{letter-spacing:-.03em;color:var(--ink);margin-bottom:16px;font-size:52px;font-weight:800;line-height:1.05}.hub-hero-p{color:var(--ink-2);max-width:36ch;margin-bottom:auto;font-size:17px;line-height:1.55}.hub-stat-row{flex-wrap:wrap;gap:10px;margin:28px 0;display:flex}.hub-spill{background:var(--bg);border-radius:var(--r-sm);flex-direction:column;flex:1;gap:3px;min-width:88px;padding:12px 16px;display:flex}.hub-spill-k{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;font-size:11px;font-weight:600}.hub-spill-k--live{align-items:center;gap:5px;display:inline-flex}.hub-spill-k--live .hub-ldot{flex-shrink:0;width:5px;height:5px}.hub-spill-v{font-family:var(--display);white-space:nowrap;color:var(--ink);font-size:18px;font-weight:700}.hub-spill--teal{background:var(--teal-soft)}.hub-spill--teal .hub-spill-v{color:var(--teal-700)}.hub-spill--amber .hub-spill-v{color:var(--amber)}.hub-spill--coral{background:var(--coral-soft)}.hub-spill--coral .hub-spill-v{color:var(--coral)}.hub-spill-unit{color:var(--ink-3);font-size:12px;font-weight:500}.hub-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.hub-btn-play{background:var(--teal);color:#fff;font-family:var(--display);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:11px;padding:16px 28px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 12px 24px -12px #0a9e84cc}.hub-btn-play:hover{background:var(--teal-700);transform:translateY(-2px);box-shadow:0 18px 30px -12px #0a9e84d9}.hub-btn-play svg{flex-shrink:0;width:18px;height:18px}.hub-btn-secondary{color:var(--ink);border:1.5px solid var(--border);font-family:var(--display);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:9px;padding:12px 22px;font-size:15px;font-weight:700;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.hub-btn-secondary:hover{border-color:var(--teal);color:var(--teal)}.hub-btn-secondary svg{flex-shrink:0;width:16px;height:16px}.hub-actions--done{gap:14px}.hub-ghost-link{color:var(--ink-2);cursor:pointer;background:0 0;border:none;padding:0;font-size:14.5px;font-weight:600;text-decoration:none;transition:color .15s}.hub-ghost-link:hover{color:var(--teal)}.hub-stage{border-radius:var(--r);box-shadow:var(--shadow);background:#10212b;flex-direction:column;display:flex;overflow:hidden}.hub-media{color:#fff;background:radial-gradient(120% 90% at 78% 12%,#0a9e846b,#0000 60%),radial-gradient(120% 100% at 12% 92%,#2f6fd64d,#0000 62%),linear-gradient(155deg,#13303c 0%,#0e1f29 70%);flex-direction:column;flex:1;justify-content:flex-end;min-height:340px;padding:24px;display:flex;position:relative}.hub-media:before{content:"";opacity:.1;pointer-events:none;background-image:linear-gradient(#fff9 1px,#0000 1px),linear-gradient(90deg,#fff9 1px,#0000 1px);background-position:50%;background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 75%);mask-image:radial-gradient(circle,#000 30%,#0000 75%)}.hub-media-top{z-index:2;justify-content:space-between;align-items:center;margin-bottom:0;display:flex;position:relative}.hub-media-kind{letter-spacing:.06em;text-transform:uppercase;color:#fff;border-radius:var(--r-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #ffffff2e;align-items:center;gap:7px;padding:6px 11px;font-size:11px;font-weight:700;display:inline-flex}.hub-media-kind svg{width:13px;height:13px}.hub-media-live{font-family:var(--display);letter-spacing:.04em;color:#ffffffb3;align-items:center;gap:7px;font-size:11px;font-weight:600;display:inline-flex}.hub-ldot{background:var(--mint);border-radius:50%;width:7px;height:7px;animation:2.4s ease-out infinite livePulse}.hub-media-center{z-index:1;flex:1;justify-content:center;align-items:center;padding:20px 0;display:flex;position:relative}.hub-demo-board{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:14px;width:188px;height:188px;display:grid}.hub-dtile{transform-origin:50%;background:#ffffff0f;border:1.8px solid;border-radius:16px;justify-content:center;align-items:center;animation:7s cubic-bezier(.7,0,.3,1) infinite tileSpin;display:flex;box-shadow:0 10px 26px -14px #0009}.hub-dtile-arrow{border:1.8px solid;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hub-dtile-arrow svg{width:20px;height:20px}.hub-dtile--o{border-color:var(--orange);color:#f6ad3e;animation-delay:0s}.hub-dtile--g{border-color:var(--green);color:#3fd2b6;animation-delay:1.1s}.hub-dtile--b{border-color:var(--blue);color:#6ea2f0;animation-delay:2.4s}.hub-dtile--c{border-color:var(--coral);color:#fb8567;animation-delay:1.8s}.hub-media-info{z-index:2;position:relative}.hub-media-info h3{color:#fff;letter-spacing:-.025em;margin-bottom:9px;font-size:22px;font-weight:800;line-height:1.08}.hub-media-info p{color:#ffffffbd;font-size:13.5px;line-height:1.55}.hub-rank-panel{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow-sm);margin-top:22px;padding:26px 28px}.hub-rank-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.hub-rank-title{color:var(--ink);margin:0;font-size:20px}.hub-rank-sub{color:var(--ink-2);margin-top:2px;font-size:13px;font-weight:500}.hub-rank-see{color:var(--ink-3);flex-shrink:0;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s}.hub-rank-see:hover{color:var(--teal)}.hub-rank-row{grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.hub-rank-item{background:var(--bg);border-radius:var(--r-sm);align-items:center;gap:12px;padding:14px 16px;display:flex}.hub-rank-item:first-child{background:linear-gradient(#fef6e6,#fdeecf)}.hub-rank-item--me{outline:2px solid var(--teal);outline-offset:-2px}.hub-rank-medal{width:32px;height:32px;font-family:var(--display);color:#fff;background:linear-gradient(135deg,#f3b53b,#df8f10);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.hub-rank-meta{flex-direction:column;min-width:0;display:flex}.hub-rank-nm{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;color:var(--ink);font-size:15px;font-weight:700;line-height:1.1;overflow:hidden}.hub-rank-pt{font-family:var(--display);color:var(--teal-700);margin-top:3px;font-size:14px;font-weight:700}.hub-rank-pt span{color:var(--ink-3);font-size:11px;font-weight:600;font-family:var(--sans)}.hub-rank-me{border-radius:var(--r-sm);background:var(--teal-soft);align-items:center;gap:12px;margin-top:12px;padding:10px 14px;display:flex}.hub-rank-see{cursor:pointer;background:0 0;border:none}.daily-lb-modal-backdrop{z-index:1000;background:#1c212880;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.daily-lb-modal{background:var(--card);border-radius:var(--r);width:100%;max-width:480px;max-height:80dvh;box-shadow:var(--shadow);flex-direction:column;display:flex}.daily-lb-modal-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.daily-lb-modal-title{font-family:var(--display);color:var(--ink);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:700}.daily-lb-modal-sub{color:var(--ink-3);margin-top:3px;font-size:12px;font-weight:500}.daily-lb-modal-close{cursor:pointer;color:var(--ink-3);border-radius:var(--r-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:flex}.daily-lb-modal-close:hover{background:var(--bg-tint);color:var(--ink)}.daily-lb-modal-body{flex:1;padding:16px 24px 24px;overflow-y:auto}.daily-lb-row{border-radius:var(--r-sm);background:var(--bg-tint);align-items:center;gap:12px;padding:10px 14px;display:flex}.daily-lb-row--me{background:var(--teal-soft);outline-offset:-1.5px;outline:1.5px solid #0a9e844d}.daily-lb-rank{width:28px;height:28px;font-family:var(--display);color:var(--ink-3);background:var(--line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.daily-lb-name{font-family:var(--display);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.daily-lb-you{text-transform:uppercase;letter-spacing:.05em;color:var(--teal);background:var(--teal-soft);border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600}.daily-lb-score{font-family:var(--display);color:var(--teal-700);flex-shrink:0;font-size:14px;font-weight:700}.daily-lb-score span{color:var(--ink-3);font-size:11px;font-weight:600;font-family:var(--sans)}.daily-lb-failed-note{color:var(--ink-3);text-align:center;margin-top:14px;font-size:12px}.daily-lb-modal-empty{color:var(--ink-3);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 0;font-size:14px;display:flex}.hub-create-block{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow-xs);justify-content:space-between;align-items:center;gap:22px;padding:28px 32px;display:flex}.hub-create-block--disabled{opacity:.65}.hub-create-title{font-family:var(--display);color:var(--ink);margin-bottom:5px;font-size:21px;font-weight:700}.hub-create-desc{color:var(--ink-2);font-size:14.5px}.hub-btn-create{background:var(--teal);color:#fff;font-family:var(--display);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;align-items:center;gap:10px;padding:14px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.hub-btn-create:hover{background:var(--teal-700);transform:translateY(-2px)}.hub-btn-create--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.hub-community-teaser{background:var(--card);border-radius:var(--r);text-align:center;box-shadow:var(--shadow-xs);border:1.5px dashed #141e2d1f;flex-direction:column;align-items:center;gap:6px;padding:40px 32px;display:flex}.hub-community-teaser-lock{background:var(--bg);width:56px;height:56px;color:var(--ink-3);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;display:inline-flex}.hub-community-teaser .hub-create-desc{max-width:460px}.hub-reveal-banner{background:linear-gradient(110deg, var(--teal-soft) 0%, var(--coral-dim) 100%);border-radius:var(--r);box-shadow:var(--shadow-sm);border:1.5px solid #0a9e8447;align-items:center;gap:22px;margin-bottom:22px;padding:24px 28px;animation:.5s cubic-bezier(.16,1,.3,1) hub-reveal-in;display:flex;position:relative}@keyframes hub-reveal-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hub-reveal-emoji{flex-shrink:0;font-size:34px;line-height:1}.hub-reveal-body{flex:1;min-width:0}.hub-reveal-title{font-family:var(--display);color:var(--ink);margin-bottom:4px;font-size:20px;font-weight:700}.hub-reveal-text{color:var(--ink-2);font-size:14.5px}.hub-reveal-close{width:28px;height:28px;color:var(--ink-2);cursor:pointer;background:#141e2d0f;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex;position:absolute;top:12px;right:12px}.hub-reveal-close:hover{color:var(--ink);background:#141e2d1f}@media (width<=640px){.hub-reveal-banner{text-align:left;flex-direction:column;align-items:flex-start}.hub-reveal-banner .hub-btn-create{justify-content:center;width:100%}}.hub-mycreated-left{flex:1;min-width:0}.hub-mycreated-stats{margin:14px 0 0}.hub-mycreated-right{flex-direction:column;flex-shrink:0;align-items:stretch;gap:10px;min-width:148px;display:flex}.hub-sec-head{justify-content:space-between;align-items:center;gap:14px;margin:38px 0 18px;display:flex}.hub-sec-head h2{color:var(--ink);margin:0;font-size:22px}.hub-sec-tab{color:var(--teal-700);background:var(--teal-soft);border-radius:var(--r-pill);white-space:nowrap;padding:7px 13px;font-size:13px;font-weight:700}@media (width<=920px){.hub-hero{grid-template-columns:1fr}.hub-hero-title{font-size:42px}.hub-rank-row{grid-template-columns:1fr}}@media (width<=560px){.hub-main{padding:0 16px 56px}.hub-hero-card{padding:26px 22px}.hub-hero-title{font-size:36px}.hub-hero-p{font-size:15px}.hub-stat-row{gap:8px}.hub-spill{flex:calc(50% - 4px);min-width:calc(50% - 4px)}.hub-actions{flex-direction:column;gap:12px}.hub-btn-play,.hub-btn-secondary{justify-content:center;width:100%}.hub-ghost-link{text-align:center}.hub-create-block{flex-direction:column;align-items:flex-start}.hub-btn-create{justify-content:center;width:100%}.hub-mycreated-right{width:100%}.hub-rank-head{flex-direction:column;gap:8px}}.hub-section--spaced{margin-top:44px}.community-groups{flex-direction:column;gap:16px;display:flex}.community-group-date{color:var(--text-muted);text-transform:capitalize;letter-spacing:.04em;border-bottom:1px solid var(--border);margin:0 0 12px;padding-bottom:8px;font-size:13px;font-weight:700}.community-show-more{background:var(--card);border:1.5px dashed var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;text-align:center;padding:12px;font-size:13px;font-weight:600;transition:all .15s;display:block}.community-show-more:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.community-sort{flex-shrink:0;gap:6px;display:flex}.community-sort-btn{color:var(--ink-2);border:1.5px solid var(--line);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;background:0 0;padding:7px 13px;font-size:13px;font-weight:600;transition:all .15s}.community-sort-btn:hover{border-color:var(--teal);color:var(--teal)}.community-sort-btn.is-active{color:var(--teal-700);background:var(--teal-soft);border-color:#0000}.pc-upvotes{font-family:var(--display);color:var(--teal-700);background:var(--teal-soft);border-radius:var(--r-pill);white-space:nowrap;flex-shrink:0;margin-left:auto;padding:4px 9px;font-size:12.5px;font-weight:700;position:relative}.pc-upvotes-tip{color:#fff;font-family:var(--sans);letter-spacing:0;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;z-index:20;background:#111;border-radius:8px;width:max-content;max-width:220px;padding:7px 11px;font-size:12px;font-weight:600;line-height:1.3;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(4px);box-shadow:0 6px 18px #00000038}.pc-upvotes-tip:after{content:"";border:5px solid #0000;border-top-color:#111;position:absolute;top:100%;right:14px}.pc-upvotes:hover .pc-upvotes-tip{opacity:1;visibility:visible;transform:translateY(0)}.top-sections{grid-template-columns:1fr 1fr;gap:30px;margin-top:44px;margin-bottom:60px;display:grid}.top-sections>section{flex-direction:column;display:flex}.section-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:24px;font-size:24px;font-weight:700;display:flex}.section-tip{color:var(--text-muted);cursor:default;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.section-tip:after{content:attr(data-tip);background:var(--text-primary);color:#fff;font-size:12px;font-weight:400;font-family:var(--sans);border-radius:var(--radius-sm);white-space:normal;pointer-events:none;opacity:0;z-index:200;width:min(220px,100vw - 40px);padding:7px 10px;line-height:1.4;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.section-tip:before{content:"";border:5px solid #0000;border-top:5px solid var(--text-primary);pointer-events:none;opacity:0;z-index:200;transition:opacity .15s;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%)}.section-tip:hover:after,.section-tip:hover:before{opacity:1}.my-grid-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);min-height:200px;box-shadow:var(--card-shadow);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.my-grid-empty{text-align:center;width:100%}.my-grid-empty h3{color:var(--text-secondary);margin-bottom:16px;font-size:16px;font-weight:600}.create-grid-btn{background:var(--accent);color:#fff;border-radius:var(--radius-md);font-family:var(--sans);cursor:pointer;border:none;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-block}.create-grid-btn:hover{background:#009e83;transform:translateY(-2px);box-shadow:0 4px 16px #00b89940}.create-grid-btn--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.my-grid-forfeit-hint{color:var(--text-secondary);margin-bottom:16px;font-size:13px;line-height:1.5}.my-grid-card-container{flex-direction:column;flex:1;width:100%;display:flex}.my-grid-card-container .card-v2{width:100%;height:100%}.cards-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:0;display:grid}@media (width<=920px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.cards-grid{grid-template-columns:1fr}}.empty-state{background:var(--card);border:1.5px dashed var(--border);border-radius:var(--radius-lg);text-align:center;color:var(--text-secondary);padding:60px 40px}.empty-state p{margin-bottom:20px;font-size:16px}@media (width<=768px){.hub-main{padding:24px 16px}.top-sections{grid-template-columns:1fr;gap:20px;margin-bottom:40px}.cards-grid{grid-template-columns:1fr;gap:14px;margin-bottom:0}}@media (width<=600px){.hub-main{padding:16px}.section-title{margin-bottom:16px;font-size:18px}.top-sections{grid-template-columns:1fr;gap:12px;margin-bottom:32px}.cards-grid{grid-template-columns:1fr;gap:12px}.empty-state{padding:40px 20px}}.pcard{border-radius:var(--r);background:var(--card);box-shadow:var(--shadow-sm);border:1px solid #0000;transition:transform .18s,box-shadow .18s}.pcard:hover{box-shadow:var(--shadow);border-color:var(--line-2);transform:translateY(-4px)}.pcard-link{color:inherit;padding:22px;text-decoration:none;display:block}.pc-top{align-items:center;gap:11px;margin-bottom:18px;display:flex}.pc-ava{color:#fff;width:40px;height:40px;font-family:var(--display);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.pc-name{font-family:var(--display);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:15px;font-weight:700;line-height:1.15;overflow:hidden}.pc-name small{font-family:var(--sans);color:var(--ink-3);margin-top:2px;font-size:11px;font-weight:500;display:block}.pc-grid{grid-template-columns:1fr 1fr;gap:14px 10px;display:grid}.pc-k{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px;font-size:10px;font-weight:700}.pc-v{font-family:var(--display);color:var(--ink);font-size:14.5px;font-weight:700}.pc-v--teal{color:var(--teal-700)}.pc-v--amber{color:var(--amber)}.pc-v--coral{color:var(--coral)}.pc-badge{color:var(--ink-2);background:var(--bg);border-radius:var(--r-pill);white-space:nowrap;font-size:11px;font-weight:700;font-family:var(--sans);padding:3px 9px;display:inline-block}.pc-badge--done{color:var(--teal-700);background:var(--teal-soft)}.pc-badge--progress{color:var(--amber);background:var(--orange-soft)}.grid-card-skeleton{background:var(--bg-surface);border-radius:var(--radius-md);height:68px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes tileSpin{0%{transform:rotate(0)}14%{transform:rotate(90deg)}32%{transform:rotate(90deg)}46%{transform:rotate(180deg)}64%{transform:rotate(180deg)}78%{transform:rotate(270deg)}to{transform:rotate(360deg)}}@keyframes livePulse{0%{box-shadow:0 0 #9fe3d299}70%{box-shadow:0 0 0 7px #9fe3d200}to{box-shadow:0 0 #9fe3d200}}@media (prefers-reduced-motion:reduce){.hub-dtile,.hub-ldot{animation:none}}.hub-empty{text-align:center;color:var(--text-secondary);border:1.5px dashed var(--border);border-radius:var(--radius-lg);padding:44px 20px}.hub-loading{flex-direction:column;gap:10px;display:flex}.word-card{width:var(--slot-size,210px);height:var(--slot-size,210px);border:1px solid var(--line);box-shadow:var(--shadow-card);grid-template-areas:".top.""left center right"".bottom.";grid-template-columns:clamp(22px, calc(var(--slot-size,210px) * .19), 40px) 1fr clamp(22px, calc(var(--slot-size,210px) * .19), 40px);grid-template-rows:clamp(22px, calc(var(--slot-size,210px) * .19), 40px) 1fr clamp(22px, calc(var(--slot-size,210px) * .19), 40px);-webkit-user-select:none;user-select:none;background:#fff;border-radius:18px;flex-shrink:0;place-items:center;transition:border-color .18s,box-shadow .18s,transform .15s;display:grid;position:relative;overflow:hidden}.word-card-draggable:hover .word-card{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.word-card-draggable:active .word-card{box-shadow:var(--shadow-xs);transform:scale(.97)}.word-card-badge{pointer-events:none;border-radius:4px;flex-shrink:0;width:12px;height:12px;position:absolute;top:9px;left:9px}.word-card--correct{box-shadow:0 0 0 3px #16a0852e;border-color:var(--fb-green)!important}.word-card--rotation{box-shadow:0 0 0 3px #e8920e2e;border-color:var(--fb-orange)!important}.word-card--wrong{box-shadow:0 0 0 3px #f2603f2e;border-color:var(--fb-red)!important}.word-card--dragging{opacity:.35;box-shadow:0 20px 40px #00000026}.word-card-top,.word-card-bottom{font-family:var(--display);font-size:clamp(10px, calc(var(--slot-size,210px) * .072), 18px);text-align:center;letter-spacing:.03em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;grid-area:top;max-width:100%;font-weight:700;overflow:hidden}.word-card-bottom{grid-area:bottom}.word-card-left,.word-card-right{font-family:var(--display);font-size:clamp(9px, calc(var(--slot-size,210px) * .064), 16px);text-align:center;letter-spacing:.03em;text-transform:uppercase;max-width:calc(var(--slot-size,210px) - 2 * clamp(22px, calc(var(--slot-size,210px) * .19), 40px) - 4px);text-overflow:ellipsis;grid-area:left;font-weight:700;line-height:1;overflow:hidden}.word-card-right{grid-area:right}.word-card-draggable{cursor:grab;display:inline-flex;position:relative}.word-card-draggable:active{cursor:grabbing}.word-card-rotate{border:2px solid var(--card-color,var(--teal));width:46px;height:46px;color:var(--card-color,var(--teal));cursor:pointer;z-index:10;opacity:0;background:#fffffff5;border-radius:50%;justify-content:center;align-items:center;font-size:22px;transition:background .15s,color .15s,opacity .15s,transform .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 10px #00000024}.word-card-draggable:hover .word-card-rotate{opacity:1}.word-card-rotate:hover{background:var(--card-color,var(--teal));color:#fff;opacity:1;transform:translate(-50%,-50%)scale(1.1)}.card-tray-item .word-card-rotate{width:34px;height:34px;font-size:17px}@media (hover:none){.card-tray-item .word-card-rotate{display:none}}.clover-wrapper{background:#1c212805;border-radius:24px;grid-template:".top."76px"left grid right"".bottom."76px/116px 1fr 116px;align-self:center;place-items:center;margin:0 auto;display:grid;position:relative}.clue{font-family:var(--display);color:var(--teal-700);text-align:center;background:var(--teal-soft);border-radius:var(--r-sm);white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:8px 14px;font-size:clamp(15px,2vw,21px);font-weight:700;overflow:hidden}.clue--top{grid-area:top}.clue--bottom{grid-area:bottom}.clue--left{writing-mode:vertical-rl;max-width:none;max-height:calc(var(--slot-size,210px) * 2 + 18px);grid-area:left;padding:14px 8px;transform:rotate(180deg)}.clue--right{writing-mode:vertical-rl;max-width:none;max-height:calc(var(--slot-size,210px) * 2 + 18px);grid-area:right;padding:14px 8px}.clue-input{background:var(--teal-soft);border-radius:var(--r-sm);color:var(--teal-700);font-family:var(--display);text-align:center;border:1.5px solid #0000;outline:none;width:110px;padding:8px 12px;font-size:17px;font-weight:700;transition:border-color .18s,background .18s}.clue-input:focus{border-color:var(--teal);background:var(--card)}.clue-input::placeholder{color:var(--ink-3);font-weight:500}.clue-input--top{grid-area:top;justify-self:stretch;width:100%}.clue-input--bottom{grid-area:bottom;justify-self:stretch;width:100%}.clue-input--left{grid-area:left;width:108px}.clue-input--right{grid-area:right;width:108px}.clue-side-btn{appearance:none;background:var(--teal-soft);border-radius:var(--r-sm);color:var(--teal-700);font-family:var(--display);cursor:pointer;border:1.5px solid #0000;align-self:stretch;min-width:30px;padding:0;font-size:13px;font-weight:700;transition:border-color .15s,background .15s;position:relative;overflow:hidden}.clue-side-btn__text{white-space:nowrap;display:block;position:absolute;top:50%;left:50%}.clue-side-btn--left{grid-area:left}.clue-side-btn--left .clue-side-btn__text{transform:translate(-50%,-50%)rotate(90deg)}.clue-side-btn--right{grid-area:right}.clue-side-btn--right .clue-side-btn__text{transform:translate(-50%,-50%)rotate(-90deg)}.clue-side-btn--active{border-color:var(--teal);background:var(--card);outline:2px solid var(--teal);outline-offset:1px}.clue-side-btn--empty{color:var(--ink-3);font-size:17px;font-weight:400}.clue-lateral--desktop{display:block}.clue-lateral--mobile{display:none}@media (width<=680px){.clue-lateral--desktop{display:none}.clue-lateral--mobile{display:flex}.clover-wrapper{grid-template-rows:56px auto 56px;grid-template-columns:36px 1fr 36px}.clue-side-btn{min-width:32px}}.clue-lateral-backdrop{z-index:1009;position:fixed;inset:0}.clue-lateral-editor{background:var(--card);border:2px solid var(--teal);border-radius:var(--radius-md);z-index:1010;box-shadow:var(--shadow);box-sizing:border-box;align-items:center;gap:10px;min-width:260px;max-width:calc(100vw - 32px);padding:12px 14px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.clue-lateral-label{color:var(--ink-3);white-space:nowrap;font-size:12px;font-weight:700}.clue-lateral-input{background:var(--teal-soft);border-radius:var(--r-sm);color:var(--teal-700);font-family:var(--display);text-align:center;border:1.5px solid #0000;outline:none;flex:1;min-width:0;padding:8px 12px;font-size:17px;font-weight:700;transition:border-color .18s}.clue-lateral-input:focus{border-color:var(--teal);background:var(--card)}.clue-lateral-input::placeholder{color:var(--ink-3);font-weight:500}.clover-grid{grid-area:grid;grid-template-columns:var(--slot-size,210px) var(--slot-size,210px);grid-template-rows:var(--slot-size,210px) var(--slot-size,210px);gap:18px;display:grid}.clover-slot{width:var(--slot-size,210px);height:var(--slot-size,210px);border-radius:18px;justify-content:center;align-items:center;transition:background .15s;display:flex}.clover-slot--over{background:var(--teal-soft);outline:2px dashed var(--teal);outline-offset:-2px}.clovercard-motion{width:100%;height:100%}.clovercard-motion--moving{z-index:6;border-radius:18px;animation:.5s cardSwapGlow;position:relative}@keyframes cardSwapGlow{0%{box-shadow:0 0 #0a9e8400}35%{box-shadow:0 12px 30px -4px #0a9e848c,0 0 0 3px #0a9e84e6}to{box-shadow:0 0 #0a9e8400}}.clover-slot--empty .clover-slot-placeholder{background:#ffffff8c;border:2px dashed #1c212826;border-radius:18px;width:100%;height:100%}.play-page,.create-page{background:var(--bg);height:100dvh;padding-bottom:var(--footer-h);--tray-w:230px;--feedback-w:420px;--mini-card-size:clamp(64px, calc((var(--feedback-w) - 76px) / 2), 150px);--slot-size:min(calc((100dvh - 316px) / 2), calc((100vw - var(--tray-w) - var(--feedback-w) - 280px) / 2), 220px);--header-h:64px;--footer-h:72px;background-image:radial-gradient(#1c21280a 1px,#0000 1px);background-size:24px 24px;flex-direction:column;display:flex;overflow:hidden}@media (width>=769px) and (width<=1100px){.play-page,.create-page{--tray-w:190px;--feedback-w:270px;--mini-card-size:90px;--slot-size:min(calc((100dvh - 316px) / 2), calc((100vw - var(--tray-w) - 40px) / 2), 280px)}}@media (width<=768px){.play-page,.create-page{--tray-w:0px;--feedback-w:100vw;--mini-card-size:110px;--slot-size:min(calc((100vw - 32px) / 2), calc((100dvh - 340px) / 2), 190px);height:auto;overflow-y:auto}}@media (width<=480px){.play-page,.create-page{--mini-card-size:88px;--slot-size:min(calc((100vw - 140px) / 2), 140px)}}.play-tray-drawer{left:0;top:var(--header-h);bottom:var(--footer-h);width:var(--tray-w);border-right:1px solid var(--line);z-index:40;-webkit-backdrop-filter:blur(6px);background:#fff6;flex-direction:column;align-items:center;padding:16px 0 12px;transition:background .18s,box-shadow .18s;display:flex;position:fixed;overflow:hidden}.play-tray-drawer--over{background:var(--teal-soft);box-shadow:inset 0 0 0 2px var(--teal)}.tray-header{flex-direction:column;align-items:center;gap:2px;width:100%;margin-bottom:12px;padding:0 10px;display:flex}.tray-header-label{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:700}.tray-header-count{font-family:var(--display);color:var(--ink-3);font-size:11px;font-weight:600}.tray-cards{flex-direction:column;flex:1;align-items:center;gap:8px;width:100%;padding:4px 0;display:flex;overflow:hidden}.card-tray-item{transform-origin:50%;margin:calc(var(--slot-size,210px) * -.2) 0;flex-shrink:0;transform:scale(.6)}.tray-cards:has(>.card-tray-item:nth-child(5)) .card-tray-item{margin:calc(var(--slot-size,210px) * -.27) 0;transform:scale(.46)}.card-tray-item .word-card-top,.card-tray-item .word-card-bottom{font-size:20px}.card-tray-item .word-card-left,.card-tray-item .word-card-right{font-size:18px}:is(.tray-cards:has(>.card-tray-item:nth-child(5)) .card-tray-item .word-card-top,.tray-cards:has(>.card-tray-item:nth-child(5)) .card-tray-item .word-card-bottom){font-size:26px}:is(.tray-cards:has(>.card-tray-item:nth-child(5)) .card-tray-item .word-card-left,.tray-cards:has(>.card-tray-item:nth-child(5)) .card-tray-item .word-card-right){font-size:22px}@media (width<=768px){.play-tray-drawer{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;width:100%;height:auto;padding:8px 16px;transition:max-height .25s,padding .25s,border .25s;position:relative;top:auto;bottom:auto;left:auto;overflow:auto hidden}.play-tray-drawer--empty{border-bottom:none;max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}.tray-cards{flex-direction:row;flex:none;gap:0;padding-right:24px;overflow:auto hidden}.card-tray-item{flex-shrink:0;margin:-16px -22px!important;transform:scale(.62)!important}.tray-cards:has(>.card-tray-item:nth-child(5)) .card-tray-item{margin:-18px -26px!important;transform:scale(.5)!important}.card-tray-item .word-card-top,.card-tray-item .word-card-bottom{letter-spacing:0;font-size:13px}.card-tray-item .word-card-left,.card-tray-item .word-card-right{letter-spacing:0;font-size:11px}:is(.tray-cards:has(>.card-tray-item:nth-child(5)) .card-tray-item .word-card-top,.tray-cards:has(>.card-tray-item:nth-child(5)) .card-tray-item .word-card-bottom){letter-spacing:0;font-size:16px}:is(.tray-cards:has(>.card-tray-item:nth-child(5)) .card-tray-item .word-card-left,.tray-cards:has(>.card-tray-item:nth-child(5)) .card-tray-item .word-card-right){letter-spacing:0;font-size:14px}}.play-main{margin-left:var(--tray-w);margin-right:var(--feedback-w);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:16px 0;transition:margin-right .3s;display:flex;position:relative;overflow:hidden}:is(.play-page:has(.play-feedback-drawer--collapsed) .play-main,.play-page:has(.play-feedback-drawer--hidden) .play-main){margin-right:0}@media (width>=769px) and (width<=1100px){.play-main{margin-right:0!important}}@media (width<=768px){.play-main{margin:0;padding:16px 20px}.btn-reset{align-self:flex-end;width:auto;margin-bottom:10px;position:static}}.play-grid-area{flex-direction:column;align-items:center;gap:8px;display:flex}.btn-reset{border-radius:var(--radius-md);background:var(--accent);color:#fff;width:auto;height:36px;font-size:14px;font-weight:600;font-family:var(--sans);cursor:pointer;z-index:5;border:none;justify-content:center;align-items:center;gap:6px;padding:0 14px;transition:all .18s;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 2px 8px #00b89940}.btn-reset:hover:not(:disabled){background:#009e83;transform:translateY(-1px);box-shadow:0 4px 14px #00b89959}.btn-reset:disabled{opacity:.3;cursor:default;background:var(--bg-surface);color:var(--text-muted);box-shadow:none}.play-feedback-drawer{right:0;top:var(--header-h);bottom:var(--footer-h);width:var(--feedback-w);background:var(--card);border-left:1px solid var(--line);z-index:40;box-shadow:var(--shadow-sm);flex-direction:column;padding:0;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;overflow-y:auto}.play-feedback-drawer--collapsed,.play-feedback-drawer--hidden{pointer-events:none;transform:translate(100%)}@media (width>=769px) and (width<=1100px){.play-feedback-drawer{box-shadow:var(--shadow);z-index:60;width:var(--feedback-w)!important;border-left:none!important}.play-feedback-drawer--collapsed,.play-feedback-drawer--hidden{transform:translate(110%)}}@media (width<=768px){.play-feedback-drawer{left:0;right:0;bottom:var(--footer-h);border-top:1px solid var(--line);z-index:60;max-height:54vh;box-shadow:0 -8px 28px #141e2d24;border-left:none!important;width:100%!important;top:auto!important}.play-feedback-drawer--collapsed,.play-feedback-drawer--hidden{transform:translateY(110%)}}.play-history{flex-direction:column;flex:1;width:100%;display:flex}.play-history-tabs{border-bottom:1px solid var(--line);background:var(--card);z-index:2;flex-shrink:0;align-items:stretch;gap:0;padding:0 8px 0 0;display:flex;position:sticky;top:0}.play-history-tab{font-family:var(--display);cursor:pointer;color:var(--ink-3);text-align:center;white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;flex:1;margin-bottom:-1px;padding:13px 6px;font-size:12px;font-weight:700;transition:all .18s}.play-history-tab:hover:not(:disabled){background:var(--bg-tint);color:var(--ink-2)}.play-history-tab--active{background:var(--card);color:var(--teal);border-color:var(--line);border-bottom-color:var(--card)}.play-history-tab--locked{opacity:.32;cursor:default;pointer-events:none}.play-feedback-close{width:32px;height:32px;color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;margin:0 4px;font-size:13px;transition:background .15s,color .15s;display:flex}.play-feedback-close:hover{background:var(--bg-tint);color:var(--ink)}.pfd-tiles{flex-direction:column;flex-shrink:0;gap:10px;padding:14px 16px;display:flex}.pfd-tile{border-radius:14px;flex-direction:row;align-items:center;gap:18px;padding:14px 18px;display:flex}.pfd-tile--green{background:var(--green-soft)}.pfd-tile--orange{background:var(--orange-soft)}.pfd-tile--red{background:var(--coral-soft)}.pfd-tile-num{font-family:var(--display);text-align:center;flex-shrink:0;min-width:32px;font-size:36px;font-weight:800;line-height:1}.pfd-tile--green .pfd-tile-num{color:var(--fb-green)}.pfd-tile--orange .pfd-tile-num{color:var(--fb-orange)}.pfd-tile--red .pfd-tile-num{color:var(--fb-red)}.pfd-tile-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pfd-tile-title-row{align-items:center;gap:7px;display:flex}.pfd-tile-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pfd-tile--green .pfd-tile-dot{background:var(--fb-green)}.pfd-tile--orange .pfd-tile-dot{background:var(--fb-orange)}.pfd-tile--red .pfd-tile-dot{background:var(--fb-red)}.pfd-tile-title{font-family:var(--display);color:var(--ink);font-size:14px;font-weight:700;line-height:1.2}.pfd-tile-subtitle{color:var(--ink-2);padding-left:15px;font-size:12px;font-weight:400;line-height:1.4}.pfd-tile-info-btn{color:var(--ink-3);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;font-size:13px;line-height:1;transition:color .15s;display:inline-flex;position:relative}.pfd-tile-info-btn:hover{color:var(--ink)}.pfd-config-section{border-top:1px solid var(--line-2);flex-direction:column;flex-shrink:0;gap:10px;padding:16px;display:flex}.pfd-config-label{font-family:var(--display);color:var(--ink-2);letter-spacing:.02em;text-transform:uppercase;font-size:13px;font-weight:700}.play-mini-grid-center{justify-content:center;display:flex}.pfd-config-header{align-items:center;gap:6px;display:flex}.pfd-config-info-btn{color:var(--ink-3);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:14px;line-height:1;transition:color .15s;display:inline-flex;position:relative}.pfd-config-info-btn:hover{color:var(--ink)}.pfd-custom-tooltip{color:#fff;font-family:var(--body);text-align:left;white-space:normal;pointer-events:none;z-index:100;background:#1a1e26;border-radius:10px;width:220px;padding:10px 14px;font-size:12px;font-weight:400;line-height:1.5;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px -6px #00000059}.pfd-custom-tooltip:after{content:"";border:6px solid #0000;border-top-color:#1a1e26;position:absolute;top:100%;left:50%;transform:translate(-50%)}.pfd-custom-tooltip--left{inset:calc(100% + 8px) 0 auto auto;transform:none}.pfd-custom-tooltip--left:after{border-top-color:#0000;border-bottom-color:#1a1e26;inset:auto 12px 100% auto;transform:none}.pfd-custom-tooltip--center{text-align:center;width:max-content;max-width:260px}.pfd-custom-tooltip--center strong{white-space:nowrap;font-weight:700;display:block}.pfd-custom-tooltip--center strong+strong{margin-top:4px}.play-feedback-reopen{right:0;bottom:calc(var(--footer-h) + 16px);background:var(--teal);color:#fff;cursor:pointer;z-index:50;box-shadow:var(--shadow-sm);writing-mode:initial;border:none;border-radius:10px 0 0 10px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;transition:background .15s,transform .15s;display:flex;position:fixed}.play-feedback-reopen:hover{background:var(--teal-700);transform:translate(-2px)}.pfr-text{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;writing-mode:vertical-rl;font-size:11px;font-weight:700;transform:rotate(180deg)}.pfr-badge{width:20px;height:20px;font-family:var(--display);background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}@media (width<=768px){.play-feedback-reopen{right:50%;bottom:calc(var(--footer-h) + 8px);writing-mode:initial;border-radius:10px;flex-direction:row;padding:10px 18px;transform:translate(50%)}.pfr-text{writing-mode:initial;transform:none}.play-feedback-reopen:hover{transform:translate(50%)}}.feedback-tooltip{background:var(--ink);color:#fff;font-size:12px;font-weight:400;font-family:var(--sans);border-radius:var(--r-sm);white-space:nowrap;pointer-events:none;z-index:200;box-shadow:var(--shadow-sm);padding:8px 12px;line-height:1.4;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.feedback-tooltip:after{content:"";border:5px solid #0000;border-top-color:var(--ink);position:absolute;top:100%;left:50%;transform:translate(-50%)}.play-loading{color:var(--ink-2);flex:1;justify-content:center;align-items:center;display:flex}.mini-clover-wrapper{grid-template:".top.""left grid right"1fr".bottom."/28px 1fr 28px;place-items:center;gap:4px;width:fit-content;margin:0 auto;display:grid}.mini-clue{font-family:var(--display);font-size:clamp(9px, calc(var(--mini-card-size,90px) * .115), 13px);color:var(--accent);background:var(--accent-dim);white-space:nowrap;text-align:center;max-width:calc(var(--mini-card-size,90px) * 2 + 10px);text-overflow:ellipsis;border-radius:4px;padding:3px 6px;font-weight:700;overflow:hidden}.mini-clue--top{grid-area:top}.mini-clue--bottom{grid-area:bottom}.mini-clue--left{writing-mode:vertical-rl;max-width:none;max-height:calc(var(--mini-card-size,90px) * 2 + 10px);grid-area:left;padding:4px 2px;transform:rotate(180deg)}.mini-clue--right{writing-mode:vertical-rl;max-width:none;max-height:calc(var(--mini-card-size,90px) * 2 + 10px);grid-area:right;padding:4px 2px}.mini-clover-grid{grid-area:grid;grid-template-columns:var(--mini-card-size,90px) var(--mini-card-size,90px);grid-template-rows:var(--mini-card-size,90px) var(--mini-card-size,90px);background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border);gap:4px;padding:4px;display:grid}.mini-slot{border-radius:5px;justify-content:center;align-items:center;display:flex}.mini-slot-empty{width:var(--mini-card-size,90px);height:var(--mini-card-size,90px);background:var(--bg-surface);border:1.5px dashed var(--border);border-radius:5px}.mini-card{width:var(--mini-card-size,90px);height:var(--mini-card-size,90px);border-radius:clamp(5px, calc(var(--mini-card-size,90px) * .1), 11px);grid-template-areas:".top.""left.right"".bottom.";grid-template-columns:clamp(14px, calc(var(--mini-card-size,90px) * .2), 24px) 1fr clamp(14px, calc(var(--mini-card-size,90px) * .2), 24px);grid-template-rows:clamp(14px, calc(var(--mini-card-size,90px) * .2), 24px) 1fr clamp(14px, calc(var(--mini-card-size,90px) * .2), 24px);border:2px solid;flex-shrink:0;place-items:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:grid;position:relative;overflow:hidden}.mini-card-badge{top:clamp(3px, calc(var(--mini-card-size,90px) * .05), 7px);left:clamp(3px, calc(var(--mini-card-size,90px) * .05), 7px);width:clamp(5px, calc(var(--mini-card-size,90px) * .1), 9px);height:clamp(5px, calc(var(--mini-card-size,90px) * .1), 9px);pointer-events:none;z-index:1;border-radius:2px;position:absolute}.mini-card-word{font-size:clamp(7px, calc(var(--mini-card-size,90px) * .105), 11px);text-align:center;letter-spacing:.02em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.mini-card-word--top{grid-area:top;max-width:100%}.mini-card-word--bottom{grid-area:bottom;max-width:100%}.mini-card-word--right{max-width:calc(var(--mini-card-size,90px) - 2 * clamp(14px, calc(var(--mini-card-size,90px) * .2), 24px));grid-area:right}.mini-card-word--left{max-width:calc(var(--mini-card-size,90px) - 2 * clamp(14px, calc(var(--mini-card-size,90px) * .2), 24px));grid-area:left}.play-footer{z-index:70;height:var(--footer-h);-webkit-backdrop-filter:saturate(140%)blur(12px);border-top:1px solid var(--line);background:#ffffffe0;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 28px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #141e2d0f}.play-footer-left{align-items:center;gap:14px;display:flex}.play-footer-right{justify-content:flex-end;align-items:center;display:flex}.play-attempt-chip{background:var(--bg-tint);border-radius:var(--r-pill);align-items:center;gap:8px;padding:6px 12px;display:flex}.pac-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.pac-num{font-family:var(--display);color:var(--ink);font-size:14px;font-weight:700}.pac-dots{align-items:center;gap:4px;display:flex}.pac-dot{background:var(--line);border:1.5px solid #1c21281f;border-radius:50%;width:7px;height:7px;transition:background .2s}.pac-dot--used{background:var(--ink-3);border-color:var(--ink-3)}.pac-dot--active{background:var(--teal);border-color:var(--teal)}@media (width>=681px){.play-attempt-chip{background:var(--teal-soft);box-shadow:inset 0 0 0 1.5px var(--teal);gap:11px;padding:9px 18px}.play-attempt-chip .pac-label{color:var(--teal-700);font-size:13px}.play-attempt-chip .pac-num{color:var(--teal-700);font-size:21px}.play-attempt-chip .pac-dot{width:9px;height:9px}}.play-chrono{font-family:var(--display);color:var(--ink-2);letter-spacing:.04em;font-size:15px;font-weight:600}.play-submit-btn{border-radius:var(--r-pill);font-family:var(--display);cursor:pointer;background:var(--bg-tint);color:var(--ink-3);white-space:nowrap;border:none;padding:13px 32px;font-size:16px;font-weight:700;transition:all .18s}.play-submit-btn--ready{background:var(--teal);color:#fff;box-shadow:0 8px 22px -8px #0a9e84a6}.play-submit-btn--ready:hover{background:var(--teal-700);transform:translateY(-1px)}.play-submit-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.play-footer-hub-btn{font-family:var(--display);color:var(--ink-2);cursor:pointer;border-radius:var(--r-sm);white-space:nowrap;background:0 0;border:none;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.play-footer-hub-btn:hover{background:var(--bg-tint);color:var(--ink)}.play-footer-hint{text-align:center;color:var(--ink-3);font-size:14px;font-weight:500}.play-submit-error{color:var(--fb-red);white-space:nowrap;pointer-events:none;font-size:13px;position:absolute;top:-28px;left:50%;transform:translate(-50%)}@media (width<=768px){.play-footer{grid-template-columns:auto 1fr auto;gap:8px;padding:0 14px}.pac-label{display:none}.pac-num,.play-chrono{font-size:13px}.play-submit-btn{padding:11px 20px;font-size:14px}.play-footer-hub-btn{padding:8px 10px;font-size:13px}}@media (width<=480px){.play-submit-btn{padding:10px;font-size:13px}.play-footer-hub-btn{padding:6px;font-size:11px}}.create-info-drawer{overflow-y:auto;border-left:1px solid var(--line)!important;background:var(--card)!important;box-shadow:var(--shadow-sm)!important;padding:0!important;transform:none!important}@media (width<=768px){.play-feedback-drawer.create-info-drawer{width:100%!important;height:auto!important;max-height:none!important;box-shadow:none!important;border-top:1px solid var(--line)!important;z-index:auto!important;border-left:none!important;position:relative!important;inset:auto!important;transform:none!important}}.create-phase-panel{flex-direction:column;gap:0;width:100%;padding:0;display:flex}.create-phase-panel>.create-step-header{background:var(--card);border-bottom:1px solid var(--line);z-index:2;flex-shrink:0;gap:4px;padding:16px 20px 14px;position:sticky;top:0}.create-step-badge{text-transform:uppercase;letter-spacing:.1em;color:var(--teal-700);background:var(--teal-soft);border-radius:4px;align-self:flex-start;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.create-step-title{font-family:var(--display);color:var(--ink);margin:0;font-size:16px;font-weight:700}.create-timer-block{border-bottom:1px solid var(--line-2);align-items:center;gap:14px;padding:14px 20px;display:flex}.timer-bar-track{background:var(--bg-tint);border-radius:3px;flex:1;height:6px;overflow:hidden}.timer-value{font-family:var(--display);flex-shrink:0;font-size:15px;font-weight:700}.create-placement-status{flex-direction:column;gap:16px;padding:16px 20px;display:flex}.create-status-hint{color:var(--ink-2);margin:0;font-size:13px;line-height:1.5}.create-progress-dots{align-items:center;gap:8px;display:flex}.create-dot{background:var(--bg-tint);border:2px solid var(--line);border-radius:50%;width:12px;height:12px;transition:all .2s}.create-dot--filled{background:var(--teal);border-color:var(--teal)}.create-dot-label{color:var(--ink-3);margin-left:4px;font-size:13px;font-weight:600}.create-clues-check{flex-direction:column;gap:10px;padding:16px 20px;display:flex}.create-clue-item{color:var(--ink-3);align-items:baseline;gap:10px;font-size:14px;transition:color .18s;display:flex}.create-clue-item--done{color:var(--ink)}.create-clue-item--conflict{color:var(--fb-red)}.create-clue-icon{width:16px;color:var(--ink-3);flex-shrink:0;font-size:14px}.create-clue-item--done .create-clue-icon{color:var(--teal)}.create-clue-item--conflict .create-clue-icon{color:var(--fb-red)}.create-clue-label{flex-shrink:0;font-weight:600}.create-clue-value{color:var(--teal-700);font-size:13px;font-style:italic}.create-clue-item--conflict .create-clue-value{color:var(--fb-red)}.create-clue-conflict-hint{text-transform:uppercase;letter-spacing:.04em;color:var(--fb-red);margin-left:auto;font-size:11px;font-weight:600}.difficulty-modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#1c21288c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.difficulty-modal{background:var(--card);border-radius:var(--r);width:90%;max-width:480px;box-shadow:var(--shadow);padding:36px 28px}.difficulty-modal-title{text-align:center;font-family:var(--display);color:var(--ink);margin-bottom:24px;font-size:22px;font-weight:700}.difficulty-options{flex-direction:column;gap:12px;display:flex}.difficulty-card{background:var(--card);border:1.5px solid var(--line);border-radius:var(--r-sm);cursor:pointer;font-family:var(--display);text-align:center;outline:none;padding:20px;transition:all .18s}.difficulty-card:hover{border-color:var(--teal);background:var(--teal-soft);box-shadow:var(--shadow-xs);transform:translateY(-2px)}.difficulty-card--locked{opacity:.5;cursor:not-allowed}.difficulty-card--locked:hover{border-color:var(--line);background:var(--card);box-shadow:none;transform:none}.difficulty-name{color:var(--ink);margin-bottom:8px;font-size:18px;font-weight:700}.difficulty-desc{color:var(--ink-2);font-size:13px;line-height:1.4}.create-phase-label{font-family:var(--display);margin-bottom:16px;font-size:17px;font-weight:700}.create-timer{align-items:center;gap:14px;width:100%;max-width:380px;margin-bottom:14px;display:flex}.timer-bar-track{background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;flex:1;height:8px;overflow:hidden}.timer-bar-fill{border-radius:4px;height:100%}.timer-value{font-family:var(--sans);text-align:right;min-width:48px;font-size:22px;font-weight:700}.create-expired{border-radius:var(--radius-md);color:var(--text-primary);text-align:center;background:#ff6b6b0d;border:1px solid #ff6b6b33;flex-direction:column;align-items:center;gap:12px;margin-bottom:14px;padding:24px;display:flex}.create-expired-icon{font-size:36px;line-height:1}.create-expired-title{font-family:var(--display);color:var(--text-primary);margin:0;font-size:18px;font-weight:800}.create-expired-text{color:var(--text-secondary);margin:0;font-size:14px}.create-expired-actions{gap:10px;margin-top:4px;display:flex}.create-confirm{min-width:220px;margin-top:20px}@keyframes tour-card-in{0%{opacity:0}to{opacity:1}}.tour-backdrop{z-index:1500;background:#0000008c;animation:.2s ease-out tour-card-in;position:fixed;inset:0}.tour-backdrop--spotlight{background:0 0}.tour-spotlight{pointer-events:none;z-index:1501;box-shadow:0 0 0 9999px #0009, 0 0 0 2px var(--teal), 0 0 16px #0a9e8480;border-radius:10px;transition:top .28s,left .28s,width .28s,height .28s;position:fixed}.tour-spotlight--ring{box-shadow:0 0 0 2px var(--teal), 0 0 16px #0a9e8480}.tour-mask-svg{pointer-events:none;z-index:1500;position:fixed;inset:0}.tour-card{background:var(--card);border-radius:var(--r);width:320px;max-width:calc(100vw - 32px);box-shadow:var(--shadow);z-index:1502;flex-direction:column;gap:12px;padding:24px;animation:.18s ease-out both tour-card-in;display:flex;position:fixed}.tour-card--center{top:50%;left:50%;transform:translate(-50%,-50%)}.tour-card--tray-right{left:calc(var(--tray-w,230px) + 20px);top:50%;transform:translateY(-50%)}.tour-card--tray-right:before{content:"";border:11px solid #0000;border-right:11px solid var(--card);filter:drop-shadow(-2px 0 3px #0000001f);border-left:0;position:absolute;top:50%;left:-11px;transform:translateY(-50%)}.tour-card--footer-center{bottom:calc(var(--footer-h,70px) + 20px);left:50%;transform:translate(-50%)}.tour-card--footer-center:after{content:"";border:11px solid #0000;border-top:11px solid var(--card);filter:drop-shadow(0 2px 3px #0000001f);border-bottom:0;position:absolute;bottom:-11px;left:50%;transform:translate(-50%)}.tour-card--center-right{right:calc(var(--feedback-w,0px) + 16px);top:50%;transform:translateY(-50%)}.tour-card--center-right:before{content:"";border:11px solid #0000;border-right:11px solid var(--card);filter:drop-shadow(-2px 0 3px #0000001f);border-left:0;position:absolute;top:50%;left:-11px;transform:translateY(-50%)}.tour-card--center-left{left:calc(var(--tray-w,230px) + 20px);top:50%;transform:translateY(-50%)}.tour-card--center-left:before{content:"";border:11px solid #0000;border-left:11px solid var(--card);border-right:0;position:absolute;top:50%;right:-11px;transform:translateY(-50%)}.tour-zone{text-transform:uppercase;letter-spacing:.06em;color:var(--teal-700);background:var(--teal-soft);border-radius:var(--r-sm);border:1px solid #0a9e8433;align-self:flex-start;padding:4px 10px;font-size:11px;font-weight:700}.tour-title{font-family:var(--display);color:var(--ink);margin:0;font-size:16px;font-weight:700}.tour-desc{color:var(--ink-2);margin:0;font-size:13px;line-height:1.55}.tour-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.tour-dots{align-items:center;gap:5px;display:flex}.tour-dot{background:var(--line);border-radius:50%;width:6px;height:6px;transition:all .2s}.tour-dot--active{background:var(--teal);border-radius:3px;width:18px}.tour-dot--done{background:var(--teal);opacity:.4}.tour-actions{align-items:center;gap:8px;display:flex}.tour-skip{color:var(--ink-3);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.tour-skip:hover{color:var(--ink-2)}.tour-next{padding:9px 18px;font-size:14px}@media (width<=768px){.tour-card--tray-right{top:calc(var(--header-h,64px) + 148px);width:auto;bottom:auto;left:16px;right:16px;transform:none}.tour-card--center-right,.tour-card--center-left{width:auto;inset:50% 16px auto;transform:translateY(-50%)}.tour-card--footer-center{bottom:calc(var(--footer-h,70px) + 12px);width:auto;top:auto;left:16px;right:16px;transform:none}.tour-card--center-right:before,.tour-card--center-left:before,.tour-card--tray-right:before,.tour-card--footer-center:after{display:none}}.result-page{background:var(--bg);background-image:radial-gradient(#1c21280a 1px,#0000 1px);background-size:24px 24px;flex-direction:column;min-height:100dvh;display:flex}.result-main{flex:1;grid-template-columns:1.5fr 1fr;align-items:start;gap:24px;width:100%;max-width:1100px;margin:0 auto;padding:32px 28px 96px;display:grid}.result-col{flex-direction:column;gap:16px;display:flex}.result-section-title{font-family:var(--display);color:var(--ink);letter-spacing:-.01em;font-size:17px;font-weight:700}.result-empty-state{color:var(--ink-3);text-align:center;padding:20px 0;font-size:13px}.result-footer{z-index:100;-webkit-backdrop-filter:saturate(140%)blur(12px);backdrop-filter:saturate(140%)blur(12px);border-top:1px solid var(--line);background:#f1f2f3d1;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;padding:14px 28px;display:flex;position:fixed;bottom:0;left:0;right:0}.result-replay-link{color:#9aa0a6;text-underline-offset:2px;opacity:.7;font-family:system-ui,sans-serif;font-size:12px;font-weight:400;text-decoration:underline}.result-replay-link:hover{opacity:1;color:#6b7075}.result-footer-cta{background:var(--accent);color:#fff;border-radius:var(--r-pill);min-width:200px;font-family:var(--display);cursor:pointer;border:none;justify-content:center;align-items:center;padding:12px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 8px 20px -10px #00b89999}.result-footer-cta:hover{background:var(--teal);transform:translateY(-1px);box-shadow:0 10px 24px -10px #00b899b3}.result-card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow-sm);text-align:center;padding:36px 28px}.result-icon{margin-bottom:10px;font-size:44px}.result-title{letter-spacing:-.02em;margin-bottom:18px;font-size:26px}.result-meta{color:var(--ink-2);margin-bottom:16px;font-size:14px}.result-xp{color:var(--ink-2);margin-top:8px;font-size:14px}.result-xp-block{background:var(--teal-soft);border-radius:var(--r-sm);text-align:left;margin-top:20px;padding:18px}.result-xp-title{color:var(--ink);margin-bottom:12px;font-size:13px;font-weight:700}.result-xp-row{color:var(--ink-2);justify-content:space-between;align-items:center;padding:5px 0;font-size:14px;display:flex}.result-xp-value{color:var(--teal-700);font-weight:700}.result-xp-divider{background:#0a9e8426;height:1px;margin:10px 0}.result-xp-total{color:var(--ink);justify-content:space-between;align-items:center;font-size:15px;font-weight:700;display:flex}.result-xp-total-value{font-family:var(--display);color:var(--teal);font-size:22px;font-weight:800}.result-share-btn{background:var(--teal-soft);border:1.5px solid var(--accent-border);border-radius:var(--r-pill);width:100%;color:var(--teal-700);font-family:var(--display);cursor:pointer;padding:14px 20px;font-size:14px;font-weight:700;transition:background .15s,border-color .15s,transform .12s}.result-share-btn:hover{background:var(--mint);border-color:var(--teal);transform:translateY(-1px)}.result-messages{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:20px 20px 16px;display:flex}.result-leaderboard{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:20px 20px 16px}.result-leaderboard h2{font-size:15px;font-weight:700;font-family:var(--display);letter-spacing:-.01em;color:var(--ink);margin-bottom:12px}.leaderboard-list{flex-direction:column;gap:6px;list-style:none;display:flex}.leaderboard-row{background:var(--bg-tint);border-radius:var(--r-sm);align-items:center;gap:12px;padding:9px 14px;display:flex}.leaderboard-rank{font-family:var(--display);color:var(--ink-3);width:26px;font-weight:700}.leaderboard-name{color:var(--ink);flex:1;font-size:14px}.leaderboard-score{font-family:var(--display);color:var(--teal-700);font-weight:700}.leaderboard-row--me{background:var(--teal-soft)}.leaderboard-row--me .leaderboard-rank{color:var(--teal)}.leaderboard-separator{text-align:center;color:var(--ink-3);letter-spacing:2px;padding:4px 0;font-size:16px}.result-comment{flex-direction:column;gap:8px;display:flex}.comment-input-wrap{position:relative}.comment-input{background:var(--card);border:1.5px solid var(--line);border-radius:var(--r-sm);width:100%;color:var(--ink);font-family:var(--sans);resize:vertical;outline:none;padding:11px 44px 11px 14px;font-size:14px;transition:border-color .15s}.comment-input:focus{border-color:var(--teal)}.comment-emoji{position:absolute;bottom:8px;right:8px}.comment-emoji-trigger{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:8px;padding:4px;font-size:18px;line-height:1;transition:opacity .15s,background .15s}.comment-emoji-trigger:hover{opacity:1;background:var(--bg-tint)}.comment-emoji-popover{z-index:50;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);grid-template-columns:repeat(6,1fr);gap:2px;width:232px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 6px);right:0}.comment-emoji-item{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:5px;font-size:20px;line-height:1;transition:background .12s,transform .12s}.comment-emoji-item:hover{background:var(--bg-tint);transform:scale(1.15)}@media (width<=680px){.comment-emoji{display:none}}.result-comment-btn{border:1.5px solid var(--line);border-radius:var(--r-pill);color:var(--ink-2);font-family:var(--sans);cursor:pointer;background:0 0;align-self:flex-end;padding:8px 18px;font-size:13px;font-weight:600;transition:border-color .15s,color .15s}.result-comment-btn:hover:not(:disabled){border-color:var(--teal);color:var(--teal)}.result-comment-btn:disabled{opacity:.4;cursor:not-allowed}.result-comment-sent{color:var(--teal);text-align:center;font-size:14px}.result-upvote{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow-sm);border:1.5px solid var(--teal-soft);flex-direction:column;gap:14px;padding:18px 20px;display:flex}.result-upvote--done{border-color:var(--teal);background:var(--teal-soft)}.result-upvote-head{align-items:flex-start;gap:11px;display:flex}.result-upvote-icon{flex-shrink:0;font-size:22px;line-height:1}.result-upvote-text{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.45}.result-upvote-btn{background:var(--teal);border-radius:var(--r-pill);color:#fff;font-family:var(--sans);cursor:pointer;border:none;justify-content:center;align-self:stretch;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:700;transition:opacity .15s,transform .1s;display:flex}.result-upvote-btn:hover:not(:disabled){opacity:.9}.result-upvote-btn:active:not(:disabled){transform:scale(.98)}.result-upvote-btn:disabled{opacity:.6;cursor:default}.result-upvote--done .result-upvote-btn{background:var(--card);color:var(--teal-700);box-shadow:inset 0 0 0 1.5px var(--teal)}.result-upvote-count{font-family:var(--display);border-radius:var(--r-pill);background:#ffffff40;padding:1px 8px;font-size:12.5px;font-weight:700}.result-upvote--done .result-upvote-count{background:var(--teal-soft);color:var(--teal-700)}.comments-list{flex-direction:column;gap:8px;list-style:none;display:flex}.comment-item{background:var(--card);border-radius:var(--r-sm);box-shadow:var(--shadow-xs);padding:12px 16px}.comment-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.comment-pseudo{color:var(--teal);font-size:12px;font-weight:700}.comment-badge{border-radius:var(--r-pill);white-space:nowrap;padding:3px 8px;font-size:10.5px;font-weight:700;line-height:1}.comment-badge--win{background:var(--teal-soft);color:var(--teal-700)}.comment-badge--fail{background:var(--coral-soft);color:var(--coral)}.comment-text{color:var(--ink);margin:0;font-size:14px;line-height:1.45}.comment-reactions{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.reaction-chip{background:var(--bg-tint);border-radius:var(--r-pill);cursor:pointer;color:var(--ink-2);border:1px solid #0000;align-items:center;gap:4px;padding:3px 8px;font-size:13px;line-height:1;transition:background .12s,border-color .12s,transform .1s;display:inline-flex}.reaction-chip:not(.reaction-chip--has){opacity:.5}.comment-item:hover .reaction-chip{opacity:1}.reaction-chip:hover{background:var(--teal-soft);transform:translateY(-1px)}.reaction-chip:active{transform:scale(.94)}.reaction-chip--active{background:var(--teal-soft);border-color:var(--teal);color:var(--teal-700);opacity:1}.reaction-emoji{font-size:14px}.reaction-count{font-size:11.5px;font-weight:700}.result-congrats-sub{color:var(--ink-2);margin:-6px 0 14px;font-size:14px;line-height:1.4}.result-wilt{transform-origin:bottom;animation:1.6s cubic-bezier(.34,.1,.4,1) forwards clover-wilt;display:inline-block}@keyframes clover-wilt{0%{filter:saturate();transform:rotate(0)translateY(0)scale(1)}25%{filter:saturate();transform:rotate(-8deg)translateY(0)scale(1.05)}55%{filter:saturate(.7);transform:rotate(22deg)translateY(4px)scale(.96)}to{filter:saturate(.45)grayscale(.25);opacity:.8;transform:rotate(38deg)translateY(8px)scale(.9)}}@media (prefers-reduced-motion:reduce){.result-wilt{filter:saturate(.5)grayscale(.25);opacity:.8;animation:none;transform:rotate(30deg)}}.challenge-banner{z-index:80;background:var(--card);border:2px solid var(--teal);border-radius:var(--r-sm);white-space:nowrap;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:10px 14px 10px 16px;font-size:14px;display:flex;position:fixed;top:56px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0a9e8433}.challenge-banner-close{cursor:pointer;color:var(--ink-3);background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:16px;line-height:1}.challenge-banner-close:hover{color:var(--ink)}.replay-banner{z-index:80;background:var(--card);border:1.5px dashed var(--teal);border-radius:var(--r-pill);color:var(--ink-2);white-space:nowrap;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:7px 16px;font-size:13px;font-weight:600;display:flex;position:fixed;top:56px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0a9e8424}.replay-end-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141e1c73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.replay-end-card{background:var(--card);border-radius:var(--r);text-align:center;width:100%;max-width:360px;padding:32px 28px;box-shadow:0 20px 60px -20px #0006}.replay-end-icon{margin-bottom:8px;font-size:44px}.replay-end-title{font-family:var(--display);letter-spacing:-.02em;margin-bottom:8px;font-size:24px}.replay-end-sub{color:var(--ink-2);margin-bottom:22px;font-size:14px}.replay-end-actions{flex-direction:column;gap:10px;display:flex}.replay-end-btn{border-radius:var(--r-pill);font-family:var(--display);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:12px 22px;font-size:15px;font-weight:700;text-decoration:none;transition:background .15s,transform .15s,color .15s,border-color .15s;display:inline-flex}.replay-end-btn--primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px -10px #00b89999}.replay-end-btn--primary:hover{background:var(--teal);transform:translateY(-1px)}.replay-end-btn--ghost{color:var(--ink-2);border:1.5px solid var(--line);background:0 0}.replay-end-btn--ghost:hover{border-color:var(--teal);color:var(--teal)}.created-grid-card-wrap{flex-direction:column;gap:8px;display:flex}.created-grid-share-btn{border:1.5px solid var(--line);border-radius:var(--r-pill);width:100%;color:var(--ink-2);font-family:var(--sans);cursor:pointer;background:0 0;padding:10px 16px;font-size:13px;font-weight:600;transition:border-color .15s,color .15s}.created-grid-share-btn:hover{border-color:var(--teal);color:var(--teal)}.result-feedback-panel{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow-sm);overflow:hidden}.result-feedback-tabs{border-bottom:1px solid var(--line);flex-wrap:nowrap;align-items:stretch;gap:0;padding:0;display:flex}.result-feedback-tab{font-family:var(--display);cursor:pointer;color:var(--ink-3);text-align:center;white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;flex:1;margin-bottom:-1px;padding:13px 8px;font-size:12px;font-weight:700;transition:all .18s}.result-feedback-tab:hover{background:var(--bg-tint);color:var(--ink-2)}.result-feedback-tab--active{background:var(--card);color:var(--teal);border-color:var(--line);border-bottom-color:var(--card)}.result-feedback-tab--solution{flex:1.2}.result-feedback-body{flex-direction:column;gap:0;padding:0 0 16px;display:flex}.result-feedback-dots{flex-direction:column;gap:16px;display:flex}.result-feedback-divider{background:var(--line);height:1px}.result-feedback-grid-wrap{justify-content:center;display:flex}.result-feedback-loading{color:var(--ink-3);text-align:center;padding:20px}@media (width<=680px){.result-main{grid-template-columns:1fr;padding:16px 16px 80px}.result-footer{z-index:100;padding:10px 16px;position:fixed;bottom:0;left:0;right:0}.result-card{padding:24px 18px}.result-icon{font-size:36px}.result-title{margin-bottom:12px;font-size:22px}.result-feedback-body{padding:12px}.result-feedback-grid-wrap .mini-clover-grid{grid-template-rows:clamp(70px,50vw - 95px,130px) clamp(70px,50vw - 95px,130px);grid-template-columns:clamp(70px,50vw - 95px,130px) clamp(70px,50vw - 95px,130px);gap:6px;padding:6px}.result-feedback-grid-wrap .mini-card{border-radius:8px;grid-template-rows:18px 1fr 18px;grid-template-columns:18px 1fr 18px;width:clamp(70px,50vw - 95px,130px);height:clamp(70px,50vw - 95px,130px)}.result-feedback-grid-wrap .mini-slot-empty{width:clamp(64px,50vw - 101px,124px);height:clamp(64px,50vw - 101px,124px)}.result-feedback-grid-wrap .mini-card-word{font-size:9px}.result-feedback-grid-wrap .mini-clue{padding:3px 5px;font-size:10px}.result-feedback-grid-wrap .mini-clover-wrapper{box-sizing:border-box;grid-template-columns:30px 1fr 30px;width:100%;max-width:100%;overflow:hidden}.result-feedback-grid-wrap{width:100%;overflow:hidden}}@media (width>=681px){.result-feedback-grid-wrap .mini-clover-grid{grid-template-rows:150px 150px;grid-template-columns:150px 150px;gap:8px;padding:8px}.result-feedback-grid-wrap .mini-slot-empty{width:134px;height:134px}.result-feedback-grid-wrap .mini-card{border-width:1.5px;border-radius:12px;grid-template-rows:27px 1fr 27px;grid-template-columns:27px 1fr 27px;width:134px;height:134px}.result-feedback-grid-wrap .mini-card-word{font-size:11px}.result-feedback-grid-wrap .mini-clue{padding:4px 8px;font-size:12px}.result-feedback-grid-wrap .mini-clue--left,.result-feedback-grid-wrap .mini-clue--right{padding:8px 4px}.result-feedback-grid-wrap .mini-clover-wrapper{grid-template-columns:40px 1fr 40px}}.replay-modal-backdrop{z-index:1000;background:#1c212873;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.replay-modal{background:var(--card);border-radius:var(--r);width:90%;max-width:500px;max-height:90vh;box-shadow:var(--shadow);overflow-y:auto}.replay-modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.replay-modal-title{font-family:var(--display);color:var(--ink);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:700}.replay-modal-close{cursor:pointer;color:var(--ink-3);border-radius:var(--r-sm);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:background .15s,color .15s;display:flex}.replay-modal-close:hover{background:var(--bg-tint);color:var(--ink)}.replay-modal-content{flex-direction:column;gap:20px;padding:24px;display:flex}.replay-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.replay-position{background:var(--bg-tint);border-radius:var(--r-sm);padding:12px}.replay-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:11px;font-weight:600}.replay-word{border-radius:var(--r-sm);background:var(--teal-soft);color:var(--teal-700);text-align:center;min-height:20px;font-size:14px;font-weight:700;font-family:var(--display);margin-bottom:6px;padding:8px}.replay-word--wrong{background:var(--coral-soft);color:var(--coral)}.replay-word--empty{opacity:.5}.replay-correct{color:var(--ink-2);text-align:center;font-size:12px}.replay-attempts h3{font-family:var(--display);color:var(--ink);margin:0 0 8px;font-size:13px;font-weight:700}.replay-attempt-list{flex-wrap:wrap;gap:6px;display:flex}.replay-attempt-btn{background:var(--bg-tint);border:1.5px solid var(--line);border-radius:var(--r-sm);cursor:pointer;color:var(--ink-2);padding:6px 14px;font-size:12px;font-weight:600;transition:border-color .15s,color .15s}.replay-attempt-btn:hover{border-color:var(--teal);color:var(--teal)}.replay-attempt-btn--active{background:var(--teal);color:#fff;border-color:var(--teal)}.replay-feedback{flex-direction:column;gap:6px;display:flex}.replay-feedback-row{background:var(--bg-tint);border-radius:var(--r-sm);color:var(--ink-2);justify-content:space-between;padding:8px 12px;font-size:13px;display:flex}.replay-feedback-row strong{color:var(--teal-700);font-family:var(--display)}.replay-modal-close-btn{border:1.5px solid var(--line);border-radius:var(--r-pill);width:100%;font-family:var(--sans);color:var(--ink-2);cursor:pointer;background:0 0;margin-top:12px;padding:11px;font-size:14px;font-weight:600;transition:border-color .15s,color .15s}.replay-modal-close-btn:hover{border-color:var(--teal);color:var(--teal)}.profile-page{background:var(--bg);background-image:radial-gradient(#1c21280a 1px,#0000 1px);background-size:24px 24px;min-height:100dvh}.profile-main{flex-direction:column;gap:16px;width:100%;max-width:680px;margin:0 auto;padding:32px 28px;display:flex}.profile-tabs{background:var(--bg-tint);border-radius:var(--r-pill);align-self:flex-start;gap:4px;padding:4px;display:flex}.profile-tab{border-radius:var(--r-pill);font-family:var(--sans);color:var(--ink-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:8px 20px;font-size:14px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s}.profile-tab--active{background:var(--card);color:var(--ink);box-shadow:var(--shadow-xs)}.profile-header-block{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow-sm);align-items:center;gap:20px;padding:24px;display:flex}.profile-avatar-wrap{flex-shrink:0;position:relative}.profile-avatar{background:linear-gradient(135deg, var(--teal), var(--green));color:#fff;width:72px;height:72px;font-family:var(--display);border-radius:50%;justify-content:center;align-items:center;font-size:30px;font-weight:800;line-height:1;display:flex}.profile-level-badge{background:var(--teal);color:#fff;font-family:var(--display);border-radius:var(--r-pill);border:2px solid var(--card);padding:2px 7px;font-size:11px;font-weight:800;line-height:1.4;position:absolute;bottom:-4px;right:-4px}.profile-name-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.profile-name{font-family:var(--display);color:var(--ink);letter-spacing:-.02em;font-size:20px;font-weight:800}.profile-streak-pills{gap:5px;display:flex}.profile-streak-pill{color:var(--ink-2);background:var(--bg-tint);border-radius:var(--r-pill);align-items:center;gap:3px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.profile-xp-bar{flex-direction:column;gap:5px;display:flex}.profile-xp-info{justify-content:space-between;font-size:12px;display:flex}.profile-xp-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.profile-xp-amount{color:var(--teal);font-weight:700;font-family:var(--display)}.profile-xp-track{background:var(--bg-tint);border-radius:4px;height:6px;overflow:hidden}.profile-xp-fill{background:var(--teal);border-radius:4px;height:100%}.profile-xp-next{color:var(--ink-3);font-size:11px}.profile-stats-card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow-xs);overflow:hidden}.profile-stats-grid{grid-template-columns:repeat(4,1fr);display:grid}.profile-stat-item{text-align:center;flex-direction:column;gap:2px;padding:16px 12px;display:flex}.profile-stat-item+.profile-stat-item{border-left:1px solid var(--line)}.profile-stat-value{font-family:var(--display);color:var(--teal);letter-spacing:-.03em;font-size:24px;font-weight:800;line-height:1}.profile-stat-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.03em;margin-top:3px;font-size:11px;font-weight:600}.profile-section h2{font-family:var(--display);color:var(--ink);letter-spacing:-.01em;margin-bottom:10px;font-size:15px;font-weight:700}.activity-tabs{border-bottom:1.5px solid var(--line);display:flex}.activity-tab{font-family:var(--sans);color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1.5px;padding:8px 16px 10px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s;display:flex}.activity-tab--active{color:var(--teal);border-bottom-color:var(--teal)}.activity-tab-count{background:var(--bg-tint);border-radius:var(--r-pill);color:var(--ink-3);padding:1px 6px;font-size:11px;font-weight:600}.grid-list{flex-direction:column;gap:6px;list-style:none;display:flex}.grid-card{background:var(--card);border-radius:var(--r-sm);box-shadow:var(--shadow-xs);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.grid-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.grid-card-clues{flex-wrap:wrap;flex:1;gap:4px;min-width:0;display:flex}.grid-card-clue-pill{color:var(--teal);background:var(--teal-soft);border-radius:var(--r-pill);white-space:nowrap;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.5}.grid-card-result{font-size:13px;font-weight:700;font-family:var(--display);white-space:nowrap;flex-shrink:0}.grid-card-result.success{color:var(--green)}.grid-card-result.fail{color:var(--coral)}.grid-card-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:0;font-size:11px;display:flex}.grid-card-meta span{padding-right:8px}.grid-card-meta span+span{border-left:1px solid var(--line);padding-left:8px}.grid-card-link{color:var(--teal);align-self:flex-start;font-size:12px;font-weight:600;text-decoration:none}.grid-card-link:hover{text-decoration:underline}.grid-card-title{color:var(--ink);flex:1;min-width:0;font-size:14px;font-weight:600}.grid-card-badges{flex-shrink:0;align-items:center;gap:6px;display:flex}.grid-card-diff-badge{text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.grid-card-status{border-radius:var(--r-pill);padding:2px 8px;font-size:11px;font-weight:600}.grid-card-status--published{background:var(--teal-soft);color:var(--teal)}.grid-card-status--draft{background:var(--bg-tint);color:var(--ink-3)}.grid-card-status--archived{color:var(--coral);background:#f2603f1a}.profile-logout-section{border-top:1px solid var(--line);padding-top:8px}.profile-logout-btn{border:1.5px solid var(--line);border-radius:var(--r-pill);font-family:var(--sans);color:var(--ink-2);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.profile-logout-btn:hover{border-color:var(--coral);color:var(--coral)}.profile-empty{color:var(--ink-3);font-size:14px}.skin-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.skin-card{background:var(--card);border:1.5px solid var(--line);border-radius:var(--r-sm);cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.skin-card:hover{border-color:var(--teal);box-shadow:var(--shadow-xs)}.skin-card--locked{opacity:.55;cursor:default}.skin-card--locked:hover{border-color:var(--line);box-shadow:none}.skin-card--active{border-color:var(--teal);background:var(--teal-soft);border-width:2px}.skin-creature{justify-content:center;align-items:center;height:48px;display:flex;position:relative}.skin-lock{font-size:18px;position:absolute}.skin-info{text-align:center;flex-direction:column;gap:4px;width:100%;display:flex}.skin-name{color:var(--ink);font-size:12px;font-weight:600}.skin-xp-threshold{color:var(--ink-3);font-size:10px;font-weight:500}.skin-badge{color:var(--teal);text-transform:uppercase;letter-spacing:.03em;font-size:10px;font-weight:700}@media (width<=600px){.skin-grid{grid-template-columns:repeat(4,1fr);gap:8px}.skin-card{gap:6px;padding:10px 6px}.skin-creature{height:36px}.skin-name{font-size:11px}.skin-badge{font-size:9px}}@media (width<=500px){.profile-main{padding:20px 16px}.profile-tabs{align-self:stretch}.profile-tab{text-align:center;flex:1;padding:8px 12px;font-size:13px}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.profile-stat-item:nth-child(3){border-left:none;border-top:1px solid var(--line)}.profile-stat-item:nth-child(4){border-top:1px solid var(--line)}.skin-grid{grid-template-columns:repeat(3,1fr)}}.dashboard-page{background:var(--bg);background-image:radial-gradient(#1c21280a 1px,#0000 1px);background-size:24px 24px;min-height:100dvh}.dashboard-main{flex-direction:column;gap:32px;width:100%;max-width:720px;margin:0 auto;padding:32px 28px;display:flex}.dashboard-loading{min-height:100dvh;color:var(--ink-2);justify-content:center;align-items:center;display:flex}.db-hero{flex-direction:column;gap:4px;display:flex}.db-back{color:var(--ink-2);align-items:center;gap:7px;margin-bottom:16px;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.db-back:hover{color:var(--teal)}.db-hero-text{flex-direction:column;display:flex}.db-title{font-family:var(--display);color:var(--ink);letter-spacing:-.03em;margin:0;font-size:26px;font-weight:800;line-height:1.15}.db-stat-row{flex-wrap:wrap;gap:10px;display:flex}.db-stat-row .hub-spill{flex:calc(25% - 8px);min-width:110px}.db-section{flex-direction:column;gap:14px;display:flex}.dashboard-solution-wrap{justify-content:center;display:flex}.dashboard-solution-card-bg{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:28px;display:inline-flex}.db-dist-card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow-xs);flex-direction:column;gap:14px;padding:20px 24px;display:flex}.db-dist-row{align-items:center;gap:12px;display:flex}.db-dist-label{width:86px;color:var(--ink-2);flex-shrink:0;font-size:13px}.db-dist-label--fail{color:var(--coral);font-weight:600}.db-dist-track{background:var(--bg-tint);border-radius:6px;flex:1;height:12px;overflow:hidden}.db-dist-fill{background:var(--teal);border-radius:6px;height:100%}.db-dist-fill--fail{background:var(--coral)}.db-dist-pct{text-align:right;width:36px;color:var(--ink-2);font-size:12px;font-weight:600}.db-dist-count{text-align:right;width:20px;color:var(--ink-3);font-size:12px}.db-badge{background:var(--bg-tint);border-radius:var(--r-pill);color:var(--ink-2);padding:3px 10px;font-size:12px;font-weight:700}.db-leaderboard{flex-direction:column;gap:6px;display:flex}.db-player{background:var(--card);border-radius:var(--r-sm);box-shadow:var(--shadow-xs);border:1px solid var(--line-2);align-items:center;gap:12px;padding:11px 16px;font-size:13px;display:flex}.db-player--fail{opacity:.65}.db-rank{background:var(--bg-tint);width:28px;height:28px;color:var(--ink-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.db-rank--gold{color:#fff;background:linear-gradient(135deg,#f8d060,#e8a020)}.db-rank--silver{color:#fff;background:linear-gradient(135deg,#d0d5de,#9faab8)}.db-rank--bronze{color:#fff;background:linear-gradient(135deg,#e8a870,#c07040)}.db-player-name{color:var(--ink);flex:1;font-weight:600}.db-player-meta{align-items:center;gap:8px;display:flex}.db-player-attempts{color:var(--ink-3);font-size:12px}.db-player-time{color:var(--ink-3);border-left:1px solid var(--line);padding-left:8px;font-size:12px}.db-player-score{font-family:var(--display);white-space:nowrap;font-size:14px;font-weight:700}.db-player-score--ok{color:var(--teal-700)}.db-player-score--fail{color:var(--coral);font-size:12px;font-weight:600}.db-comments{grid-template-columns:1fr 1fr;gap:10px;display:grid}.db-comment{background:var(--card);border-radius:var(--r-sm);box-shadow:var(--shadow-xs);border:1px solid var(--line-2);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.db-comment-author{color:var(--teal);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.db-comment-body{color:var(--ink);margin:0;font-size:13px;line-height:1.5}.db-empty{color:var(--ink-3);text-align:center;padding:20px 0;font-size:14px}.text-success{color:var(--green);font-weight:600}.text-error{color:var(--coral);font-weight:600}.text-muted{color:var(--ink-3)}.daily-challenge-layout{grid-template-columns:300px 1fr;gap:20px;display:grid}.daily-challenge-card{min-width:0}.daily-challenge-side{flex-direction:column;gap:16px;height:100%;display:flex}.daily-lb{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);flex-direction:column;flex:1;padding:16px;display:flex}.daily-lb-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex}.daily-lb-trophy{color:#f5a623;flex-shrink:0;width:20px;height:20px}.daily-lb-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:700}.daily-lb-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:24px 16px;display:flex}.daily-lb-empty-icon{background:var(--bg-surface);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.daily-lb-empty-icon svg{width:24px;height:24px;color:var(--text-muted)}.daily-lb-empty-text{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.daily-lb-empty-cta{color:var(--accent);margin:0;font-size:13px;font-weight:700}.daily-lb-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.daily-lb-row{border-radius:var(--radius-sm);background:var(--bg-surface);align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.daily-lb-row--me{background:var(--accent-dim);border:1px solid var(--accent-border)}.daily-lb-rank{text-align:center;flex-shrink:0;width:28px;font-size:18px}.daily-lb-name{color:var(--text-primary);flex:1;font-weight:500}.daily-lb-score{color:var(--accent);white-space:nowrap;font-size:12px;font-weight:700}.daily-lb-separator{text-align:center;color:var(--text-muted);padding:4px 0;font-size:12px}.daily-archives-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.daily-archives-link:hover{text-decoration:underline}.community-empty-state{background:var(--card);border:1.5px dashed var(--border);border-radius:var(--radius-lg);text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:16px;padding:80px 40px;display:flex}.community-empty-icon{background:var(--accent-dim);border-radius:var(--radius-md);width:64px;height:64px;color:var(--accent);justify-content:center;align-items:center;display:flex}.community-empty-icon svg{width:32px;height:32px}.community-empty-title{color:var(--text-primary);margin-top:8px;font-size:18px;font-weight:700}.community-empty-text{color:var(--text-secondary);max-width:400px;margin:0;font-size:14px}.community-empty-state .btn-primary{margin-top:12px}.daily-archive-item{flex-direction:column;gap:6px;display:flex}.daily-archive-label{color:var(--text-muted);text-transform:capitalize;font-size:12px;font-weight:600}@media (width<=768px){.daily-challenge-layout{grid-template-columns:1fr}.daily-challenge-card .card-v2{width:100%;height:auto;min-height:180px}}.clsmt-collective-hero{background:var(--card);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:28px 32px}.clsmt-collective-main{align-items:center;gap:32px;margin-bottom:24px;display:flex}.clsmt-collective-info{flex-shrink:0;align-items:center;gap:16px;display:flex}.clsmt-collective-eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin:0 0 4px;font-size:11px;font-weight:600}.clsmt-collective-name{font-family:var(--display);color:var(--ink);margin:0 0 4px;font-size:22px;font-weight:800;line-height:1.1}.clsmt-collective-xp-val{color:var(--ink-2);margin:0;font-size:13px}.clsmt-collective-bar-area{flex:1}.clsmt-collective-bar-track{background:var(--bg-tint);border-radius:6px;height:12px;margin-bottom:8px;overflow:hidden}.clsmt-collective-bar-fill{background:linear-gradient(90deg, var(--teal), #00e8b8);border-radius:6px;height:100%}.clsmt-collective-bar-hint{color:var(--ink-2);text-align:right;margin:0;font-size:13px}.clsmt-upcoming-strip{border-top:1px solid var(--border);padding-top:20px}.clsmt-upcoming-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin:0 0 14px;font-size:11px;font-weight:600}.clsmt-upcoming-list{gap:12px;display:flex}.clsmt-upcoming-card{background:var(--bg-tint);border:1.5px solid var(--border);border-radius:var(--r-sm);opacity:.45;flex-direction:column;flex:1;align-items:center;gap:5px;padding:16px 12px;transition:opacity .18s;display:flex}.clsmt-upcoming-card--next{opacity:.8;border-color:var(--teal);background:var(--teal-soft)}.clsmt-upcoming-icon-wrap{margin-bottom:2px;display:inline-flex;position:relative}.clsmt-upcoming-lock{font-size:11px;position:absolute;bottom:-5px;right:-10px}.clsmt-upcoming-level-num{color:var(--ink-3);margin:0;font-size:11px;font-weight:600}.clsmt-upcoming-level-name{font-family:var(--display);color:var(--ink);text-align:center;margin:0;font-size:14px;font-weight:700}.clsmt-upcoming-xp{color:var(--ink-2);text-align:center;margin:0;font-size:11px}.clsmt-panel{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:28px}.clsmt-list{flex-direction:column;gap:8px;display:flex}.clsmt-row{background:var(--bg);border-radius:var(--r-sm);align-items:center;gap:14px;padding:14px 18px;font-size:15px;display:flex}.clsmt-row--me{background:var(--teal-soft);outline:2px solid var(--teal);outline-offset:-2px}.clsmt-rank{text-align:center;min-width:32px;font-size:18px}.clsmt-name{font-family:var(--display);color:var(--ink);flex:1;font-weight:700}.clsmt-xp{font-family:var(--display);color:var(--teal-700);font-size:15px;font-weight:700}.clsmt-sep{text-align:center;color:var(--ink-3);letter-spacing:2px;padding:4px 0;font-size:14px}.clsmt-panel-footer{justify-content:center;margin-top:16px;display:flex}.clsmt-voir-plus{color:var(--teal-700);font-family:var(--display);cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:14px;font-weight:600;transition:color .15s}.clsmt-voir-plus:hover{color:var(--teal)}@media (width<=600px){.clsmt-collective-main{flex-direction:column;align-items:flex-start;gap:20px}.clsmt-collective-bar-area{width:100%}.clsmt-collective-bar-hint{text-align:left}.clsmt-upcoming-card{padding:12px 8px}.clsmt-upcoming-level-name{font-size:12px}.clsmt-upcoming-xp{font-size:10px}}.tuto-main{flex-direction:column;display:flex}.tuto-demo-grid{--mini-card-size:108px}.tuto-demo-grid .mini-clue{padding:5px 14px;font-size:13px;font-weight:800}.tuto-demo-grid .mini-clue--left,.tuto-demo-grid .mini-clue--right{padding:14px 5px}.tuto-demo-grid .mini-clover-wrapper{grid-template-columns:52px 1fr 52px}.tuto-pfd-header{border-bottom:1px solid var(--line-2);padding:14px 18px 8px}.tuto-pfd-header .tuto-callout-title{margin:0}.tuto-create-step-header{border-bottom:1px solid var(--line);flex-direction:column;gap:4px;padding:16px 20px 14px;display:flex;position:static!important}.tuto-hero{grid-template-columns:1fr auto;align-items:center;gap:48px;margin-top:40px;margin-bottom:20px;display:grid}.tuto-hero-eyebrow{letter-spacing:.04em;color:var(--ink-2);align-items:center;gap:8px;margin-bottom:18px;font-size:12px;font-weight:600;display:inline-flex}.tuto-hero-title{letter-spacing:-.03em;color:var(--ink);margin-bottom:20px;font-size:clamp(36px,5vw,54px);font-weight:800;line-height:1.06}.tuto-hero-sub{color:var(--ink-2);max-width:48ch;margin-bottom:32px;font-size:16px;line-height:1.65}.tuto-hero-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.tuto-hero-hint{color:var(--ink-3);letter-spacing:.02em;font-size:13px;font-weight:500}.tuto-hero-visual{flex-shrink:0}.tuto-track-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:var(--r-pill);white-space:nowrap;flex-shrink:0;padding:4px 11px;font-size:11px;font-weight:700}.tuto-track-badge--play{background:var(--teal-soft);color:var(--teal-700)}.tuto-track-badge--create{background:var(--orange-soft);color:var(--amber)}.tuto-track-layout{grid-template-columns:1fr 360px;align-items:start;gap:28px;display:grid}.tuto-steps-col{flex-direction:column;gap:0;display:flex}.tuto-step{border-bottom:1px solid var(--line-2);gap:20px;padding:22px 0;display:flex}.tuto-step:last-child{border-bottom:none}.tuto-step-num{font-family:var(--display);color:var(--teal);opacity:.3;text-align:right;flex-shrink:0;min-width:28px;font-size:28px;font-weight:800;line-height:1.1}.tuto-step-body{flex:1;min-width:0;padding-top:3px}.tuto-step-title{font-family:var(--display);color:var(--ink);margin-bottom:8px;font-size:16px;font-weight:700;display:block}.tuto-step-desc{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.65}.tuto-step-desc strong{color:var(--ink);font-weight:700}.tuto-step-desc em{font-style:italic}.tuto-aside-col{flex-direction:column;gap:14px;display:flex}.tuto-callout{background:var(--card);border-radius:var(--r-sm);border:1px solid var(--line);box-shadow:var(--shadow-xs);padding:20px 22px}.tuto-callout--tip{background:var(--bg-tint);border-color:var(--line-2);box-shadow:none}.tuto-callout--creator{background:var(--orange-soft);border-color:#e8920e33}.tuto-callout-title{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin:0 0 14px;font-size:13px;font-weight:700}.tuto-callout--creator .tuto-callout-title{color:var(--amber)}.tuto-callout p{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.6}.tuto-callout p strong{color:var(--ink);font-weight:700}.tuto-feedback-list{flex-direction:column;gap:12px;display:flex}.tuto-feedback-row{align-items:flex-start;gap:12px;display:flex}.tuto-fdot{border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:3px}.tuto-fdot--green{background:var(--fb-green)}.tuto-fdot--orange{background:var(--fb-orange)}.tuto-fdot--red{background:var(--fb-red)}.tuto-feedback-row strong{color:var(--ink);margin-bottom:2px;font-size:13.5px;font-weight:700;display:block}.tuto-feedback-row p{color:var(--ink-2);margin:0;font-size:12.5px;line-height:1.5}.tuto-feedback-row em{font-style:italic}.tuto-tips-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tuto-tips-list li{color:var(--ink-2);gap:10px;font-size:13px;line-height:1.55;display:flex}.tuto-tips-list li em{font-style:italic}.tuto-tips-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:10px;font-weight:800;display:flex}.tuto-tips-icon--yes{background:var(--green-soft);color:var(--green)}.tuto-tips-icon--no{background:var(--coral-soft);color:var(--coral)}.tuto-score-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tuto-score-card{background:var(--card);border-radius:var(--r-sm);border:1px solid var(--line);box-shadow:var(--shadow-xs);flex-direction:column;gap:10px;padding:24px 22px;display:flex}.tuto-score-icon{font-size:26px;line-height:1}.tuto-score-card strong{font-family:var(--display);color:var(--ink);font-size:15px;font-weight:700}.tuto-score-card p{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.6}.tuto-cta-section{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:60px 0 20px;display:flex}.tuto-cta-label{color:var(--ink-3);letter-spacing:.02em;margin:0;font-size:14px;font-weight:600}@media (width<=960px){.tuto-hero{grid-template-columns:1fr;gap:32px}.tuto-hero-visual{order:-1;align-self:center}.tuto-track-layout{grid-template-columns:1fr}.tuto-aside-col{flex-flow:wrap}.tuto-aside-col .tuto-callout{flex:260px}.tuto-score-grid{grid-template-columns:1fr}}@media (width<=560px){.tuto-hero-title{font-size:34px}.tuto-hero-actions{flex-direction:column;align-items:flex-start}.tuto-demo-grid{--mini-card-size:80px}.tuto-demo-grid .mini-clover-wrapper{grid-template-columns:38px 1fr 38px}.tuto-aside-col{flex-direction:column}.tuto-score-grid{grid-template-columns:1fr;gap:10px}}.admin-page{background:var(--bg);background-image:radial-gradient(#1c21280a 1px,#0000 1px);background-size:24px 24px;min-height:100dvh}.admin-main{grid-template-columns:280px 1fr;align-items:start;gap:24px;max-width:1100px;margin:0 auto;padding:32px 28px;display:grid}.admin-schedule{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow-sm);overflow:hidden}.admin-calendar{padding:14px}.admin-cal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.admin-cal-month{font-family:var(--display);color:var(--ink);text-transform:capitalize;letter-spacing:-.01em;font-size:14px;font-weight:700}.admin-cal-nav{border:1px solid var(--line);background:var(--card);width:32px;height:32px;color:var(--ink-2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:background .15s,border-color .15s,color .15s;display:flex}.admin-cal-nav:hover{background:var(--teal-soft);border-color:var(--teal);color:var(--teal)}.admin-cal-filter{background:var(--bg-tint);border:1px solid var(--line);border-radius:var(--r-sm);width:100%;font-family:var(--sans);color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:flex}.admin-cal-filter-dot{background:var(--line);border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .15s}.admin-cal-filter--on{background:var(--teal-soft);border-color:var(--teal);color:var(--teal-700)}.admin-cal-filter--on .admin-cal-filter-dot{background:var(--teal)}.admin-cal-weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:4px;display:grid}.admin-cal-weekday{text-align:center;color:var(--ink-3);text-transform:uppercase;font-size:11px;font-weight:700}.admin-cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.admin-cal-cell{aspect-ratio:1;border-radius:var(--r-sm);background:var(--bg-tint);cursor:pointer;color:var(--ink-2);border:1px solid #0000;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .1s;display:flex;position:relative}.admin-cal-cell--blank{cursor:default;background:0 0;border:none}.admin-cal-cell--empty{background:var(--bg-tint)}.admin-cal-cell--empty:hover{background:var(--card);border-color:var(--line)}.admin-cal-cell--filled{background:var(--green-soft);color:var(--green)}.admin-cal-cell--filled:hover{border-color:var(--green)}.admin-cal-cell--today{box-shadow:inset 0 0 0 1.5px var(--ink-3)}.admin-cal-cell--active{border-color:var(--teal);background:var(--teal-soft);color:var(--teal-700);transform:scale(1.04)}.admin-cal-cell--active.admin-cal-cell--filled{background:var(--teal-soft)}.admin-cal-cell--dimmed{opacity:.4}.admin-cal-num{line-height:1}.admin-cal-mark{font-size:9px;line-height:1;position:absolute;bottom:3px;right:5px}.admin-cal-mark--ok{color:var(--green)}.admin-cal-legend{border-top:1px solid var(--line-2);gap:16px;margin-top:14px;padding-top:12px;display:flex}.admin-cal-legend-item{color:var(--ink-3);align-items:center;gap:6px;font-size:11px;display:flex}.admin-cal-dot{border-radius:3px;flex-shrink:0;width:9px;height:9px}.admin-cal-dot--ok{background:var(--green)}.admin-cal-dot--empty{background:var(--bg-tint);border:1px solid var(--line)}.admin-mobile-bar,.admin-cal-backdrop,.admin-cal-drawer{display:none}.admin-editor{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow-sm);flex-direction:column;gap:20px;padding:24px;display:flex}.admin-editor-empty{color:var(--ink-3);text-align:center;padding:40px 0;font-size:14px}.admin-editor-header{justify-content:space-between;align-items:center;display:flex}.admin-editor-title{font-family:var(--display);color:var(--ink);letter-spacing:-.01em;margin:0;font-size:17px;font-weight:700}.admin-delete-btn{border:1.5px solid var(--coral);color:var(--coral);border-radius:var(--r-sm);cursor:pointer;background:0 0;padding:6px 14px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.admin-delete-btn:hover{background:var(--coral);color:#fff}.admin-editor-body{justify-content:center;display:flex}.admin-editor-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.admin-hint{color:var(--ink-3);text-align:right;margin:0;font-size:12px}.admin-play-btn{text-decoration:none}.admin-save-btn{background:var(--teal);color:#fff;border-radius:var(--r-pill);min-width:140px;font-family:var(--display);cursor:pointer;border:none;padding:11px 24px;font-size:14px;font-weight:700;transition:background .15s,transform .15s;box-shadow:0 4px 14px -6px #0a9e8480}.admin-save-btn:hover:not(:disabled){background:var(--teal-700);transform:translateY(-1px)}.admin-save-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.admin-refresh-btn{border:1.5px solid var(--line);border-radius:var(--r-pill);font-family:var(--sans);color:var(--ink-2);cursor:pointer;background:0 0;flex-shrink:0;padding:10px 20px;font-size:14px;font-weight:600;transition:border-color .15s,color .15s}.admin-refresh-btn:hover{border-color:var(--teal);color:var(--teal)}.clover-slot--action{position:relative}.admin-slot-refresh{background:var(--card);border:1px solid var(--line);width:26px;height:26px;color:var(--ink-2);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;font-size:13px;transition:background .15s,border-color .15s,color .15s;display:flex;position:absolute;bottom:4px;right:4px}.admin-slot-refresh:hover:not(:disabled){background:var(--teal-soft);border-color:var(--teal);color:var(--teal)}.admin-slot-refresh:disabled{opacity:.5;cursor:default}.archives-main{padding-top:20px}.archives-header{flex-direction:column;gap:12px;margin-bottom:40px;display:flex}.archives-back{color:var(--teal);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:fit-content;padding:0;font-size:14px;font-weight:600;transition:gap .15s,transform .15s;display:inline-flex}.archives-back:hover{gap:10px;transform:translate(-2px)}.archives-back svg{stroke:currentColor}.archives-title{font-family:var(--display);color:var(--ink);letter-spacing:-.03em;margin:0;font-size:32px;font-weight:800}.archives-subtitle{color:var(--ink-2);margin:0;font-size:15px}.daily-archive-card-wrapper{flex-direction:column;gap:6px;display:flex}.daily-archive-card-date{color:var(--ink-3);text-transform:capitalize;font-size:12px;font-weight:600}.daily-empty-state{background:var(--card);border-radius:var(--r);text-align:center;border:1.5px dashed #0a9e844d;flex-direction:column;align-items:center;gap:12px;padding:40px;display:flex}.daily-empty-icon{background:var(--teal-soft);border-radius:var(--r-sm);width:48px;height:48px;color:var(--teal);justify-content:center;align-items:center;display:flex}.daily-empty-icon svg{width:24px;height:24px}.daily-empty-title{font-family:var(--display);color:var(--ink);margin:0;font-size:16px;font-weight:700}.daily-empty-text{color:var(--ink-2);max-width:380px;margin:0;font-size:13px}.daily-empty-state .btn-secondary{margin-top:8px}.community-no-today{background:var(--teal-soft);border-left:3px solid var(--teal);border-radius:var(--r-sm);margin-bottom:24px;padding:16px 20px}.community-no-today p{color:var(--teal-700);margin:0;font-size:15px;font-weight:600}@media (width<=768px){.admin-main{grid-template-columns:1fr;padding:16px 14px 96px}.admin-editor{padding:16px}.admin-page{--slot-size:min(210px, calc((100vw - 314px) / 2))}.admin-schedule{display:none}.admin-mobile-bar{z-index:20;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);width:100%;box-shadow:var(--shadow-sm);font-family:var(--sans);cursor:pointer;align-items:center;gap:10px;margin-bottom:4px;padding:12px 16px;display:flex;position:sticky;top:0}.admin-mobile-bar-icon{font-size:18px;line-height:1}.admin-mobile-bar-label{color:var(--ink);text-transform:capitalize;font-size:14px;font-weight:700}.admin-mobile-bar-chevron{color:var(--teal);margin-left:auto;font-size:12px;font-weight:600}.admin-cal-backdrop{z-index:60;background:#14181e73;animation:.15s fade-in;display:block;position:fixed;inset:0}.admin-cal-drawer{z-index:61;background:var(--card);padding:8px 12px calc(16px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;max-height:85dvh;animation:.22s cubic-bezier(.2,.8,.3,1) slide-up;display:block;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 30px -10px #0000004d}.admin-cal-drawer-head{justify-content:space-between;align-items:center;padding:8px 4px 4px;display:flex}.admin-cal-drawer-title{font-family:var(--display);color:var(--ink);font-size:15px;font-weight:700}.admin-cal-drawer-close{background:var(--bg-tint);width:32px;height:32px;color:var(--ink-2);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.admin-cal-drawer .admin-calendar{padding:6px 4px 4px}.admin-cal-cell{font-size:15px}.admin-cal-grid{gap:6px}.admin-editor-actions{z-index:15;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--card) 70%, #fff0);border-top:1px solid var(--line-2);flex-direction:column;margin:0 -16px -16px;position:sticky;bottom:0}.admin-save-btn,.admin-refresh-btn{width:100%}.admin-save-btn{padding:14px 24px;font-size:15px}.admin-refresh-btn{padding:13px 20px}.admin-play-btn{text-align:center}.admin-slot-refresh{width:36px;height:36px;font-size:16px;bottom:6px;right:6px}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width<=680px){.admin-page{--slot-size:min(170px, calc((100vw - 150px) / 2))}.admin-editor .clover-grid{gap:12px}}@media (width<=480px){.app-header{padding:12px 16px}.header-item{gap:5px;padding:7px 10px;font-size:12px}.header-right{gap:6px}.header-label{display:none}.archives-title{font-size:22px}.archives-header{margin-bottom:24px}.login-card{padding:36px 22px 28px}.login-headline{font-size:24px}.dashboard-main{gap:24px;padding:20px 16px}.db-title{font-size:20px}.db-comments{grid-template-columns:1fr}.db-player-meta{display:none}.profile-main{gap:16px;padding:20px 16px}.profile-name{font-size:18px}.profile-avatar{width:52px;height:52px;font-size:22px}.result-feedback-body{padding:14px}}@media (width<=400px){.profile-stats{grid-template-columns:repeat(2,1fr)}.db-stat-row .hub-spill{flex:calc(50% - 5px)}.stat-value{font-size:26px}.top-sections{gap:10px;margin-top:28px}.hub-section--spaced{margin-top:28px}.cards-grid{grid-template-columns:1fr}.result-card{padding:20px 14px}.section-title{font-size:16px}}