@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Fredoka+One&display=swap";:root{--bg-main:#f9f8f3;--bg-card:#fff;--bg-toolbar:#fff8e7;--bg-sidebar:#fff4f4;--text-main:#1e1e24;--text-muted:#64748b;--color-primary:#ff5964;--color-secondary:#35a7ff;--color-success:#38b000;--color-warning:#ffb703;--color-purple:#8338ec;--color-orange:#fb8500;--border-color:#1e1e24;--border-width-thick:3px;--border-width-thin:1.5px;--radius-playful:14px;--radius-round:50%;--shadow-flat:4px 4px 0px var(--border-color);--shadow-flat-sm:2px 2px 0px var(--border-color);--shadow-flat-inset:inset 2px 2px 0px #0000001f;--font-fun:"Nunito", "Fredoka One", "Comic Sans MS", sans-serif;--font-display:"Fredoka One", "Nunito", sans-serif;--toolbar-width:200px;--sidebar-width:200px;--header-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-fun);font-size:14px;line-height:1.4}#sketchpad-layout{flex-direction:column;width:100%;height:100dvh;display:flex}button,input,.tab-btn{touch-action:manipulation}#app-header{height:var(--header-height);background-color:var(--color-primary);border-bottom:var(--border-width-thick) solid var(--border-color);box-shadow:0 4px 0px var(--border-color);z-index:10;flex-shrink:0;align-items:center;padding:0 20px;display:flex}#header-brand{cursor:pointer;align-items:center;gap:10px;display:flex}#header-title-group{flex-direction:column;gap:1px;display:flex}#header-logo{filter:drop-shadow(2px 2px #0003);width:auto;height:42px;animation:3s ease-in-out infinite logo-wiggle}@keyframes logo-wiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}#header-user-info{background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);box-shadow:var(--shadow-flat-sm);font-family:var(--font-fun);color:var(--text-main);margin-left:auto;padding:6px 14px;font-size:14px;font-weight:800}#app-title{font-family:var(--font-display);color:#fff;text-shadow:2px 2px 0px var(--border-color);letter-spacing:.5px;font-size:26px;font-weight:400}#app-subtitle{color:var(--text-main);font-size:11px;font-weight:700;font-family:var(--font-display);letter-spacing:.3px}#sketchpad-main{flex:1;display:flex;overflow:hidden}#drawing-toolbar{width:var(--toolbar-width);background-color:var(--bg-toolbar);border-right:var(--border-width-thick) solid var(--border-color);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;flex-direction:column;flex-shrink:0;gap:0;padding:14px 12px;display:flex;overflow:hidden auto}.toolbar-group{flex-direction:column;gap:8px;padding:10px 0;display:flex}.toolbar-divider{border:none;border-top:var(--border-width-thin) solid var(--border-color);opacity:.25;margin:0}.toolbar-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:10px;font-weight:800}.color-palette{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.color-swatch{aspect-ratio:1;background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);cursor:pointer;box-shadow:var(--shadow-flat-sm);border-radius:8px;padding:1px;transition:transform .1s,box-shadow .1s;position:relative}.tool-svg{width:100%;height:100%;display:block}.tool-icon .tool-svg{width:17px;height:17px}.color-swatch:hover{box-shadow:3px 3px 0px var(--border-color);z-index:1;transform:scale(1.15)translateY(-1px)}.color-swatch.selected:after{content:"✓";color:#fff;text-shadow:0 0 3px #000c;justify-content:center;align-items:center;font-size:13px;font-weight:900;display:flex;position:absolute;inset:0}.picker-swatch{padding:1px;display:block;overflow:hidden}.picker-swatch input[type=color]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.picker-badge{pointer-events:none;font-size:10px;position:absolute;bottom:-3px;right:-2px}.size-row{gap:6px;display:flex}.size-btn{flex:1;justify-content:center;align-items:center;gap:4px;min-height:34px;display:inline-flex}.size-dot{background-color:var(--border-color);border-radius:50%;display:inline-block}.slider-row{align-items:center;gap:10px;display:flex}.brush-slider{appearance:none;background:linear-gradient(to right, var(--color-primary), var(--color-secondary));border:var(--border-width-thin) solid var(--border-color);cursor:pointer;border-radius:3px;outline:none;flex:1;height:6px}.brush-slider::-webkit-slider-thumb{appearance:none;background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);cursor:grab;width:18px;height:18px;box-shadow:2px 2px 0px var(--border-color);border-radius:50%;transition:transform .1s}.brush-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.2)}.brush-preview{background-color:var(--text-main);border:1.5px solid var(--border-color);border-radius:50%;flex-shrink:0;min-width:4px;max-width:36px;min-height:4px;max-height:36px;transition:width .1s,height .1s;display:block}.btn-tool{background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);font-family:var(--font-fun);cursor:pointer;box-shadow:var(--shadow-flat-sm);color:var(--text-main);align-items:center;gap:6px;width:100%;padding:7px 10px;font-size:12px;font-weight:700;transition:transform .1s,box-shadow .1s,background-color .15s;display:flex}.btn-tool:hover{box-shadow:3px 3px 0px var(--border-color);transform:translateY(-1px)}.btn-tool.active{background-color:var(--color-warning);box-shadow:none;transform:translate(2px,2px)}.tool-icon{font-size:14px}.tool-text{font-size:11px;font-weight:800}.btn-action{background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);font-family:var(--font-fun);cursor:pointer;box-shadow:var(--shadow-flat-sm);color:var(--text-main);align-items:center;gap:6px;width:100%;padding:7px 10px;font-size:11px;font-weight:800;transition:transform .1s,box-shadow .1s;display:flex}.btn-action:hover{box-shadow:3px 3px 0px var(--border-color);transform:translateY(-1px)}.btn-action:active{box-shadow:none;transform:translate(2px,2px)}.btn-action--danger{color:var(--color-primary);background-color:#fff0f0}.btn-action--danger:hover{background-color:var(--color-primary);color:#fff}#canvas-section{background-color:var(--bg-main);background-image:radial-gradient(circle,#1e1e241f 1px,#0000 1px);background-size:24px 24px;flex:1;justify-content:stretch;align-items:stretch;padding:16px;display:flex;overflow:hidden}#canvas-container{background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);box-shadow:var(--shadow-flat);cursor:crosshair;flex:1;position:relative;overflow:hidden}#drawing-canvas{touch-action:none;cursor:none;width:100%;height:100%;display:block}#canvas-cursor-dot{pointer-events:none;z-index:5;border:2px solid #0000;border-radius:50%;transition:width 50ms,height 50ms;display:none;position:absolute;transform:translate(-50%,-50%)}#draw-focus-btn{background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);width:42px;height:42px;box-shadow:var(--shadow-flat-sm);cursor:pointer;z-index:6;justify-content:center;align-items:center;font-size:18px;font-weight:900;display:none;position:absolute;top:8px;right:8px}#draw-focus-btn:active{box-shadow:none;transform:translate(2px,2px)}#drawing-sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-left:var(--border-width-thick) solid var(--border-color);flex-direction:column;flex-shrink:0;gap:14px;padding:14px 12px;display:flex;overflow-y:auto}#secret-word-card{background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);box-shadow:var(--shadow-flat-sm);flex-direction:column;gap:8px;padding:12px;display:flex}#secret-word-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:10px;font-weight:800}#secret-word-input{background-color:var(--bg-main);border:var(--border-width-thick) solid var(--border-color);width:100%;font-family:var(--font-fun);color:var(--text-main);box-shadow:var(--shadow-flat-inset);border-radius:10px;outline:none;padding:8px 10px;font-size:13px;font-weight:700;transition:border-color .15s}#secret-word-input:focus{border-color:var(--color-secondary)}#secret-word-input-row{align-items:center;gap:6px;display:flex}#secret-word-input-row #secret-word-input{flex:1;min-width:0}.btn-secret-edit{background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);cursor:pointer;width:34px;height:34px;box-shadow:var(--shadow-flat-sm);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:transform .1s,box-shadow .1s;display:flex}.btn-secret-edit:hover{box-shadow:3px 3px 0px var(--border-color);transform:translateY(-1px)}.btn-secret-edit:active{box-shadow:none;transform:translate(2px,2px)}.btn-secret-edit.hidden{display:none}.btn-validate{width:100%;font-family:var(--font-display);color:#fff;background:var(--color-primary);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);box-shadow:var(--shadow-flat-sm);cursor:pointer;margin-top:8px;padding:10px;font-size:15px;transition:transform .1s,box-shadow .1s}.btn-validate:hover{box-shadow:3px 3px 0 var(--border-color);transform:translateY(-1px)}.btn-validate:active{box-shadow:none;transform:translate(2px,2px)}.btn-validate:disabled{opacity:.6;cursor:default}#secret-word-card.secret-locked{border-color:var(--color-success);box-shadow:2px 2px 0px var(--color-success)}#secret-word-card.secret-locked #secret-word-input{border-color:var(--color-success);color:var(--text-main);pointer-events:none;cursor:default;background-color:#f0fff4}.secret-word-status{color:var(--color-success);text-align:center;letter-spacing:.3px;font-size:15px;font-weight:900}.secret-word-status.hidden{display:none}.sidebar-hint{color:var(--text-muted);text-align:center;font-size:10px}#stroke-info-card{background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);box-shadow:var(--shadow-flat-sm);flex-direction:column;gap:4px;padding:10px 12px;display:flex}#stroke-info-card p{color:var(--text-muted);font-size:11px;font-weight:700}.btn-primary{background-color:var(--color-primary);color:#fff;border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);font-family:var(--font-fun);cursor:pointer;box-shadow:var(--shadow-flat);padding:10px 20px;font-weight:800;transition:transform .1s,box-shadow .1s}.btn-primary:hover{box-shadow:5px 6px 0px var(--border-color);transform:translateY(-2px)}.btn-primary:active{box-shadow:var(--shadow-flat-sm);transform:translate(2px,2px)}#join-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#1e1e248c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}#join-modal-overlay.hidden{display:none}#join-modal{background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);box-shadow:8px 8px 0px var(--border-color);text-align:center;width:100%;max-width:400px;padding:32px 40px;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards pop-in}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}#join-modal h2{font-family:var(--font-display);color:var(--color-primary);text-shadow:1px 1px 0px var(--border-color);margin-bottom:8px;font-size:28px}#join-modal p{color:var(--text-muted);margin-bottom:24px;font-size:14px}#join-form{text-align:left;flex-direction:column;gap:16px;display:flex}#join-form label{text-transform:uppercase;color:var(--text-main);font-size:12px;font-weight:800}#join-username{background-color:var(--bg-main);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);width:100%;font-family:var(--font-fun);color:var(--text-main);box-shadow:var(--shadow-flat-inset);outline:none;padding:12px 14px;font-size:16px;font-weight:700;transition:border-color .15s}#join-username:focus{border-color:var(--color-secondary)}#join-lang-row{flex-direction:column;gap:6px;display:flex}#join-error{font-weight:800;color:var(--color-primary)!important;margin-bottom:0!important}#join-error.hidden{display:none}.svgi{vertical-align:-.16em;stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.1em;height:1.1em}.ui-ico{object-fit:contain;vertical-align:-.25em;flex:none;width:1.25em;height:1.25em;display:inline-block}.tab-icon .ui-ico{vertical-align:middle;width:22px;height:22px}.landing-card-ico{object-fit:contain;flex:none;width:34px;height:34px}#landing{flex-direction:column;gap:22px;width:100%;max-width:720px;margin:auto;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards pop-in;display:flex;position:relative}.landing-doodles{z-index:2;pointer-events:none;position:absolute;inset:0}.landing-doodles img{opacity:1;width:104px;height:auto;position:absolute}.landing-row{z-index:1;grid-template-columns:220px 1fr;align-items:stretch;gap:22px;display:grid;position:relative}.landing-row.auth-centered{justify-content:center;display:flex}.landing-row.auth-centered .landing-left{display:none!important}.landing-row.auth-centered .auth-card{width:100%;max-width:480px}.landing-left{flex-direction:column;gap:18px;display:flex}.landing-card{background:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);box-shadow:var(--shadow-flat)}.profile-card{padding:14px}.profile-top{align-items:center;gap:10px;margin-bottom:10px;display:flex}.profile-avatar{border:var(--border-width-thick) solid var(--border-color);background:var(--bg-sidebar);width:42px;height:42px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:flex}.profile-name{font-family:var(--font-display);font-size:16px}.profile-xp{color:var(--text-muted);font-size:12px}.profile-stats{gap:8px;display:flex}.stat-pill{background:var(--bg-toolbar);border:var(--border-width-thin) solid var(--border-color);border-radius:9px;flex:1;justify-content:center;align-items:center;gap:5px;padding:5px;font-size:13px;font-weight:800;display:flex}.stat-pill.coin{color:var(--color-orange)}.stat-pill.star{color:var(--color-secondary)}.friends-card{text-align:center;color:var(--text-muted);box-shadow:none;border-style:dashed;border-color:#b4b2a9;padding:14px}.friends-icon{font-size:24px}.friends-label{font-family:var(--font-display);margin-top:4px;font-size:14px}.soon-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary);background:var(--bg-sidebar);border-radius:8px;margin-top:6px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.shop-card{text-align:center;color:var(--text-muted);box-shadow:none;border-style:dashed;border-color:#b4b2a9;padding:14px}.shop-icon{font-size:24px}.shop-label{font-family:var(--font-display);margin-top:4px;font-size:14px}.auth-card{text-align:center;flex-direction:column;padding:22px;display:flex}.auth-brand{justify-content:center;align-items:center;gap:12px;margin-bottom:18px;display:flex}.auth-logo{object-fit:contain;width:68px;height:68px}.auth-brand-txt{text-align:left}.auth-title{font-family:var(--font-display);color:var(--color-primary);text-shadow:1px 1px 0 var(--border-color);font-size:36px;line-height:1}.auth-slogan{color:var(--text-muted);margin-top:3px;font-size:14px}#join-form{text-align:center;gap:10px}#join-username{text-align:center}.btn-guest{width:100%;font-family:var(--font-display);color:#fff;background:var(--color-primary);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);box-shadow:var(--shadow-flat-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:11px;font-size:18px;transition:transform .12s,box-shadow .12s;display:flex}.btn-guest:hover{box-shadow:3px 5px 0 var(--border-color);transform:translateY(-2px)}.btn-guest:active{box-shadow:none;transform:translate(2px,2px)}.btn-guest:disabled{opacity:.6;cursor:default}.auth-divider{color:#b4b2a9;text-transform:uppercase;align-items:center;gap:10px;margin:16px 0;font-size:12px;font-weight:800;display:flex}.auth-divider span{background:#eceadf;flex:1;height:2px}.auth-divider em{font-style:normal}#auth-providers{flex-direction:column;gap:9px;display:flex}.auth-provider-btn{width:100%;font-family:var(--font-fun);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);box-shadow:var(--shadow-flat-sm);cursor:pointer;justify-content:center;align-items:center;gap:9px;padding:10px;font-size:14px;font-weight:800;transition:transform .12s,box-shadow .12s;display:flex}.auth-provider-btn:hover{box-shadow:3px 5px 0 var(--border-color);transform:translateY(-2px)}.auth-provider-btn:active{box-shadow:none;transform:translate(2px,2px)}.auth-provider-btn:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}.auth-provider-btn.google{color:var(--text-main);background:var(--bg-card)}.auth-provider-btn.email{color:#fff;background:var(--color-secondary)}.auth-email-form{flex-direction:column;gap:10px;margin-top:10px;display:flex}.auth-email-form.hidden{display:none}.auth-email-form input{background:var(--bg-main);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);width:100%;font-family:var(--font-fun);color:var(--text-main);box-shadow:var(--shadow-flat-inset);outline:none;padding:11px 14px;font-size:15px;font-weight:700}.auth-email-form input:focus{border-color:var(--color-secondary)}.pwd-wrap{width:100%;position:relative}.pwd-wrap input{padding-right:42px!important}.btn-pwd-eye{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;padding:4px;transition:color .12s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.btn-pwd-eye:hover{color:var(--color-secondary)}.btn-pwd-eye .svgi{width:18px;height:18px}.btn-pwd-eye .hidden{display:none!important}.btn-email-submit{width:100%;font-family:var(--font-display);color:#fff;background:var(--color-secondary);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);box-shadow:var(--shadow-flat-sm);cursor:pointer;padding:10px;font-size:16px;transition:transform .12s,box-shadow .12s}.btn-email-submit:hover{box-shadow:3px 5px 0 var(--border-color);transform:translateY(-2px)}.btn-email-submit:active{box-shadow:none;transform:translate(2px,2px)}.auth-link{color:var(--text-muted);font-family:var(--font-fun);cursor:pointer;background:0 0;border:none;padding:2px;font-size:13px;font-weight:700;text-decoration:underline}.auth-link:hover{color:var(--color-secondary)}.auth-toggle-group{flex-direction:column;align-items:center;gap:6px;margin-top:4px;display:flex}.auth-toggle-text{font-family:var(--font-fun);color:var(--text-muted);font-size:13px}.btn-mode-toggle{width:100%;font-family:var(--font-display);color:var(--color-secondary);border:var(--border-width-thick) solid var(--color-secondary);border-radius:var(--radius-playful);cursor:pointer;background:0 0;padding:9px;font-size:15px;transition:background .12s,color .12s}.btn-mode-toggle:hover{background:var(--color-secondary);color:#fff}.auth-or{color:#b4b2a9;text-transform:uppercase;align-items:center;gap:8px;margin:10px 0;font-size:11px;font-weight:800;display:flex}.auth-or span{background:#eceadf;flex:1;height:1.5px}.auth-or em{font-style:normal}.auth-welcome{font-family:var(--font-display);color:var(--text-main);text-align:center;margin-bottom:14px;font-size:24px}.auth-welcome strong{color:var(--color-primary)}#auth-welcome.hidden{display:none}.btn-disconnect{border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-playful);width:100%;font-family:var(--font-fun);color:var(--text-muted);cursor:pointer;background:0 0;margin-top:8px;padding:8px;font-size:13px;font-weight:700;transition:color .12s,border-color .12s;display:block}.btn-disconnect:hover{color:var(--color-primary);border-color:var(--color-primary)}#auth-disconnect-btn.hidden{display:none}.email-verify-nudge{background:var(--color-secondary-soft,#0000000a);border-radius:var(--radius-playful);font-family:var(--font-fun);color:var(--text-muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:8px 12px;font-size:12px;display:flex}.email-verify-nudge .auth-link{font-weight:800}.email-verify-nudge.hidden{display:none}.auth-choose-title{font-family:var(--font-fun);color:var(--text-main);text-align:center;margin:0 0 8px;font-size:14px;font-weight:700}#auth-forgot-password{margin:8px auto 0;display:block}#auth-forgot-password.hidden,#auth-providers.hidden,#auth-divider.hidden,#auth-note.hidden,#auth-email-btn.hidden,#join-username.hidden,#join-form.hidden{display:none}.auth-error{text-align:center;font-size:13px;font-weight:800;color:var(--color-primary)!important}#join-error.auth-error{margin:12px 0 0!important}@keyframes shakeError{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.shake-animation{animation:.4s cubic-bezier(.36,.07,.19,.97) both shakeError}.auth-note{color:#94a3b8;justify-content:center;align-items:flex-start;gap:6px;margin-top:12px;font-size:11px;line-height:1.5;display:flex}.auth-note .svgi{margin-top:1px}.auth-lang{margin-top:auto;padding-top:16px}.auth-lang .lang-select{font-size:13px}.mobile-card{text-align:center;color:var(--text-muted);box-shadow:none;z-index:1;border-style:dashed;border-color:#b4b2a9;justify-content:center;align-self:center;align-items:center;gap:8px;padding:8px 14px;display:flex;position:relative}.mobile-card.hidden,.shop-card.hidden,.profile-card.hidden,.friends-card.hidden{display:none!important}.mobile-txt{flex-direction:column;align-items:center;gap:0;display:flex}.phone-icon{stroke-width:2px;width:24px;height:24px;font-size:24px}.mobile-sub{font-family:var(--font-display);color:var(--text-muted);font-size:14px;font-weight:800}.mobile-card .soon-badge{margin-top:0}.mobile-doodles{display:none}.mobile-doodles.hidden{display:none!important}@media (width<=960px){.landing-doodles{display:none}}@media (width<=640px){#join-modal-overlay{padding:10px 12px}#landing{gap:10px}.landing-row{grid-template-columns:1fr;gap:10px}.landing-left{flex-flow:wrap;gap:8px}.landing-left .landing-card{flex:1}.landing-left .shop-card{flex:100%}.profile-card{padding:8px 10px}.profile-top{gap:7px;margin-bottom:5px}.profile-avatar{width:30px;height:30px;font-size:16px}.profile-name{font-size:13px}.profile-xp{font-size:10px}.stat-pill{border-radius:7px;gap:3px;padding:3px 4px;font-size:11px}.friends-card{flex-direction:column;justify-content:center;align-items:center;padding:8px 10px;display:flex}.friends-icon{font-size:18px}.landing-card-ico{width:26px;height:26px}.friends-label{margin-top:2px;font-size:12px}.soon-badge{margin-top:3px;padding:2px 6px;font-size:9px}.shop-card{flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:flex}.shop-icon{font-size:18px}.shop-label{margin-top:0;font-size:12px}.shop-card .soon-badge{margin-top:0}.auth-card{padding:14px}.auth-brand{gap:10px;margin-bottom:12px}.auth-logo{width:44px;height:44px}.auth-title{font-size:26px}.auth-slogan{margin-top:2px;font-size:11px}#join-form{gap:7px}#join-username{padding:9px 10px;font-size:14px}.btn-guest{padding:9px;font-size:16px}.auth-divider{margin:6px 0;font-size:10px}#auth-providers{gap:6px}.auth-provider-btn{padding:8px;font-size:13px}.auth-or{margin:4px 0;font-size:10px}.auth-email-form{gap:6px;margin-top:6px}.auth-email-form input{padding:8px 10px;font-size:13px}.btn-email-submit{padding:8px;font-size:14px}.auth-toggle-group{gap:4px;margin-top:2px}.btn-mode-toggle{padding:7px;font-size:13px}.auth-note{margin-top:8px;font-size:10px}.auth-lang{margin-top:10px;padding-top:0}.auth-lang .lang-select{padding:5px 10px;font-size:12px}.mobile-doodles{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;padding:0 4px;display:grid}.mobile-doodles img{opacity:.9;border-radius:4px;width:100%;height:auto}.mobile-card{gap:6px;padding:6px 12px}.phone-icon{width:20px;height:20px}.mobile-sub{font-size:12px}.mobile-card .soon-badge{padding:2px 6px}}#app-footer{background-color:var(--bg-toolbar);border-top:var(--border-width-thick) solid var(--border-color);z-index:9;flex-shrink:0}#footer-content{justify-content:space-between;align-items:center;padding:6px 16px;display:flex}#footer-toggle{display:none}.scroll-top-btn{z-index:40;color:#fff;background-color:var(--color-secondary);border:var(--border-width-thick) solid var(--border-color);width:48px;height:48px;box-shadow:var(--shadow-flat);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:900;line-height:1;transition:transform .12s,box-shadow .12s;animation:.2s cubic-bezier(.175,.885,.32,1.275) pop-in;display:flex;position:fixed;bottom:72px;right:18px}.scroll-top-btn:hover{box-shadow:4px 6px 0 var(--border-color);transform:translateY(-2px)}.scroll-top-btn:active{box-shadow:none;transform:translate(2px,2px)}.scroll-top-btn.hidden{display:none}#footer-brand{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.5px;cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}#footer-logo{width:auto;height:20px}#footer-lang{align-items:center;gap:10px;display:flex}.lang-select{font-family:var(--font-fun);color:var(--text-main);background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);cursor:pointer;box-shadow:var(--shadow-flat-sm);outline:none;padding:6px 10px;font-size:13px;font-weight:800}.lang-select:focus{border-color:var(--color-secondary)}#tab-nav{background-color:var(--bg-toolbar);border-bottom:var(--border-width-thick) solid var(--border-color);z-index:9;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;display:flex}.tab-btn{background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);font-family:var(--font-fun);cursor:pointer;box-shadow:var(--shadow-flat-sm);color:var(--text-main);align-items:center;gap:6px;padding:7px 18px;font-size:13px;font-weight:800;transition:transform .1s,box-shadow .1s,background-color .15s;display:flex}.tab-btn:hover{box-shadow:3px 3px 0px var(--border-color);transform:translateY(-1px)}.tab-btn.active{color:#fff;box-shadow:var(--shadow-flat-sm);transform:translate(1px,1px)}#tab-draw-btn.active{background-color:var(--color-secondary)}#tab-gallery-btn.active{background-color:var(--color-primary)}#tab-leaderboard-btn.active{background-color:var(--color-purple)}#tab-trophies-btn.active{background-color:var(--color-orange)}.gallery-count{background-color:var(--color-warning);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);min-width:32px;height:36px;font-family:var(--font-fun);color:var(--text-main);box-shadow:var(--shadow-flat-sm);justify-content:center;align-items:center;padding:0 12px;font-size:14px;font-weight:900;animation:.2s cubic-bezier(.175,.885,.32,1.275) pop-in;display:inline-flex}.gallery-count.hidden{display:none}#view-leaderboard{align-items:center;padding:20px;overflow-y:auto}#leaderboard-container{width:100%;max-width:560px}#leaderboard-table{border-collapse:separate;border-spacing:0;background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);width:100%;box-shadow:var(--shadow-flat-sm);font-family:var(--font-fun);overflow:hidden}#leaderboard-table th{background-color:var(--color-purple);color:#fff;text-transform:uppercase;letter-spacing:1px;text-align:left;padding:10px 12px;font-size:11px;font-weight:900}#leaderboard-table td{color:var(--text-main);border-top:var(--border-width-thin) solid #1e1e2426;padding:9px 12px;font-size:13px;font-weight:700}#leaderboard-table td:first-child{width:36px;color:var(--text-muted);font-weight:900}#leaderboard-table td:nth-child(n+3),#leaderboard-table th:nth-child(n+3){text-align:center}.leaderboard-row--me td{background-color:#fff3cf}.leaderboard-empty{text-align:center;color:var(--text-muted);padding:40px 0;font-size:14px;font-weight:700}.tab-view{flex:1;display:none}.tab-view.active{flex-direction:column;display:flex}#view-draw.active{overflow:hidden}#view-gallery.active{background-color:var(--bg-main);background-image:radial-gradient(circle,#1e1e241a 1px,#0000 1px);background-size:24px 24px;overflow:hidden auto}.gallery-controls{align-items:center;gap:10px;padding:16px 20px 0;display:flex}#gallery-filter-select{background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);font-family:var(--font-fun);color:var(--text-main);cursor:pointer;box-shadow:var(--shadow-flat-sm);outline:none;margin-left:auto;padding:8px 12px;font-size:13px;font-weight:800;transition:transform .1s,box-shadow .1s}#gallery-filter-select:hover{box-shadow:3px 3px 0px var(--border-color);transform:translateY(-1px)}#gallery-grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));align-content:start;gap:20px;padding:20px;display:grid}.gallery-card{background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);box-shadow:var(--shadow-flat);flex-direction:column;animation:.25s cubic-bezier(.175,.885,.32,1.275) pop-in;display:flex;overflow:hidden}.gallery-card-header{background-color:var(--color-secondary);border-bottom:var(--border-width-thick) solid var(--border-color);align-items:center;gap:10px;padding:10px 14px;display:flex}.gallery-avatar{background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);width:32px;height:32px;font-family:var(--font-display);color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:900;display:inline-flex}.gallery-username{font-family:var(--font-fun);color:#fff;text-shadow:1px 1px #00000040;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:900;overflow:hidden}.gallery-canvas-wrapper{aspect-ratio:8/5;border-bottom:var(--border-width-thick) solid var(--border-color);background-color:#fff;width:100%;position:relative;overflow:hidden}.gallery-canvas{width:100%;height:100%;display:block}.gallery-found-stamp{pointer-events:none;font-family:var(--font-fun);letter-spacing:2px;text-transform:uppercase;color:var(--color-success);border:5px solid var(--color-success);text-shadow:2px 2px #ffffffb3;white-space:nowrap;opacity:0;background-color:#ffffff8c;border-radius:10px;padding:4px 22px;font-size:40px;font-weight:900;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)scale(.6)}.gallery-card--solved .gallery-found-stamp{animation:.45s cubic-bezier(.175,.885,.32,1.275) forwards stamp-in;display:block}@keyframes stamp-in{0%{opacity:0;transform:translate(-50%,-50%)rotate(-30deg)scale(1.8)}60%{opacity:1;transform:translate(-50%,-50%)rotate(-30deg)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)rotate(-30deg)scale(1)}}.gallery-guess-section{background-color:var(--bg-sidebar);flex-direction:column;flex:1;gap:8px;padding:10px 12px;display:flex}.gallery-guess-input-row{gap:6px;display:flex}.gallery-guess-input{background-color:var(--bg-main);border:var(--border-width-thick) solid var(--border-color);font-family:var(--font-fun);color:var(--text-main);box-shadow:var(--shadow-flat-inset);border-radius:10px;outline:none;flex:1;min-width:0;padding:8px 10px;font-size:13px;font-weight:700;transition:border-color .15s}.gallery-guess-input:focus{border-color:var(--color-secondary)}.gallery-guess-btn{white-space:nowrap;box-shadow:var(--shadow-flat-sm);flex-shrink:0;padding:8px 14px;font-size:12px}.gallery-guesses-header{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:10px;font-weight:800}.gallery-guesses-header.hidden{display:none}.gallery-guesses-header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.gallery-solvers-btn{border:var(--border-width-thin) solid var(--color-success);font-family:var(--font-fun);color:var(--color-success);cursor:pointer;background-color:#f0fff4;border-radius:20px;flex-shrink:0;align-items:center;gap:3px;margin-left:auto;padding:1px 8px;font-size:11px;font-weight:900;transition:transform .1s;display:inline-flex}.gallery-solvers-btn:hover{transform:scale(1.1)}.gallery-solvers-btn.hidden{display:none}.gallery-guesses-box{flex-direction:column;gap:4px;display:flex}.gallery-guesses-box.hidden{display:none}.gallery-reveal-btn{justify-content:center;font-size:11px}.gallery-reveal-btn.hidden{display:none}#solvers-popup-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1e1e24b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}#solvers-popup-overlay.hidden{display:none}#solvers-popup{background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);box-shadow:8px 8px 0px var(--border-color);flex-direction:column;gap:14px;width:100%;max-width:320px;padding:24px 28px;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards pop-in;display:flex}#solvers-popup-title{font-family:var(--font-fun);color:var(--color-success);text-align:center;font-size:16px;font-weight:900}#solvers-popup-list{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;flex-direction:column;gap:4px;max-height:40vh;display:flex;overflow-y:auto}.solvers-popup-item{font-family:var(--font-fun);color:var(--color-purple);background-color:var(--bg-main);border:var(--border-width-thin) solid #1e1e2426;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:800}#solvers-popup .btn-action{justify-content:center}.gallery-guesses-list{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;flex-direction:column;gap:3px;max-height:100px;display:flex;overflow-y:auto}.gallery-guess-item{font-size:12px;font-weight:700;font-family:var(--font-fun);background-color:var(--bg-main);border:var(--border-width-thin) solid #1e1e2426;color:var(--text-main);border-radius:6px;padding:3px 6px}.gallery-card--mine .gallery-card-header{background-color:var(--color-warning)}.gallery-card--mine .gallery-username{color:var(--text-main);text-shadow:none}.gallery-badge{border:var(--border-width-thin) solid var(--border-color);letter-spacing:1px;border-radius:20px;flex-shrink:0;margin-left:auto;padding:2px 8px;font-size:9px;font-weight:900}.gallery-badge--mine{background-color:var(--bg-card);color:var(--color-orange)}.gallery-badge+.gallery-badge{margin-left:4px}.gallery-badge--lang{background-color:var(--bg-card);color:var(--color-secondary);cursor:help}.gallery-badge--lang.hidden{display:none}.gallery-own-actions{gap:6px;display:flex}.gallery-own-btn{flex:1;justify-content:center}.gallery-card-status{min-height:0;font-size:11px;font-weight:800}.gallery-card-status:empty{display:none}.status-solved{color:var(--color-success)}.status-wrong{color:var(--color-primary)}.status-muted{color:var(--text-muted);font-weight:700}.status-mine{color:var(--color-purple)}.gallery-card--solved{border-color:var(--color-success);box-shadow:4px 4px 0px var(--color-success)}@keyframes guess-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.guess-shake{animation:.4s guess-shake}#header-right{align-items:center;gap:10px;margin-left:auto;display:flex}#header-user-info{margin-left:0}#header-scores{gap:6px;display:flex}#header-scores.hidden{display:none}#celebrate-layer{pointer-events:none;z-index:3000;position:fixed;inset:0;overflow:hidden}.celebrate-popper{will-change:transform, opacity;font-size:60px;line-height:1;position:absolute;top:45%;left:50%}.celebrate-confetti{will-change:transform, opacity;border-radius:2px;width:10px;height:14px;position:absolute;top:45%;left:50%}@media (prefers-reduced-motion:reduce){#celebrate-layer{display:none}}.score-pill{background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);box-shadow:var(--shadow-flat-sm);font-family:var(--font-fun);color:var(--text-main);border-radius:20px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:800;display:inline-flex}.score-pill b{color:var(--color-primary);display:inline-block}.score-pill.score-pop{z-index:1;animation:.6s score-pop}@keyframes score-pop{0%{transform:scale(1)rotate(0)}20%{transform:scale(1.25)rotate(-6deg)}40%{transform:scale(1.18)rotate(5deg)}60%{transform:scale(1.22)rotate(-4deg)}80%{transform:scale(1.1)rotate(2deg)}to{transform:scale(1)rotate(0)}}#slots-card{background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);box-shadow:var(--shadow-flat-sm);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.slots-label{margin:0}.slots-count-big{font-family:var(--font-display);color:#35a7ff;letter-spacing:1px;font-size:28px;font-weight:900;line-height:1.1}#new-drawing-btn{background-color:var(--color-secondary);color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;padding:8px 10px}.new-drawing-label{letter-spacing:.3px;white-space:nowrap;font-size:11px;font-weight:800}.new-drawing-icon{background-color:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;font-weight:900;line-height:1;display:flex}#new-drawing-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--shadow-flat-sm);transform:none}#toast{background-color:var(--text-main);color:#fff;border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);box-shadow:var(--shadow-flat);font-family:var(--font-fun);z-index:2000;text-align:center;max-width:90vw;padding:12px 20px;font-size:13px;font-weight:800;animation:.25s cubic-bezier(.175,.885,.32,1.275) pop-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#toast.hidden{display:none}.gallery-empty{text-align:center;font-family:var(--font-fun);color:var(--text-muted);grid-column:1/-1;padding:60px 20px;font-size:16px;font-weight:700;line-height:1.6}#view-legal.active{background-color:var(--bg-main);background-image:radial-gradient(circle,#1e1e241f 1px,#0000 1px);background-size:22px 22px;padding:24px 16px;overflow-y:auto}#legal-container{width:100%;max-width:720px;margin:0 auto}.legal-page{background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);box-shadow:var(--shadow-flat);flex-direction:column;gap:16px;padding:28px 24px;display:flex}.legal-title{font-family:var(--font-display);color:var(--color-primary);text-shadow:1.5px 1.5px 0px var(--border-color);letter-spacing:.5px;font-size:24px;font-weight:400}.legal-intro{font-size:13px;font-weight:700;line-height:1.6}.legal-section h3{font-family:var(--font-display);color:var(--text-main);margin-bottom:6px;font-size:15px;font-weight:400}.legal-section p{color:var(--text-main);font-size:13px;line-height:1.6}.legal-page a{color:var(--color-secondary);font-weight:800}.legal-back-btn{align-self:flex-start;width:auto;font-size:12px}#app-footer{flex-wrap:wrap;gap:4px 14px}#footer-legal{flex-wrap:wrap;gap:4px 14px;display:flex}.footer-legal-link{cursor:pointer;font-family:var(--font-fun);color:var(--text-muted);text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:11px;font-weight:800;text-decoration:underline}.footer-legal-link:hover{color:var(--color-primary)}@media (pointer:coarse){#secret-word-input,.gallery-guess-input,#gallery-filter-select,.lang-select{font-size:16px}}@media (width<=720px){:root{--header-height:54px}#app-header{padding:0 10px}#header-brand{gap:6px}#header-logo{height:30px}#app-title{font-size:17px}#app-subtitle{display:none}#header-right{gap:6px}#header-scores{gap:4px}#header-user-info{text-overflow:ellipsis;white-space:nowrap;max-width:96px;padding:4px 8px;font-size:11px;overflow:hidden}.score-pill{padding:3px 7px;font-size:11px}#tab-nav{gap:4px;padding:6px}.tab-btn{white-space:nowrap;flex:1;justify-content:center;gap:3px;min-width:0;padding:9px 6px;font-size:9px;overflow:hidden}.tab-btn .tab-label{display:none}.tab-btn .tab-icon{font-size:18px}.tab-icon .ui-ico{width:20px;height:20px}#sketchpad-main{flex-direction:column;overflow:hidden}#drawing-toolbar{border-right:none;border-bottom:var(--border-width-thick) solid var(--border-color);flex-flow:wrap;flex-shrink:0;align-items:center;gap:8px 12px;width:100%;padding:8px 10px;overflow:visible}#drawing-toolbar .toolbar-label,#drawing-toolbar .toolbar-divider{display:none}.toolbar-group{flex-direction:row;align-items:center;gap:6px;padding:0}.color-palette{flex-wrap:wrap;gap:5px;display:flex}.color-swatch{aspect-ratio:auto;width:30px;height:30px}#brush-group{flex:120px}.slider-row{flex:1}.btn-tool,.btn-action{justify-content:center;width:auto;min-width:42px;min-height:38px;padding:7px 9px}#drawing-toolbar .tool-text{display:none}.tool-icon{font-size:16px}.tool-icon .tool-svg{width:20px;height:20px}#canvas-section{flex:1 1 0;min-height:0;padding:6px}#drawing-sidebar{border-left:none;border-top:var(--border-width-thick) solid var(--border-color);flex-flow:row;flex-shrink:0;align-items:stretch;gap:6px;width:100%;padding:5px 6px;overflow:hidden}#secret-word-card{flex:1 1 0;gap:3px;min-width:0;padding:6px 8px}#slots-card{flex:none;gap:3px;width:100px;padding:6px 8px}.sidebar-hint{display:none}#secret-word-label{letter-spacing:.5px;font-size:8px}#secret-word-input{padding:5px 7px;font-size:12px}.secret-word-status{font-size:10px}.slots-count-big{font-size:20px}#slots-card .slots-label{letter-spacing:.5px;font-size:7px}#slots-card #new-drawing-btn{gap:2px;padding:4px 6px}.new-drawing-label{font-size:9px}.new-drawing-icon{width:20px;height:20px;font-size:14px}#draw-focus-btn{display:flex}#sketchpad-layout.draw-focus #app-header,#sketchpad-layout.draw-focus #tab-nav,#sketchpad-layout.draw-focus #app-footer,#sketchpad-layout.draw-focus #drawing-sidebar{display:none}#sketchpad-layout.draw-focus #canvas-section{padding:6px}#gallery-grid{grid-template-columns:1fr;gap:14px;padding:12px}#view-leaderboard{padding:12px 8px}#leaderboard-container{overflow-x:auto}#leaderboard-table th{letter-spacing:0;padding:8px 6px;font-size:10px}#leaderboard-table td{padding:8px 6px;font-size:12px}#leaderboard-table td:first-child{width:26px}#footer-toggle{cursor:pointer;width:100%;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:5px;display:flex}.footer-toggle-chevron{font-size:18px;font-weight:900;line-height:1;transition:transform .2s}#app-footer:not(.footer-collapsed) .footer-toggle-chevron{transform:rotate(180deg)}#app-footer.footer-collapsed #footer-content{display:none}#footer-content{flex-wrap:wrap;justify-content:space-between;gap:6px 8px;padding:4px 12px 8px}#footer-brand{order:1;font-size:14px}#footer-brand #footer-logo{height:26px}#footer-lang{order:2;gap:6px}#footer-legal{flex-basis:100%;order:3;justify-content:center;gap:4px 16px}.footer-legal-link{font-size:10px}#join-modal{padding:24px 20px}#join-modal h2{font-size:22px}#view-legal.active{padding:12px 10px}.legal-page{padding:20px 16px}}#tut-skip{z-index:1500;background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);box-shadow:var(--shadow-flat-sm);font-family:var(--font-fun);color:var(--text-main);cursor:pointer;padding:8px 14px;font-size:12px;font-weight:800;transition:transform .1s,box-shadow .1s;position:fixed;bottom:16px;right:16px}#tut-skip:hover{box-shadow:3px 4px 0px var(--border-color);transform:translateY(-1px)}#tut-skip.tut-skip--celebrate{background-color:var(--color-primary);color:#fff;font-size:15px;font-family:var(--font-display);letter-spacing:.5px;font-weight:400;animation:.9s ease-in-out infinite tut-bounce}@keyframes tut-bounce{0%,to{transform:scale(1)rotate(-1deg)}50%{transform:scale(1.08)rotate(1.5deg)}}#tut-spotlight{z-index:1490;pointer-events:none;border:3px dashed var(--color-warning);border-radius:var(--radius-playful);transition:top .35s,left .35s,width .35s,height .35s;position:fixed;box-shadow:0 0 0 200vmax #1e1e249e}#tut-tooltip{z-index:1500;background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);max-width:280px;box-shadow:var(--shadow-flat);font-family:var(--font-fun);color:var(--text-main);padding:14px 16px;font-size:14px;font-weight:700;line-height:1.5;display:none;position:fixed}.tut-tooltip-text{white-space:pre-wrap}.tut-tooltip-arrow{background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);width:16px;height:16px;position:absolute;transform:rotate(45deg)}#tut-tooltip[data-placement=bottom] .tut-tooltip-arrow{border-bottom:none;border-right:none;top:-10px;left:calc(50% - 8px)}#tut-tooltip[data-placement=top] .tut-tooltip-arrow{border-top:none;border-left:none;bottom:-10px;left:calc(50% - 8px)}#tut-tooltip[data-placement=left] .tut-tooltip-arrow{border-bottom:none;border-left:none;top:calc(50% - 8px);right:-10px}#tut-tooltip[data-placement=right] .tut-tooltip-arrow{border-top:none;border-right:none;top:calc(50% - 8px);left:-10px}.tut-word{white-space:nowrap}.tut-char{opacity:0;white-space:pre;display:inline-block}.tut-char-in{animation:.22s ease-out forwards tut-char-pop}@keyframes tut-char-pop{0%{opacity:0;transform:translateY(-8px)}70%{opacity:1;transform:translateY(1px)}to{opacity:1;transform:translateY(0)}}.tut-shake{animation:.4s tut-shake}@keyframes tut-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}#tut-popup-overlay{z-index:1520;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#1e1e248c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}#tut-popup{background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);max-width:360px;box-shadow:var(--shadow-flat);flex-direction:column;align-items:center;gap:18px;padding:26px 24px;animation:.25s cubic-bezier(.175,.885,.32,1.275) pop-in;display:flex}.tut-popup-text{font-family:var(--font-fun);text-align:center;color:var(--text-main);font-size:15px;font-weight:800;line-height:1.6}#secret-word-card.needs-name{border-radius:var(--radius-playful);animation:1s ease-in-out 3 name-nudge-pulse}@keyframes name-nudge-pulse{0%,to{box-shadow:0 0 #ffb70300}50%{box-shadow:0 0 0 4px var(--color-warning)}}#secret-word-card.needs-name #secret-word-input{border-color:var(--color-warning)}#view-trophies.active{background-color:var(--bg-main);background-image:radial-gradient(circle,#1e1e241a 1px,#0000 1px);background-size:22px 22px;padding:20px 16px 40px;overflow-y:auto}#trophies-container{width:100%;max-width:980px;margin:0 auto}.trophy-summary{font-family:var(--font-display);text-align:center;color:var(--text-main);margin-bottom:16px;font-size:16px}.trophy-summary b{color:var(--color-primary)}.trophy-section{margin-bottom:22px}.trophy-rank-title{font-family:var(--font-display);border-left:6px solid var(--border-color);text-shadow:1px 1px 0 var(--border-color);color:#fff;margin-bottom:10px;padding-left:8px;font-size:18px;font-weight:400}.trophy-rank-title--platinum{background:linear-gradient(90deg,#6fd3e0,#0000);border-left-color:#35a7ff}.trophy-rank-title--gold{border-left-color:var(--color-warning);background:linear-gradient(90deg,#ffd24a,#0000)}.trophy-rank-title--silver{background:linear-gradient(90deg,#c7ced6,#0000);border-left-color:#94a3b8}.trophy-rank-title--bronze{border-left-color:var(--color-orange);background:linear-gradient(90deg,#e0995a,#0000)}.trophy-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.trophy-card{background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);box-shadow:var(--shadow-flat-sm);align-items:center;gap:10px;padding:10px;display:flex;position:relative}.trophy-card-art{flex-shrink:0;width:56px;height:56px;position:relative}.trophy-card-art img{object-fit:contain;width:100%;height:100%}.trophy-card.is-locked .trophy-card-art img{filter:grayscale()opacity(.45)}.trophy-card.is-locked{opacity:.85}.trophy-lock{justify-content:center;align-items:center;font-size:22px;display:flex;position:absolute;inset:0}.trophy-card-body{min-width:0}.trophy-card-name{font-family:var(--font-display);color:var(--text-main);font-size:14px;line-height:1.2}.trophy-card-cond{color:var(--text-muted);margin-top:3px;font-size:11px;line-height:1.35}.trophy-card-badge{background-color:var(--color-success);color:#fff;border:var(--border-width-thin) solid var(--border-color);border-radius:10px;padding:1px 7px;font-size:10px;font-weight:800;position:absolute;top:-8px;right:8px}.trophy-popup-overlay{z-index:2500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1e1e2499;justify-content:center;align-items:center;padding:20px;animation:.2s trophy-fade-in;display:flex;position:fixed;inset:0}.trophy-popup-overlay.trophy-popup--closing{animation:.2s reverse trophy-fade-in}@keyframes trophy-fade-in{0%{opacity:0}to{opacity:1}}.trophy-popup{text-align:center;background-color:var(--bg-card);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-playful);width:100%;max-width:360px;box-shadow:var(--shadow-flat);padding:22px 22px 20px;animation:.3s cubic-bezier(.175,.885,.32,1.275) pop-in}.trophy-popup-eyebrow{font-family:var(--font-display);letter-spacing:.5px;color:var(--color-primary);font-size:14px}.trophy-popup-art{width:140px;height:140px;margin:12px auto 6px;animation:2s ease-in-out infinite trophy-bob}.trophy-popup-art img{object-fit:contain;filter:drop-shadow(3px 4px #00000040);width:100%;height:100%}@keyframes trophy-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-6px)rotate(2deg)}}.trophy-popup-rank{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;border:var(--border-width-thin) solid var(--border-color);color:#fff;border-radius:10px;padding:2px 12px;font-size:12px;display:inline-block}.trophy-popup-rank--platinum{background-color:#35a7ff}.trophy-popup-rank--gold{background-color:var(--color-warning);color:var(--text-main)}.trophy-popup-rank--silver{background-color:#94a3b8}.trophy-popup-rank--bronze{background-color:var(--color-orange)}.trophy-popup-name{font-family:var(--font-display);color:var(--text-main);text-shadow:1px 1px 0 var(--border-color);margin:8px 0 4px;font-size:22px;font-weight:400}.trophy-popup-cond{color:var(--text-muted);margin-bottom:12px;font-size:13px;line-height:1.5}.trophy-popup-counter{font-family:var(--font-display);letter-spacing:1px;color:var(--text-muted);margin-bottom:10px;font-size:12px;display:block}.trophy-popup-actions{flex-wrap:wrap;gap:8px;display:flex}.trophy-popup-actions .btn-action,.trophy-popup-actions .btn-primary{flex:auto;justify-content:center;min-width:90px}.trophy-popup-actions .btn-action[disabled]{opacity:.45;cursor:default}@media (width<=600px){.trophy-cards{grid-template-columns:1fr}.trophy-popup-art{width:110px;height:110px}.trophy-popup-name{font-size:19px}}