.profile{min-height:100dvh;font-family:Nunito,Amiri,-apple-system,sans-serif;line-height:1.6;position:relative;overflow-y:auto;background:0 0!important}.profile:before{content:"";z-index:-1;background:radial-gradient(circle at 20% 20%, var(--bg-orb1), transparent 40%), radial-gradient(circle at 80% 30%, var(--bg-orb2), transparent 40%), var(--bg-gradient);backface-visibility:hidden;will-change:transform;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:fixed;inset:0;transform:translate(0,0)}body.profile::-webkit-scrollbar{width:0}body.profile::-webkit-scrollbar-track{background:0 0}body.profile::-webkit-scrollbar-thumb{background:0 0}.profile .container{flex-direction:column;gap:2.5rem;max-width:1200px;margin:auto;padding:3.2rem 4vw 3rem;display:flex}:root[data-theme=blue]{--primary:#1e3a8a;--accent:#3b82f6;--accent-border:#fff6;--accent-shadow:#3b82f633;--accent-shadow-hover:#3b82f666;--bg-gradient:linear-gradient(135deg, #b2d5ff 0%, #a4cdff 100%);--bg-orb1:#fff9;--bg-orb2:#bae6fd66;--card-bg:#ffffffb3;--card-bg2:#e0f2fea6;--card-border:#fffc;--btn-gradient:linear-gradient(135deg, #60a5fa, #2563eb);--text-main:#0f172a;--text-mid:#334155;--text-soft:#64748b;--card-color:var(--primary);--timer-color:var(--primary)}:root[data-theme=rose]{--primary:#831843;--accent:#db2777;--accent-border:#ffffff80;--accent-shadow:#db277733;--accent-shadow-hover:#db277766;--bg-gradient:linear-gradient(135deg, #ffb9df 0%, #ffbce2 100%);--bg-orb1:#ffffffb3;--bg-orb2:#fbcfe880;--card-bg:#ffffffb8;--card-bg2:#ffdbef99;--card-border:#fffc;--btn-gradient:linear-gradient(135deg, #f472b6, #db2777);--text-main:#4c0519;--text-mid:#831843;--text-soft:#9d174d;--card-color:var(--primary);--timer-color:var(--primary)}:root[data-theme=midnight]{--primary:#f8fafc;--accent:#8581f8;--accent-border:#ffffff1a;--accent-shadow:#00000080;--accent-shadow-hover:#818cf84d;--bg-gradient:linear-gradient(180deg, #020617 0%, #0f172a 100%);--bg-orb1:#29395399;--bg-orb2:#0f172acc;--card-bg:#0f172abf;--card-bg2:#1e293b80;--card-border:#ffffff1f;--btn-gradient:linear-gradient(135deg, #6366f1, #4338ca);--text-main:#f1f5f9;--text-mid:#94a3b8;--text-soft:#64748b;--card-color:#f8fafc;--timer-color:#818cf8}:root[data-theme=sage]{--primary:#14532d;--accent:#22c55e;--accent-border:#ffffff80;--accent-shadow:#22c55e26;--accent-shadow-hover:#22c55e4d;--bg-gradient:linear-gradient(135deg, #ccf274 0%, #8acd72 100%);--bg-orb1:#fff9;--bg-orb2:#dcfce766;--card-bg:#ffffffb3;--card-bg2:#def4de99;--card-border:#fffc;--btn-gradient:linear-gradient(135deg, #4ade80, #16a34a);--text-main:#052e16;--text-mid:#14532d;--text-soft:#15803d;--card-color:var(--primary);--timer-color:var(--primary)}:root[data-theme=sunset]{--primary:#7c1412;--accent:#ea580c;--accent-border:#ffffff80;--accent-shadow:#ea580c33;--accent-shadow-hover:#ea580c66;--bg-gradient:linear-gradient(135deg, #ffd198 0%, #fcae66 100%);--bg-orb1:#ffffff4d;--bg-orb2:#ffedd54d;--card-bg:#ffffffbf;--card-bg2:#ffeacf99;--card-border:#fffc;--btn-gradient:linear-gradient(135deg, #f97316, #c2410c);--text-main:#431407;--text-mid:#7c2d12;--text-soft:#9a3412;--card-color:var(--primary);--timer-color:var(--primary)}:root[data-theme=peach]{--primary:#7c2d12;--accent:#fb923c;--accent-border:#fff9;--accent-shadow:#fb923c33;--accent-shadow-hover:#fb923c66;--bg-gradient:linear-gradient(135deg, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);--bg-orb1:#fff2d599;--bg-orb2:#ffc78c4d;--card-bg:#ffffffbf;--card-bg2:#ffedd599;--card-border:#ffffffe6;--btn-gradient:linear-gradient(135deg, #fb7185, #f43f5e);--text-main:#4c0519;--text-mid:#983c1d;--text-soft:#be123c;--card-color:var(--primary);--timer-color:var(--primary)}:root[data-theme=lavender]{--primary:#4c1d95;--accent:#8b5cf6;--accent-border:#ffffff80;--accent-shadow:#8b5cf633;--accent-shadow-hover:#975cf666;--bg-gradient:linear-gradient(135deg, #cd9eff 0%, #bda8fc 100%);--bg-orb1:#fff9;--bg-orb2:#ede9fe66;--card-bg:#ffffffb3;--card-bg2:#ece8ff99;--card-border:#ffffffd9;--btn-gradient:linear-gradient(135deg, #a78bfa, #7c3aed);--text-main:#1e1b4b;--text-mid:#4c1d95;--text-soft:#5b21b6;--card-color:var(--primary);--timer-color:var(--primary)}.profile .card{background-color:var(--card-bg);color:var(--card-color);border:2px solid var(--card-border);box-shadow:0 4px 20px var(--accent-shadow);text-align:center;will-change:transform;border-radius:1.4rem;align-items:center;padding:1.4rem 1rem;transition:all .3s;overflow:hidden}.profile .card:hover{box-shadow:0 8px 28px var(--accent-shadow-hover);transform:translateY(-3px)}.overlay-container{border-radius:.8rem;width:100%;position:relative;overflow:hidden}.overlay{z-index:50;-webkit-backdrop-filter:blur(4px);cursor:pointer;background-color:#1e1e1e4d;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:absolute;top:0;left:0}.overlay-pill{opacity:.85;color:#333;pointer-events:none;background:#fff;border-radius:1.1rem;align-items:center;gap:.6rem;padding:.7rem 1.2rem;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 4px 15px #00000026}.overlay-locked{pointer-events:none!important;touch-action:auto!important}.profile h1{letter-spacing:.5px;font-size:1.52rem;font-weight:600}.profile header{align-items:center;gap:.8rem;display:flex}header.header-centered{text-align:center;justify-content:center}.profile header .avatar-wrapper{position:relative}.profile header .avatar{border:1px solid var(--primary);object-fit:cover;aspect-ratio:1;width:5.3em;box-shadow:0 2px 12px var(--accent-shadow);border-radius:50%;flex-shrink:0;transition:all .3s}.profile header .avatar:hover{box-shadow:0 4px 20px var(--accent-shadow-hover);transform:scale(1.06)}.profile header .ribbon{-webkit-user-select:none;user-select:none;font-size:1.8rem;transition:all .3s;position:absolute;top:-7px;right:3px;rotate:-20deg}.profile header .ribbon:hover{transform:scale(1.2)rotate(-8deg)}.profile header h1{color:var(--primary);font-size:2rem}.profile header p{color:var(--text-mid);word-wrap:break-word;font-size:1.1rem;line-height:1.4}.profile #timer{padding-inline:3rem}.profile #timer h1{color:var(--primary);margin-bottom:1rem}.profile #timer .timercontainer{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;display:flex}.profile #timer .smallbox{font-variant-numeric:tabular-nums;border:1px dashed var(--accent);background:var(--card-bg2);cursor:default;-webkit-user-select:none;user-select:none;min-width:4.5rem;max-width:calc(33.33% - 20px);height:3.8rem;color:var(--timer-color);box-shadow:0 2px 8px var(--accent-shadow);border-radius:.6rem;flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:1.3rem;transition:transform .3s,box-shadow .3s;display:flex}.profile #timer .smallbox:hover{box-shadow:0 4px 16px var(--accent-shadow-hover);transform:scale(1.05)}.profile #timer .smallbox span{color:var(--text-mid);letter-spacing:.04em;text-transform:uppercase;margin-top:.1rem;font-size:.7rem}.profile #timer .ticker-animation{animation:.9s ease-out both tickFlash}@keyframes tickFlash{0%{filter:brightness(1.8);transform:scale(1.15)}75%{filter:brightness(1.2);transform:scale(1.02)}to{filter:drop-shadow(0 0 #0000);transform:scale(1)}}.profile #carousel h1{color:var(--primary);margin-bottom:1.2rem;font-size:1.5rem}.profile #carousel .stack-container{width:90%;max-width:520px;margin:0 auto;position:relative}.profile #carousel .carousel-stage{cursor:grab;touch-action:pan-y;animation:.4s cubic-bezier(.16,1,.3,1) forwards stackFadeIn;display:block;position:relative}.profile #carousel .carousel-stage:active{cursor:grabbing}.profile #carousel .carousel-img-wrap,.profile #carousel .faux-photo-layer{aspect-ratio:4/3;width:100%;box-shadow:0 4px 16px var(--accent-shadow);background:var(--card-bg2);border:1px solid #fff;border-radius:1rem;overflow:hidden}.profile #carousel .carousel-img-wrap{z-index:2;position:relative}.profile #carousel .carousel-img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.profile #carousel .faux-photo-layer{z-index:1;opacity:.85;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.profile #carousel .faux-photo-left{transform:rotate(-3deg)translate(-6px,4px)}.profile #carousel .faux-photo-right{transform:rotate(3deg)translate(6px,4px)}.profile #carousel .carousel-stage:hover .faux-photo-left{transform:rotate(-5deg)translate(-9px,6px)}.profile #carousel .carousel-stage:hover .faux-photo-right{transform:rotate(5deg)translate(9px,6px)}.profile #carousel .carousel-caption{color:#fff;text-align:left;pointer-events:none;background:linear-gradient(#0000,#000000a6);padding:.7rem 1rem;font-size:1.2rem;line-height:1.4;position:absolute;bottom:0;left:0;right:0}.profile #carousel .stack-controls{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:2rem;margin-top:1.4rem;display:flex}.profile #carousel .nav-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;font-size:1.8rem;line-height:1;transition:transform .2s,opacity .2s;display:flex}.profile #carousel .nav-btn:disabled{opacity:.2;cursor:not-allowed;transform:none}.profile #carousel .nav-btn:not(:disabled):hover{transform:scale(1.15)}.profile #carousel .progress-counter{color:var(--text-mid);letter-spacing:.08em;text-align:center;min-width:3.5rem;font-size:.85rem;font-weight:600}@keyframes stackFadeIn{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.profile #message{flex-direction:column;gap:1rem;display:flex}.profile #message h1{color:var(--primary)}.profile #message .message-container{text-align:left;flex-direction:row;align-items:center;gap:1rem;display:flex}.profile #message .message-container h2{color:var(--primary);font-size:1.4rem}.profile #message .message-container small{color:var(--text-soft);font-size:.8rem}.profile #message .message-container p{word-break:break-word;overflow-wrap:break-word;white-space:normal;text-align:start;unicode-bidi:plaintext;margin-top:.2rem;font-size:1.1rem}.profile #message .message-container img{aspect-ratio:1;border:1px dashed var(--accent-border);object-fit:cover;width:4.5rem;height:4.5rem;box-shadow:0 0 8px var(--accent-shadow-hover);border-radius:50%;flex-shrink:0;transition:all .3s}.profile #message .message-container img:hover{box-shadow:0 2px 16px var(--accent-shadow-hover);transform:scale(1.05)}.profile #message #message1{flex-direction:row;align-self:flex-start;align-items:flex-start;gap:.75rem;display:flex}.profile #message #message2{text-align:right;flex-direction:row;align-self:flex-end;align-items:flex-start;gap:.75rem;display:flex}.profile #letter{padding:1.6rem;transition:all .8s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.profile #letter .envelope-wrapper{aspect-ratio:1.5;background:linear-gradient(#0000000a, #0000000a), var(--card-bg2);width:100%;max-width:360px;box-shadow:0 12px 32px var(--accent-shadow), inset 0 0 0 1px #ffffff4d;border:1px solid var(--accent-border);cursor:pointer;border-radius:.75rem;flex-direction:column;justify-content:flex-end;align-items:center;margin:2rem auto;padding-bottom:1.5rem;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:flex;position:relative;overflow:hidden}.profile #letter .envelope-wrapper:before{content:"";border:1px dashed var(--accent-border);opacity:.55;pointer-events:none;border-radius:.5rem;position:absolute;inset:10px}.profile #letter .envelope-wrapper:hover{box-shadow:0 18px 40px var(--accent-shadow);transform:translateY(-6px)rotate(.5deg)}.profile #letter .envelope-flap{background:var(--card-bg2);filter:brightness(.93)drop-shadow(0 3px 5px #0000000f);clip-path:polygon(0 0,100% 0,50% 100%);z-index:1;height:52%;position:absolute;top:0;left:0;right:0}.profile #letter .envelope-folds{pointer-events:none;z-index:2;background:linear-gradient(33deg,#0000000a 25%,#0000 25%) 0 100%/50% 100% no-repeat,linear-gradient(-33deg,#0000000a 25%,#0000 25%) 100% 100%/50% 100% no-repeat;position:absolute;inset:0}.profile #letter .envelope-lead{color:var(--text-mid);letter-spacing:.08em;text-transform:uppercase;z-index:2;pointer-events:none;margin-top:auto;font-size:.82rem;font-weight:700}.profile #letter .wax-seal-container{z-index:3;position:absolute;top:52%;left:50%;transform:translate(-50%,-45%)}.profile #letter .wax-seal{background-color:var(--primary);cursor:pointer;width:64px;height:64px;box-shadow:0 6px 18px var(--accent-shadow), inset 0 0 0 2px #ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);animation:2.5s ease-in-out infinite sealPulse;display:flex;position:relative}.profile #letter .envelope-wrapper:hover .wax-seal{transform:scale(1.08)}.profile #letter .wax-seal:active{transform:scale(.93)!important}.profile #letter .wax-seal:after{content:"";pointer-events:none;border:1px dashed #ffffff40;border-radius:50%;position:absolute;inset:5px}.profile #letter .wax-seal svg{color:#fff;filter:drop-shadow(0 1.5px 3px #00000026);width:24px;height:24px}.profile #letter .letter-content-wrapper{animation:.6s cubic-bezier(.16,1,.3,1) forwards letterUnfold}.profile #letter .greeting{text-align:start;color:var(--letter-color);margin-bottom:1.2rem;font-size:1.5rem;font-weight:600}.profile #letter p{white-space:pre-wrap;word-wrap:break-word;text-align:start;color:var(--letter-color);margin:.8rem .4rem;font-size:1.15rem;line-height:1.7}.profile #letter .closure{text-align:end;color:var(--letter-color);margin-top:1.5rem;font-size:1.1rem;font-weight:600}.profile #letter .letter-close-btn{color:var(--text-soft);letter-spacing:.05em;cursor:pointer;text-transform:uppercase;background:0 0;border:none;margin:2rem auto 0;font-size:.8rem;font-weight:600;transition:color .2s,transform .2s;display:block}.profile #letter .letter-close-btn:hover{color:var(--text-mid);transform:translateY(-1px)}@keyframes sealPulse{0%,to{box-shadow:0 4px 14px var(--accent-shadow)}50%{box-shadow:0 8px 22px var(--accent-shadow)}}@keyframes letterUnfold{0%{opacity:0;transform:translateY(15px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.profile #drawing-canvas{aspect-ratio:16/9;cursor:crosshair;touch-action:none;background:#fff;border:1px solid #eee;border-radius:.8rem;width:100%;display:block}#drawing-toolbar input[type=color]::-webkit-color-swatch-wrapper{padding:0}#drawing-toolbar input[type=color]::-webkit-color-swatch{border:none;border-radius:50%}#drawing-toolbar input[type=color]::-moz-color-swatch{border:none;border-radius:50%}.profile #drawing-toolbar{justify-content:space-between;align-items:center;gap:.3rem;margin-bottom:1rem;padding:0 .2rem;display:flex}.profile .tool-group{align-items:center;gap:.8rem;display:flex}.profile .slider-wrapper{color:var(--text-main);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.profile #drawing-toolbar input[type=color]{width:2.5rem;height:2.5rem;box-shadow:var(--accent-shadow);cursor:pointer;appearance:none;background:0 0;border:1px solid #dfdfdf;border-radius:50%}.profile .eraser-btn{width:2.5rem;height:2rem;box-shadow:var(--accent-shadow);cursor:pointer;cursor:pointer;background-color:#fff;border:1px solid #c5c5c5;border-radius:.6rem;transition:all .4s}.profile .eraser-btn.active{background-color:#fff2f2;border:1px solid #c02929;border-radius:.7rem;scale:1.06}.profile .clear-btn{cursor:pointer;background:var(--btn-gradient);color:#fff;border:1px solid #fff;border-radius:.6rem;padding:.5rem .65rem;font-family:Nunito;font-size:.78rem;font-weight:600;transition:all .3s}.profile .clear-btn:active{scale:.95}.profile #things h1{color:var(--primary);margin-bottom:.2rem}.profile #things p{color:var(--text-mid);margin-top:.1rem;margin-bottom:2rem;font-size:.85rem}.profile #things .stack-container{max-width:90%;margin:0 auto;padding-bottom:1rem;position:relative}.profile #things .stack-card{background-color:var(--card-bg2);border:1px solid var(--accent);text-align:center;box-shadow:0 8px 24px var(--accent-shadow);z-index:2;border-radius:1rem;padding:3rem 2rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards stackFadeIn;position:relative}.profile #things .stack-card:before,.profile #things .stack-card:after{content:"";background-color:var(--card-bg2);border:1px solid var(--accent);z-index:-1;box-shadow:0 4px 12px var(--accent-shadow);border-radius:1rem;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.profile #things .stack-card:before{transform:rotate(-3deg)translate(-4px,4px)}.profile #things .stack-card:after{transform:rotate(3deg)translate(4px,4px)}.profile #things .stack-card:hover:before{transform:rotate(-5deg)translate(-6px,6px)}.profile #things .stack-card:hover:after{transform:rotate(5deg)translate(6px,6px)}.profile #things .quote-mark{color:var(--primary);opacity:.3;margin-bottom:1.5rem;font-family:serif;font-size:2.5rem;line-height:0;display:block}.profile #things .thing-text{color:var(--text-main);margin:0;font-size:1.15rem;font-weight:500;line-height:1.6}.profile #things .stack-controls{justify-content:center;align-items:center;gap:2rem;margin-top:2rem;display:flex}.profile #things .nav-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;font-size:1.8rem;line-height:1;transition:transform .2s,opacity .2s;display:flex}.profile #things .nav-btn:disabled{opacity:.2;cursor:not-allowed;transform:none}.profile #things .nav-btn:not(:disabled):hover{transform:scale(1.15)}.profile #things .progress-counter{color:var(--text-mid);letter-spacing:.08em;-webkit-user-select:none;user-select:none;text-align:center;min-width:3.5rem;font-size:.85rem;font-weight:600}.profile #button{width:15rem;box-shadow:0 2px 12px var(--accent-shadow);border-radius:1.4rem;margin:auto;padding:0}.profile #button button{background:var(--btn-gradient);cursor:pointer;color:#fff;border:none;border-radius:1rem;width:100%;height:3rem;font-size:1.3rem;transition:all .25s}.profile #button button:hover{box-shadow:0 6px 20px var(--accent-shadow-hover);transform:scale(1.03)}.profile #button button:active{transform:scale(.95)}@keyframes burst{0%{opacity:0;transform:translate(0)rotate(0)scale(.5)}20%{opacity:.9;scale:1.2}70%{opacity:.8}85%{opacity:.3}to{transform:translate(var(--tx), var(--ty)) rotate(var(--r)) scale(.3);opacity:0}}.profile .infinity-rain-container{pointer-events:none;z-index:10;position:fixed;inset:0;overflow:hidden}@keyframes fall{0%{transform:translateY(-20px)rotate(-20deg)}to{transform:translateY(110vh)rotate(360deg)}}.profile .puzzle-header{margin-bottom:.85rem}.profile #puzzle h1{color:var(--primary)}.profile .puzzle-subtitle{color:var(--text-mid);min-height:1.2rem;font-size:.82rem;transition:color .2s}.profile .puzzle-preview-wrap{margin:0 auto 1.5rem;display:inline-flex;position:relative}.profile .puzzle-preview-canvas{object-fit:cover;border:2px solid var(--accent-border);width:72px;height:72px;box-shadow:0 2px 10px var(--accent-shadow);border-radius:.55rem;display:block}.profile .puzzle-preview-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);background:var(--card-bg);border:1px solid var(--accent-border);white-space:nowrap;border-radius:100px;padding:.08rem .4rem;font-size:.58rem;font-weight:700;position:absolute;bottom:-.55rem;left:50%;transform:translate(-50%)}.profile .puzzle-grid{grid-template-columns:repeat(var(--cols), 1fr);background-color:var(--accent-border);border:2px solid var(--accent-border);width:100%;max-width:360px;box-shadow:0 4px 20px var(--accent-shadow);border-radius:1.5rem;gap:.12rem;margin:0 auto;transition:all .4s;display:grid;overflow:hidden}.profile .puzzle-grid-solved{border:3px solid var(--accent);animation:.55s cubic-bezier(.34,1.56,.64,1) both puzzle-solved-pop}@keyframes puzzle-solved-pop{0%{transform:scale(1)}45%{transform:scale(1.035)}to{transform:scale(1)}}.profile .puzzle-piece{cursor:grab;touch-action:none;border-radius:2px;transition:all .2s;display:block;position:relative;overflow:hidden}.profile .puzzle-piece:active{cursor:grabbing}.profile .puzzle-piece-canvas{pointer-events:none;width:100%;height:100%;display:block}.profile .puzzle-piece-dragging{opacity:.35;filter:blur(1px);transform:scale(.92)}.profile .puzzle-piece-over{filter:brightness(1.15);outline:2.5px solid var(--accent);outline-offset:-1px;z-index:4;transform:scale(1.06)}.profile .puzzle-piece-correct{filter:brightness(1.1)}.profile .puzzle-piece-solved{cursor:default;animation:.4s both puzzle-piece-appear}.profile .puzzle-piece-solved:hover{filter:none;transform:none}.profile .puzzle-controls{flex-direction:column;align-items:center;gap:.55rem;display:flex}.profile .puzzle-reset-btn{cursor:pointer;background:var(--btn-gradient);color:#fff;box-shadow:0 2px 10px var(--accent-shadow);border:1px solid #fff;border-radius:.6rem;margin-top:.8rem;padding:.4rem .9rem;font-family:Nunito,sans-serif;font-size:.78rem;font-weight:700;transition:transform .2s,box-shadow .2s}.profile .puzzle-reset-btn:hover{box-shadow:0 4px 14px var(--accent-shadow-hover);transform:scale(1.05)}.profile .puzzle-reset-btn:active{transform:scale(.95)}.profile .puzzle-success{background:var(--card-bg2);border:1.5px dashed var(--accent-border);border-radius:.9rem;justify-content:center;align-items:center;gap:.6rem;margin-top:1rem;padding:.75rem 1rem;animation:.5s cubic-bezier(.34,1.56,.64,1) both puzzle-msg-in;display:flex}.profile .puzzle-success-text{color:var(--primary);text-align:center;font-size:1rem;font-weight:700}.profile .puzzle-success-confetti{font-size:1.3rem;animation:.85s infinite alternate confetti-bounce;display:inline-block}@keyframes puzzle-piece-appear{0%{opacity:.5;filter:brightness(1.5)saturate(1.4)}to{opacity:1;filter:brightness()saturate()}}@keyframes puzzle-msg-in{0%{opacity:0;transform:translateY(8px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes confetti-bounce{0%{transform:translateY(0)rotate(-12deg)}to{transform:translateY(-5px)rotate(12deg)}}@media (min-width:1025px){.overlay{display:none}.overlay-locked{pointer-events:auto;touch-action:auto}.overlay-container{-webkit-backdrop-filter:none}}@media screen and (max-width:600px){*{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.profile #timer{padding:1.5rem}.profile #timer .timercontainer{flex-wrap:wrap}.profile #timer .smallbox{max-width:calc(50% - 10px)}.profile .carousel-arrow-left{left:-.9rem}.profile .carousel-arrow-right{right:-.9rem}.profile .carousel-arrow{width:2rem;height:2rem}.profile .carousel-img-wrap{aspect-ratio:3/2}.profile #letter{padding:1.6rem 1.2rem}.profile .slider-wrapper span{display:none}.profile .puzzle-grid{max-width:100%}.profile #drawing:hover{transform:translateY(0)}.profile #things h1,.profile #bucket h1{font-size:1.4rem}}