@font-face{font-family:ToyFallback;src:local('Arial Rounded MT Bold')}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:ToyFallback,ui-rounded,'PingFang TC',system-ui,sans-serif;color:#34344d;background:#fff4d8}button,input,select{font:inherit}button{border:0;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:4px solid #484373;outline-offset:5px}button:disabled{cursor:default}svg{width:100%;height:100%;display:block}body{overscroll-behavior:none}#app{min-height:100dvh}button svg{pointer-events:none}.room{min-height:100dvh;position:relative;overflow:hidden;background:#fff4d8;background-image:radial-gradient(circle at 7% 13%,#f8b4b14d 0 45px,transparent 46px),radial-gradient(circle at 92% 16%,#abd9d65c 0 65px,transparent 66px)}.floor{height:16vh;position:absolute;bottom:0;left:0;right:0;background:#f3c85f;opacity:.6;z-index:0}.doodle{position:absolute;width:170px;height:170px;opacity:.65;pointer-events:none}.doodle.left{left:0;bottom:18%}.doodle.right{right:2%;top:15%;transform:rotate(30deg)}.room>*:not(.floor):not(.doodle){position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;gap:20px}.brand{font-size:19px;font-weight:900;letter-spacing:2px}.brand small{font-size:10px;display:block;margin-top:4px;letter-spacing:3px;color:#927b69}.icon-btn{width:55px;height:55px;border-radius:20px;background:#fffdf4;border:2px solid #d9cdb3;padding:13px;box-shadow:0 3px 0 #d9cdb3;flex-shrink:0}.icon-btn:active{transform:translateY(2px);box-shadow:none}.icon-btn svg{width:100%;height:100%}.parent-open{background:transparent;border:0;box-shadow:none;opacity:.65;width:46px;height:46px}.screen-content{max-width:1150px;margin:auto;padding:10px 35px 45px}.welcome{display:flex;align-items:center;justify-content:center;gap:18px;margin:20px 0 38px}.welcome .host{width:100px;height:100px}.welcome .bubble{background:#fffdf7;padding:18px 28px;border-radius:30px 30px 30px 8px;font-size:32px;font-weight:800;box-shadow:0 3px 0 #e5d9bc}.profile-grid{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:20px}.profile-card{width:190px;background:#fffdf5;border:4px solid #fff;border-radius:42px;padding:20px;box-shadow:0 8px 0 #e5d5b3;transition:transform .2s}.profile-card:hover{transform:translateY(-5px)}.profile-card .animal{height:145px}.profile-card .marker{width:16px;height:16px;border-radius:50%;background:var(--accent);margin:12px auto 0}.profile-card.active{outline:5px solid #65bfbe}.profile-add{width:90px;height:90px;align-self:center;opacity:.6}.profile-add svg{height:34px}.quiet-note{text-align:center;font-size:14px;color:#927b69;margin:36px 0 0}.toy-layout{display:flex;gap:34px;align-items:center;justify-content:center;margin-top:12px}.side-host{width:140px;flex-shrink:0;align-self:flex-end;padding-bottom:32px}.side-host .face{height:145px}.host-shirt{height:100px;background:#8bc9b0;border-radius:10px 10px 55px 55px;margin:-24px 24px 0;position:relative}.host-shirt:after{content:'★';position:absolute;left:50%;top:30%;transform:translateX(-50%);font-size:32px;color:#fff4d8}.machine-wrap{position:relative;width:min(840px,83vw);padding-right:65px}.machine{background:#f28f89;border:7px solid #dc7976;border-radius:70px 70px 45px 45px;box-shadow:0 13px 0 #bc6668;padding:22px 25px 20px;position:relative}.machine-top{display:flex;align-items:center;justify-content:center;gap:10px;height:44px;margin-bottom:10px}.bulb{width:13px;height:13px;background:#ffeb99;border-radius:50%}.machine-mark{width:45px;height:45px;color:#fff0b5;padding:6px}.reels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;border-radius:25px;background:#b95d68;padding:14px}.reel{background:#fff8e7;box-shadow:inset 0 5px 0 #e8d8be;border-radius:18px;height:185px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.reel:nth-child(-n+2){background:#e4f4eb;box-shadow:inset 0 5px 0 #c4e2d0}.reel:before,.reel:after{content:'';position:absolute;left:0;right:0;height:30px;z-index:2;pointer-events:none}.reel:before{top:0;background:linear-gradient(#fff8e7e6,transparent)}.reel:after{bottom:0;background:linear-gradient(transparent,#fff8e7e6)}.reel.number:before{background:linear-gradient(#e4f4ebe6,transparent)}.reel.number:after{background:linear-gradient(transparent,#e4f4ebe6)}.reel-symbol{font-size:clamp(45px,6vw,85px);font-weight:900;color:#686095}.reel.number .reel-symbol{color:#419887}.reel.spinning .reel-symbol{animation:roll .12s linear infinite;filter:blur(2px)}.reel.landed{animation:land .45s ease}.slot-hint{font-size:35px;color:#ad9abd;opacity:.65}.reel .mini-art{position:absolute;bottom:5px;width:35px;height:35px;opacity:.55}.machine-bottom{display:flex;justify-content:center;align-items:center;gap:25px;padding-top:18px}.panel-detail{height:6px;width:50px;border-radius:5px;background:#d57174}.speaker{display:flex;gap:5px}.speaker i{height:17px;width:4px;border-radius:2px;background:#b66069}.lever{touch-action:none;position:absolute;right:0;top:68px;width:67px;height:240px;background:transparent;padding:0;z-index:3}.lever-base{position:absolute;bottom:42px;left:0;width:30px;height:58px;border-radius:12px;background:#b36572}.lever-stick{position:absolute;width:13px;height:153px;left:27px;top:22px;background:#8b789b;border-radius:9px;transform-origin:center 100%;transition:transform .3s}.lever-knob{position:absolute;top:-15px;left:-19px;width:51px;height:51px;background:#ffce68;border-radius:50%;border:5px solid #e7b44f}.lever-knob:after{content:'';position:absolute;top:6px;left:7px;width:13px;height:9px;border-radius:50%;background:#ffe9a9}.lever.pulled .lever-stick{transform:rotate(155deg)}.hand-hint{position:absolute;right:0;top:0;width:45px;height:45px;animation:pull-hint 2.1s ease infinite;color:#594d7d}.machine-feet{display:flex;justify-content:space-around;padding:10px 60px 0}.machine-feet i{width:55px;height:18px;border-radius:0 0 8px 8px;background:#bc6668}.begin{display:flex;justify-content:center;margin:32px 0 5px;min-height:75px}.big-action{width:150px;height:75px;border:4px solid #fff8dd;border-radius:28px;background:#79c5ad;box-shadow:0 6px 0 #589882;padding:14px;color:#3d635b}.big-action svg{width:47px;margin:auto}.progress-strip{display:flex;justify-content:center;gap:25px;margin:22px 0}.progress-group{display:flex;align-items:center;gap:8px;color:#6c8376}.progress-group .token{background:#b8ddc7;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-size:20px;font-weight:800}.progress-group.letters{color:#817399}.progress-group.letters .token{background:#ded2ed}.dots{display:flex;gap:4px;max-width:190px;flex-wrap:wrap}.dot{width:9px;height:9px;border-radius:50%;background:#e1ddcc}.dot.done{background:currentColor}.current-avatar{width:65px;height:65px;background:#fffaf0;border-radius:22px;padding:5px}.home-tools{display:flex;align-items:center;gap:16px}.drawing-screen{height:100dvh;background:#f1ead7;display:flex;flex-direction:column;overflow:hidden}.drawing-top{height:65px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:8px 18px;gap:20px}.tasks{display:flex;gap:9px}.task-chip{height:42px;min-width:42px;border-radius:13px;background:#fffaf0;position:relative;font-size:22px;font-weight:900;border:3px solid transparent}.task-chip.active{border-color:#f09783}.task-chip.done{background:#c4e5d5}.task-chip.done:after{content:'★';position:absolute;right:-7px;top:-7px;font-size:16px;color:#a78332}.drawing-top .icon-btn{height:43px;width:43px;padding:10px;border-radius:14px}.drawing-body{flex:1;min-height:0;display:flex;padding:0 12px 8px;gap:10px;align-items:center;justify-content:center}.paper-holder{flex:1;height:100%;min-width:0;display:flex;align-items:center;justify-content:center;position:relative}.paper{position:relative;box-shadow:0 3px 12px #7c6c4930;background:#fff;overflow:hidden;border-radius:4px;flex-shrink:0}.paper img{display:block;width:100%;height:100%;pointer-events:none;user-select:none;-webkit-user-drag:none}.paper canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.tools{width:68px;display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.tools .icon-btn{height:56px;width:56px;padding:13px;background:#fffaf0}.tools .icon-btn.selected{background:#ffce68;border-color:#e2b95a;box-shadow:0 3px 0 #c7a24d}.tools .finish{background:#94cdb3;border-color:#71b397;box-shadow:0 3px 0 #71b397;margin-top:14px}.tool-gap{height:4px}.drawing-bottom{display:flex;justify-content:center;gap:10px;height:25px;flex-shrink:0}.drawing-bottom svg{width:17px;height:17px;color:#d9d0b5}.drawing-bottom .lit svg{color:#e9b54b}.celebrate{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100dvh - 100px);gap:25px}.celebrate .face{height:160px;width:160px}.stars{display:flex;gap:16px}.stars svg{width:65px;height:65px;color:#ecb640;animation:land .6s both}.stars svg:nth-child(2){animation-delay:.15s}.stars svg:nth-child(3){animation-delay:.3s}.stars svg:nth-child(4){animation-delay:.45s}.stars svg:nth-child(5){animation-delay:.6s}.finished-actions{display:flex;gap:30px;margin-top:10px}.parent-panel{max-width:840px;margin:0 auto;padding:0 30px 40px}.parent-panel h1{font-size:28px}.parent-panel h2{font-size:18px;margin:24px 0 12px}.setting-card{background:#fffdf7;border-radius:25px;padding:22px;margin:14px 0;border:2px solid #e9dbbb}.choice-row{display:flex;gap:10px;flex-wrap:wrap}.text-btn{padding:13px 18px;border:2px solid #e6d9bf;border-radius:16px;background:#fff9e9;font-size:15px;font-weight:700}.text-btn.selected{background:#d7ece0;border-color:#91baa5}.text-btn.danger{color:#b7515a;background:#fff0ed}.setting-card p{font-size:14px;line-height:1.7;color:#7d7569}.setting-card .child-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid #eaddc4;padding:12px 0}.child-row .face{height:65px;width:65px}.child-row .stats{flex:1;font-size:14px;line-height:1.8}.parent-input{border:2px solid #e5d7ba;background:#fffdf7;border-radius:12px;padding:10px;width:160px}.animal-picker{display:flex;gap:10px;flex-wrap:wrap}.animal-picker button{width:85px;height:85px;background:#fff3d5;border:3px solid transparent;border-radius:22px;padding:7px}.animal-picker button.selected{border-color:#8dbca5}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#34344d66;display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:#fffaf0;border-radius:32px;max-width:540px;width:100%;padding:26px;text-align:center;box-shadow:0 10px 0 #3d3c4c20}.modal h2{margin:0 0 12px}.modal p{line-height:1.7}.modal .choice-row{justify-content:center;margin-top:20px}.confirm-art{display:flex;justify-content:center;align-items:center;gap:24px;margin:8px}.confirm-art>div{height:75px;width:75px}.confirm-action{height:68px;width:100px;padding:13px;border-radius:22px;background:#bae0cb}.confirm-action.cancel{background:#eddcca}.confetti{position:absolute;top:-20px;width:12px;height:20px;background:var(--c);animation:fall 3s var(--delay) linear infinite;pointer-events:none}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#34344d;color:white;padding:12px 20px;border-radius:16px;z-index:50;display:none;font-size:14px;max-width:85vw}#toast.show{display:block}.portrait-warning{display:none}.parent-hold{position:fixed;top:75px;right:30px;width:100px;height:6px;background:#6ab5a2;transform-origin:left;animation:hold 1.1s linear;z-index:10}@keyframes roll{from{transform:translateY(-125px)}to{transform:translateY(125px)}}@keyframes land{0%{transform:scale(.8)}60%{transform:scale(1.12)}100%{transform:scale(1)}}@keyframes pull-hint{0%,40%,100%{transform:translateY(0);opacity:.9}70%{transform:translateY(30px);opacity:.5}}@keyframes fall{to{transform:translateY(110vh) rotate(360deg)}}@keyframes hold{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:1000px){.side-host{display:none}.screen-content{padding:0 25px 25px}.machine-wrap{width:90vw}.machine{padding:14px 20px;border-radius:50px 50px 35px 35px}.reel{height:160px}.topbar{padding:12px 22px}.welcome{margin:10px 0 22px}.profile-card{width:160px}.profile-card .animal{height:115px}.toy-layout{margin-top:0}.progress-strip{margin:16px 0}.begin{margin:24px 0 0}}@media(max-height:750px) and (orientation:landscape){.reel{height:145px}.machine-top{height:33px;margin-bottom:6px}.machine-bottom{padding-top:12px}.machine{padding:13px 20px}.machine-wrap{max-width:800px}.begin{margin-top:22px;min-height:60px}.big-action{height:60px;width:130px;padding:10px}.progress-strip{margin:12px 0}.toy-layout{margin-top:0}.welcome{margin:0 0 25px}.profile-card{width:160px}.profile-card .animal{height:110px}.celebrate{gap:15px}}@media(orientation:portrait){.toy-layout{margin-top:45px}.machine-wrap{width:94vw;padding-right:50px}.machine{padding:12px;border-width:5px;border-radius:35px}.reels{gap:5px;padding:9px}.reel{height:145px;border-radius:12px}.lever{right:-6px}.lever-stick{width:9px}.lever-knob{width:42px;height:42px}.brand{font-size:16px}.profile-grid{gap:16px}.profile-card{width:145px}.welcome .bubble{font-size:23px}.drawing-body{padding:0 5px 5px;gap:4px}.tools{width:45px;gap:10px}.tools .icon-btn{height:42px;width:42px;padding:10px;border-radius:12px}.drawing-top{padding:8px;gap:8px}.tasks{gap:4px}.task-chip{min-width:32px;height:36px;font-size:18px;padding:0 4px}.screen-content{padding:0 10px 25px}}@media(prefers-reduced-motion:reduce){.hand-hint{animation:none}.confetti{display:none}.stars svg{animation:none}}
/* 第二版：直線向下拉桿、圖像頭像、十色調色盤與作品照片。 */
.toy-layout{margin-top:38px}.lever{height:250px;top:70px;right:0;touch-action:none}.lever-track{position:absolute;left:25px;top:20px;width:18px;height:188px;background:#d78384;border:4px solid #b36572;border-radius:14px}.lever-stick{position:absolute;left:29px;top:24px;width:10px;height:65px;background:#8b789b;border-radius:10px;transform:translateY(var(--pull,0px));transition:transform .28s ease}.lever.dragging .lever-stick{transition:none}.lever.pulled .lever-stick{transform:translateY(115px)}.lever-knob{top:-10px;left:-21px;width:52px;height:52px}.lever.locked{opacity:.6;pointer-events:none}.lever-lock{position:absolute;width:26px;height:26px;left:21px;bottom:4px;color:#6f4f6c}.hand-hint{top:32px;right:-7px}.blank-profile .animal{color:#b4a98f;padding:20px}.empty-profile{border:4px dashed #dcccaa;background:transparent;box-shadow:none}.empty-profile .animal{color:#b6a78e;padding:36px}.profile-grid{gap:20px}.profile-card{width:175px}.profile-card .animal{height:130px}.avatar-hint{height:50px;width:50px;margin:0 auto 18px;color:#706486}.animal-picker{justify-content:center}.animal-picker button{width:100px;height:100px}.palette-bar{height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff7e5}.palette{display:flex;align-items:center;gap:10px;padding:5px 12px;border-radius:30px;background:#e6dcc4}.color-swatch{background:var(--color);width:40px;height:40px;border-radius:50%;border:4px solid #fff8e7;position:relative;box-shadow:0 2px 0 #b9ad96;flex-shrink:0}.color-swatch.selected{outline:3px solid #6d6278;outline-offset:2px;transform:scale(1.04)}.color-swatch.selected:after{content:'';position:absolute;width:10px;height:6px;border-left:3px solid white;border-bottom:3px solid white;transform:rotate(-45deg);left:10px;top:10px}.drawing-top{height:53px;padding:5px 16px}.drawing-extra{display:flex;gap:8px;align-items:center}.drawing-extra .parent-open{width:35px;height:35px;padding:8px}.tools{gap:8px}.tools .finish{margin-top:5px}.finish:disabled{opacity:.3;box-shadow:none;filter:grayscale(.7)}.cell-marks{display:grid;grid-template-columns:repeat(5,7px);gap:4px;padding:3px}.cell-tick{height:7px;width:7px;border-radius:2px;background:#d9d0b5}.cell-tick.marked{background:#69b498}.paper.loading img,.paper.loading canvas{visibility:hidden}.paper-loading{position:absolute;inset:0;background:#fff8e7;display:flex;justify-content:center;align-items:center;gap:22px}.loading-bear{width:120px;height:120px}.loading-pencil{width:60px;height:60px;animation:pencil-wiggle 1s ease infinite;color:#877d93}.paper-loading.failed .loading-pencil{animation:none;display:none}.load-retry{background:#aed2be}.photo-modal{max-width:900px;padding:16px;max-height:94dvh;overflow:auto}.photo-preview{width:100%;max-height:70dvh;object-fit:contain;border-radius:6px}.photo-making{width:80px;height:80px;margin:30px auto;animation:pencil-wiggle 1s ease infinite}.photo-choices{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.photo-choice{width:125px;background:#fff3d5;border-radius:16px;padding:6px;font-size:25px;font-weight:900}.photo-choice img{width:100%;border-radius:10px}.toy-replay{display:flex;align-items:center;justify-content:center;gap:9px;height:100%}.toy-replay img{height:55px;width:55px;border-radius:14px}.toy-replay svg{width:40px;height:40px}.replay-action{width:180px}.finished-actions>.icon-btn{align-self:center;height:70px;width:70px;padding:16px}.text-btn:disabled{opacity:.4}.parent-panel .child-row{flex-wrap:wrap}.child-row .choice-row{max-width:360px}.parent-hold{z-index:50}.drawing-screen .parent-hold{top:108px}@keyframes pencil-wiggle{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}@media(max-width:1000px){.profile-card{width:155px}.profile-card .animal{height:115px}.toy-layout{margin-top:35px}}@media(max-height:750px) and (orientation:landscape){.toy-layout{margin-top:16px}.tools .icon-btn{height:46px;width:46px;padding:10px}.tools{gap:7px}.tools .tool-gap{display:none}.machine .reel{height:150px}}@media(max-width:750px){.palette{gap:7px}.color-swatch{width:34px;height:34px}.drawing-extra{gap:4px}.drawing-top{padding:5px 8px}.drawing-extra .icon-btn{height:36px;width:36px;padding:8px}.drawing-extra .parent-open{height:30px;width:30px}.profile-grid{gap:12px}.profile-card{width:145px}.empty-profile .animal{padding:30px}}
.progress-strip{align-items:center;gap:22px;margin:12px 0 18px}.progress-card{display:flex;align-items:center;gap:12px;background:#fffdf3;border:2px solid #e7dabe;border-radius:20px;padding:10px 14px;box-shadow:0 3px 0 #e7dabe}.progress-count{display:flex;align-items:center;gap:8px;color:#469681;white-space:nowrap}.progress-count>span{font-size:23px;font-weight:900;background:#d1e9dc;padding:5px 10px;border-radius:11px}.progress-count strong{font-size:22px}.progress-count small{font-size:12px;opacity:.65}.progress-card.letters .progress-count{color:#8570a4}.progress-card.letters .progress-count>span{background:#e7d9ed}.collection-grid{display:grid;grid-template-columns:repeat(10,21px);gap:4px}.progress-card.letters .collection-grid{grid-template-columns:repeat(13,21px)}.collection-token{position:relative;border-radius:6px;border:1px solid #d8d2c2;background:#f1eee5;font-size:12px;width:21px;height:23px;display:grid;place-items:center;font-style:normal;font-weight:800;color:#b2a998}.collection-token.collected{background:#8bcab1;border-color:#72b499;color:#315e51}.letters .collection-token.collected{background:#b4a0d4;border-color:#9a83be;color:#564572}.collection-token b{position:absolute;right:-3px;top:-6px;color:#daa92e;font-size:10px;line-height:1}.toy-layout{margin-top:14px}@media(max-width:850px){.progress-card{padding:8px;gap:8px}.collection-grid{grid-template-columns:repeat(5,18px)}.progress-card.letters .collection-grid{grid-template-columns:repeat(13,18px)}.collection-token{width:18px;height:20px;font-size:11px}.progress-strip{gap:12px}.progress-count strong{font-size:18px}.progress-count>span{padding:4px 7px}}@media(max-width:600px){.progress-card{gap:5px;padding:6px}.progress-count{flex-direction:column;gap:2px}.progress-card.letters .collection-grid{grid-template-columns:repeat(9,16px)}.collection-token{width:16px;height:18px;font-size:10px}.collection-grid{grid-template-columns:repeat(5,16px)}.progress-strip{gap:8px}}

/* Prevent iPad selection and image callouts during play. Photo preview retains native Save Image. */
.room,.room *,.drawing-screen,.drawing-screen *,.modal-backdrop,.modal-backdrop *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
input,textarea,select,[contenteditable="true"],.photo-preview{-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default}

.stroke-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.stroke-highlight{opacity:.6;mix-blend-mode:multiply}.stroke-demo-path{fill:none;stroke:#f02b98;stroke-width:22;stroke-linecap:round;stroke-linejoin:round}.stroke-tip{filter:drop-shadow(0 2px 2px #6663)}.stroke-replay{width:48px;height:48px;border:3px solid #ffeda3;border-radius:50%;background:linear-gradient(#ffe588,#ffd05f);box-shadow:0 4px #c49b3e,inset 0 2px #fff2b6;padding:5px;flex-shrink:0}.stroke-replay svg{height:100%;width:100%}.stroke-replay.playing{outline:2px solid #e38bc0;outline-offset:2px}.stroke-replay:active{transform:translateY(3px);box-shadow:0 1px #c49b3e}.drawing-extra{align-items:center}@media(max-width:750px){.stroke-replay{width:39px;height:39px;padding:3px}}

/* The welcome bear visibly points toward the selectable avatar cards. */
.avatar-welcome{margin:0 auto 4px;height:190px;pointer-events:none}.welcome-guide{position:relative;width:190px;height:200px}.guide-body{position:absolute;inset:0}.guide-face{position:absolute;top:0;left:21px;width:113px;height:113px}.guide-point{transform-origin:108px 111px;animation:avatar-point 1.8s ease-in-out infinite}.guide-arrow{position:absolute;left:127px;top:173px;width:35px;height:35px;animation:avatar-arrow 1.8s ease-in-out infinite}.avatar-welcome+.profile-grid{margin-top:12px}.avatar-welcome+.profile-grid .profile-card{position:relative}.avatar-welcome+.profile-grid .profile-card:focus-visible{outline:4px solid #599d83}
@keyframes avatar-point{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(5deg)}}@keyframes avatar-arrow{0%,100%{transform:translateY(-3px);opacity:.65}50%{transform:translateY(5px);opacity:1}}
@media(max-height:750px){.avatar-welcome{height:145px}.welcome-guide{transform:scale(.76);transform-origin:center top}.avatar-welcome+.profile-grid{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.guide-point,.guide-arrow{animation:none}}