.ps-screen{position:relative;width:100%;height:100dvh;background-image:url(../images/01_profile_screen/bg_light.png);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:flex-start;font-family:var(--ff-body);overflow:hidden}.ps-content{width:100%;max-width:var(--content-w);padding:clamp(70px,12vh,90px) var(--space-md) var(--space-sm);display:flex;flex-direction:column;align-items:center;height:100%;z-index:1}.ps-hero{display:flex;flex-direction:column;align-items:center;flex-shrink:0;margin-top:5px}.ps-hero-relative{position:relative;display:flex;align-items:center;justify-content:center;animation:ps-float 5s ease-in-out infinite}.ps-dragon{width:clamp(90px,20vw,130px);aspect-ratio:409 / 448;object-fit:contain}.ps-help-btn{position:absolute;top:50%;right:max(-55px,-12vw);transform:translateY(-50%);width:clamp(34px,8vw,45px);height:clamp(34px,8vw,45px);border-radius:50%;background:#ffa133;color:#fff;font-family:var(--ff-display);font-size:clamp(20px,5vw,28px);border:3px solid white;box-shadow:0 4px 8px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;padding-bottom:3px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;z-index:2}.ps-help-btn:hover{transform:translateY(calc(-50% - 4px));box-shadow:0 8px 15px #ffa13380;filter:brightness(1.05)}.ps-dragon-name{color:var(--purple, #4B336E);font-family:var(--ff-display);font-size:clamp(28px,7vw,40px);margin:4px 0 0;line-height:1;text-shadow:2px 2px 0px rgba(255,255,255,.8)}.ps-dragon-stage{font-family:var(--ff-body);font-size:14px;font-weight:800;background:var(--purple, #4B336E);color:#fff;padding:3px 12px;border-radius:99px;margin:4px 0}.ps-app-title{color:var(--purple, #4B336E);font-family:var(--ff-display);font-size:clamp(24px,6vw,34px);margin:0;line-height:1;text-shadow:2px 2px 0px rgba(255,255,255,.8)}.ps-subtitle{color:#ffa133;font-family:var(--ff-display);font-size:clamp(18px,4.5vw,26px);margin:5px 0 10px;line-height:1}@keyframes ps-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ps-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:12px;width:100%;flex:1;min-height:0;margin-bottom:20px}.ps-card{position:relative;background:none;border:none;padding:0;display:flex;flex-direction:column;width:100%;cursor:pointer;transition:transform .2s ease;min-height:0}.ps-active-anim:active{transform:scale(.96)}.ps-card:hover{transform:translateY(-3px)}.ps-card:hover .ps-card-bg{filter:drop-shadow(0px 6px 10px rgba(255,161,51,.3)) brightness(1.02)}.ps-card-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;z-index:0}.ps-card-inner{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:12px 10px}.ps-player-info{gap:2px}.ps-avatar-big{width:clamp(50px,12vw,72px);height:clamp(50px,12vw,72px);border-radius:50%;object-fit:cover;border:3px solid white;margin-bottom:5px}.ps-player-name{font-family:var(--ff-display);font-size:22px;color:var(--purple, #4B336E);line-height:1}.ps-player-level{font-family:var(--ff-body);font-size:14px;font-weight:800;color:var(--text-muted, #888)}.ps-player-info{gap:0px}.ps-mini-progress-track{width:70%;height:6px;background:#0000001a;border-radius:10px;margin:4px 0 8px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.5)}.ps-mini-progress-fill{height:100%;background:linear-gradient(90deg,var(--orange),var(--teal));border-radius:10px;transition:width .5s ease-out}.ps-avatar-dragon{width:clamp(65px,16vw,95px);height:clamp(65px,16vw,95px);object-fit:contain;margin-bottom:4px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.15))}.ps-dragon-name-card{font-family:var(--ff-display);font-size:clamp(18px,4.5vw,24px);color:var(--purple, #4B336E);line-height:1.1;margin-bottom:2px;text-align:center}.ps-player-meta-card{font-family:var(--ff-body);font-size:clamp(11px,2.5vw,13px);font-weight:800;color:var(--text-muted, #888);line-height:1.2;text-align:center}.ps-player-element{color:var(--teal-dark, #0f766e)}.ps-add-card{display:flex;align-items:center;justify-content:center}.ps-card-plus{font-family:var(--ff-display);font-size:48px;color:#ffa133;line-height:1}.ps-add-title{font-family:var(--ff-display);font-size:18px;color:#ffa133;line-height:1;margin-top:4px}@media (min-width: 600px){.ps-dragon{width:130px}}@media (min-width: 1025px){.ps-content{max-width:var(--content-w-wide)}}@media (orientation: landscape) and (max-height: 500px){.ps-content{gap:clamp(2px,.5vh,6px)}.ps-hero{margin-top:0}.ps-dragon{width:clamp(50px,10vh,80px)}.ps-dragon-name,.ps-app-title{font-size:clamp(18px,4vh,26px)}.ps-subtitle{font-size:clamp(14px,3vh,20px);margin:2px 0 4px}.ps-help-btn{width:clamp(26px,5vh,34px);height:clamp(26px,5vh,34px);font-size:clamp(16px,3vh,22px);right:max(-40px,-8vw)}.ps-avatar-dragon{width:clamp(45px,9vh,65px);height:clamp(45px,9vh,65px)}.ps-dragon-name-card{font-size:clamp(14px,3vh,18px)}.ps-player-meta-card{font-size:clamp(10px,2vh,13px)}.ps-grid{gap:clamp(6px,1vh,10px);margin-bottom:clamp(8px,1.5vh,14px)}.ps-card-inner{padding:clamp(6px,1vh,10px)}.ps-card-plus{font-size:clamp(28px,6vh,40px)}.ps-add-title{font-size:clamp(12px,2.5vh,16px)}}.ds-container{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.ds-name{font-family:var(--ff-display);font-size:22px;color:var(--purple);text-align:center}.ds-mood{font-family:var(--ff-body);font-size:14px;font-weight:700;color:var(--text-muted);text-align:center;min-height:20px}.ds-dragon-wrap{position:relative;width:clamp(90px,18vw,130px);height:clamp(90px,18vw,130px)}.ds-dragon-img{width:100%;height:100%;object-fit:contain}.ds-mood-badge{position:absolute;top:-6px;right:-6px;font-size:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:ds-badge-float 2s ease-in-out infinite}@keyframes ds-badge-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.ds-dragon-img.mood-sleeping{filter:grayscale(.3) brightness(.8);animation:none}.ds-dragon-img.mood-waiting{animation:ds-float 3s ease-in-out infinite}.ds-dragon-img.mood-content{animation:ds-float 2.5s ease-in-out infinite}.ds-dragon-img.mood-happy{animation:ds-bounce 1.8s ease-in-out infinite}.ds-dragon-img.mood-excited{animation:ds-wiggle .5s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(232,122,42,.6))}@keyframes ds-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ds-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.04)}}@keyframes ds-wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.ds-stage-badge{font-family:var(--ff-body);font-size:12px;font-weight:800;background:var(--purple);color:#fff;padding:3px 10px;border-radius:99px}.ds-element-badge{font-family:var(--ff-body);font-size:13px;font-weight:800;background:#4abfb526;color:var(--teal-dark, #0f766e);padding:3px 12px;border-radius:99px;border:1px solid rgba(74,191,181,.5)}.ds-progress-wrap{width:100%;display:flex;flex-direction:column;gap:4px}.ds-progress-label{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:var(--text-muted)}.ds-progress-track{width:100%;height:8px;border-radius:99px;background:#0000001a;overflow:hidden}.ds-progress-fill{height:100%;background:linear-gradient(90deg,#e87a2a,#4abfb5);border-radius:99px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.ds-wake-hint{font-family:var(--ff-display);font-size:15px;color:#e87a2a;text-align:center;animation:ds-float 2s ease-in-out infinite}.esm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:80}.esm-card{background:#fdfaf4;border-radius:24px;padding:24px 20px;width:90%;max-width:380px;box-shadow:0 10px 30px #0006;display:flex;flex-direction:column;gap:16px}.esm-title{font-family:var(--ff-display);font-size:24px;color:var(--purple);text-align:center;margin:0}.esm-cost{text-align:center;font-family:var(--ff-body);font-size:15px;font-weight:700;color:var(--text-muted)}.esm-cost span{color:var(--purple);font-size:17px}.esm-current{text-align:center;font-family:var(--ff-body);font-size:15px;font-weight:800;color:var(--purple)}.esm-current span{font-weight:800}.esm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.esm-option{border-radius:14px;border:2px solid transparent;background:#f5f3ff;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all .18s ease}.esm-option:hover{border-color:var(--purple-mid)}.esm-option.active{border-color:var(--orange);background:#e87a2a1a}.esm-option-icon{font-size:26px}.esm-option-name{font-family:var(--ff-body);font-size:12px;font-weight:800;color:var(--purple);text-align:center}.esm-option.current{border-color:var(--teal)}.esm-notice{font-family:var(--ff-body);font-size:13px;font-weight:700;color:var(--danger);text-align:center;min-height:18px}.esm-actions{display:flex;gap:10px}.esm-btn-cancel{flex:1;padding:14px;border-radius:16px;border:none;background:#eae5f2;color:var(--purple);font-family:var(--ff-display);font-size:18px;cursor:pointer}.esm-btn-confirm{flex:2;padding:14px;border-radius:16px;border:none;background:var(--orange);color:#fff;font-family:var(--ff-display);font-size:18px;cursor:pointer;transition:filter .15s ease}.esm-btn-confirm:disabled{filter:grayscale(.6);cursor:not-allowed}.sm-screen{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(../images/02_selectmode_screen/bg_light.png);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:flex-start;font-family:var(--ff-body);overflow:hidden}.sm-content{width:100%;max-width:var(--content-w);height:100%;padding:clamp(70px,12vh,90px) 16px env(safe-area-inset-bottom,16px);display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;z-index:1}.sm-active-anim{cursor:pointer;transition:transform .15s cubic-bezier(.4,0,.2,1)}.sm-active-anim:active{transform:scale(.92)}.sm-hero{width:100%;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.sm-dragon{width:clamp(80px,18vw,120px);aspect-ratio:409 / 448;object-fit:contain}.sm-title{color:var(--purple, #4B336E);font-family:var(--ff-display);font-size:var(--fs-lg);margin:5px 0 0;line-height:1;text-shadow:2px 2px 0px rgba(255,255,255,.8)}.sm-stats{position:relative;width:100%;height:clamp(60px,8vh,76px);display:flex;align-items:center}.sm-stats-bg{position:absolute;width:100%;height:100%;object-fit:fill;z-index:0}.sm-stats-inner{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.sm-xp{flex-grow:1;padding:0 10px;display:flex;flex-direction:column}.sm-xp-text{display:flex;justify-content:space-between;margin-bottom:6px;color:var(--purple, #4B336E);font-family:var(--ff-display);font-size:var(--fs-sm)}.sm-xp-bar-wrapper{width:100%;display:block}.sm-medal{width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sm-medal img{width:100%;height:100%;object-fit:contain}.sm-adventure{position:relative;width:100%;height:clamp(110px,18vh,180px);display:flex;justify-content:center;flex-shrink:0}.sm-adventure-bg{position:absolute;width:100%;height:100%;object-fit:fill;z-index:0}.sm-adventure-inner{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;padding-top:22px}.sm-adventure-title{color:#ffa133;font-family:var(--ff-display);font-size:var(--fs-lg);margin:0;text-shadow:2px 2px 0px rgba(0,0,0,.1);transform:translateY(0)}.sm-start-btn{position:relative;background:none;border:none;padding:0;margin-top:8px;width:108%;max-width:min(483px,90vw);height:clamp(72px,10vh,92px);display:flex;justify-content:center;align-items:center}.sm-start-btn img{position:absolute;width:100%;height:100%;object-fit:contain;z-index:0}.sm-start-btn span{position:relative;z-index:1;color:#fef5e7;font-family:var(--ff-display);font-size:clamp(20px,4vw,28px);transform:translateY(4px);text-shadow:1px 1px 2px rgba(0,0,0,.3)}.sm-start-btn:disabled{opacity:.7;pointer-events:none}.sm-loading-bar{width:80%;max-width:300px;height:6px;background:#ffffff4d;border-radius:3px;overflow:hidden;margin-top:10px}.sm-loading-fill{width:40%;height:100%;background:#ffa133;border-radius:3px;animation:sm-loading-slide 1.2s ease-in-out infinite}@keyframes sm-loading-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.sm-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;padding:0 10px;flex-shrink:1;min-height:0}.sm-mode-btn{position:relative;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;aspect-ratio:1;border-radius:16px;transition:transform .2s ease;cursor:pointer}.sm-mode-btn.sm-mode-selected{transform:scale(1.08) translateY(-4px)}.sm-mode-btn img{width:80%;height:80%;object-fit:contain;position:relative;z-index:1;display:block}.sm-mode-btn.sm-mode-selected:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:87%;height:87%;border-radius:14px;background:#ffa13326;border:3px solid #FFA133;box-shadow:0 4px 20px #ffa1334d;z-index:0;pointer-events:none;box-sizing:border-box}.sm-mode-btn span{position:absolute;z-index:2;bottom:18%;left:0;width:100%;text-align:center;color:#fff;font-family:var(--ff-display);font-weight:900;font-size:clamp(14px,3.5vw,21px);text-shadow:1px 1px 3px rgba(0,0,0,.5);line-height:1.1;pointer-events:none;transition:font-size .2s ease,bottom .2s ease}.sm-mode-btn.sm-mode-selected span{font-size:clamp(15px,4vw,23px);bottom:17%}.sm-mode-btn.sm-mode-disabled{filter:grayscale(1) brightness(.8);opacity:.55;cursor:not-allowed;pointer-events:none}.sm-mode-btn.sm-mode-disabled:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:#0003;z-index:0}.sm-mode-offline-tag{position:absolute;z-index:3;top:8%;right:8%;background:#0000008c;color:#fff;font-size:10px;font-family:var(--ff-body);font-weight:700;padding:2px 6px;border-radius:6px;pointer-events:none}.sm-footer{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.sm-latest-medal{display:flex;flex-direction:column;align-items:center;gap:2px;animation:sm-medal-pop .4s ease-out}.sm-latest-medal .medal-badge{padding:6px 12px}.sm-latest-medal-label{color:var(--orange, #FFA133);font-family:var(--ff-display);font-size:12px;font-weight:800;text-shadow:1px 1px 0 rgba(255,255,255,.8)}@keyframes sm-medal-pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}.sm-streak{color:var(--text-muted, #888);font-size:16px;font-weight:700}.sm-link-btn{background:none;border:none;color:var(--purple, #6c5ce7);font-family:var(--ff-body);font-weight:800;font-size:var(--fs-body);text-decoration:underline}@media (min-width: 600px){.sm-modes{grid-template-columns:repeat(4,1fr);gap:14px;padding:0}.sm-dragon{width:120px}.sm-adventure{height:200px}}@media (min-width: 1025px){.sm-content{max-width:var(--content-w-wide)}.sm-modes{gap:20px}}@media (orientation: landscape) and (max-height: 500px){.sm-content{gap:4px;padding:10px 20px;justify-content:center}.sm-dragon{width:70px}.sm-title{font-size:18px;margin:0}.sm-hero{flex-direction:row;gap:15px}.sm-adventure{height:90px}.sm-adventure-inner{padding-top:10px}.sm-adventure-title{font-size:16px}.sm-start-btn{height:50px;width:280px}.sm-start-btn span{font-size:18px}.sm-modes{grid-template-columns:repeat(4,1fr);gap:8px}.sm-mode-btn{aspect-ratio:auto;height:60px}.sm-mode-btn img{width:30px;height:30px}.sm-mode-btn span{font-size:11px;bottom:5%}.sm-footer{flex-direction:row;justify-content:space-between;width:100%;margin:0}}.fm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(../images/05_modal_fact/bg_dark_modal.png);background-size:cover;background-position:center;z-index:100;display:flex;justify-content:center;align-items:center;padding:20px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.fm-book-wrapper{position:relative;width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center}.fm-book{position:relative;width:100%;aspect-ratio:1 / 1.05;display:flex;flex-direction:column;align-items:center;padding:85px 50px 40px}.fm-book-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;z-index:0}.fm-header{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:320px;height:85px;display:flex;justify-content:center;align-items:center;z-index:2}.fm-header-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:0}.fm-header-svg{position:relative;z-index:1;width:100%;height:100%;overflow:visible;transform:translateY(8px)}.fm-diamond{position:absolute;top:-15px;right:-15px;width:85px;height:85px;display:flex;justify-content:center;align-items:center;z-index:3}.fm-diamond-bg{position:absolute;width:100%;height:100%;object-fit:contain;z-index:0}.fm-diamond-text{position:relative;z-index:1;font-family:var(--ff-display);font-size:22px;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.4);transform:translate(12px,2px)}.fm-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center;color:#3d1f5c}.fm-headline{font-family:var(--ff-display);font-size:32px;line-height:1.1;margin:0 0 15px;text-transform:uppercase}.fm-body{font-family:var(--ff-body);font-size:18px;font-weight:800;line-height:1.4;margin:0;display:flex;flex-direction:column;gap:10px}.fm-btn-read{position:relative;z-index:1;width:220px;height:65px;background:none;border:none;padding:0;margin-top:20px;cursor:pointer;transition:transform .15s ease,filter .15s ease}.fm-btn-read:active:not(:disabled){transform:scale(.95)}.fm-btn-read:disabled{filter:grayscale(.5);cursor:not-allowed}.fm-btn-read.fm-btn-read--read{filter:grayscale(1) brightness(.85);cursor:not-allowed}.fm-btn-read.fm-btn-read--read .fm-btn-read-text{color:#bdb6a8}.fm-btn-read-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;z-index:0}.fm-btn-read-text{position:relative;z-index:1;font-family:var(--ff-display);font-size:24px;color:#fef5e7;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:8px;height:100%;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.fm-btn-read.mic-listening{animation:fm-pulse 1.2s infinite}.fm-btn-read.mic-processing{filter:hue-rotate(20deg) brightness(1.1)}.fm-btn-read.mic-success{filter:hue-rotate(-20deg) brightness(1.1)}.fm-btn-read.mic-error{filter:grayscale(.8)}@keyframes fm-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.15)}}.fm-close{position:absolute;top:-20px;left:-10px;width:40px;height:40px;background:#3d1f5c;color:#fff;border:3px solid #FEF5E7;border-radius:50%;font-family:var(--ff-display);font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;box-shadow:0 4px 8px #0000004d}.fm-status{position:relative;z-index:1;margin-top:-15px;background:#fef5e7;color:#3d1f5c;padding:12px 24px;border-radius:20px;font-family:var(--ff-body);font-weight:800;font-size:16px;text-align:center;box-shadow:0 6px 12px #0003;border:3px solid #E8A830}.gs-screen{position:relative;width:100%;height:100dvh;background-image:url(../images/03_game_screen/bg_light.png);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:flex-start;font-family:var(--ff-body);overflow:hidden}.gs-content{width:100%;max-width:var(--content-w);height:100dvh;padding:clamp(70px,12vh,90px) 16px env(safe-area-inset-bottom,16px);display:flex;flex-direction:column;z-index:1}.gs-board{position:relative;width:100%;flex:1;border-radius:24px;box-shadow:0 12px 24px #0003;display:flex;flex-direction:column;margin-bottom:16px;overflow:hidden}.gs-board-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.gs-board-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;flex:1;padding:16px 20px}.gs-dragon-wrapper{position:relative;display:flex;justify-content:center}.gs-dragon{width:clamp(70px,16vw,110px);aspect-ratio:409 / 448;object-fit:contain;animation:gs-float 4s ease-in-out infinite}.gs-mood-emoji{position:absolute;top:-4px;right:-8px;font-size:22px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}.gs-combo-badge{position:absolute;top:16px;right:16px;z-index:5;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:99px;padding:4px 12px;color:#fff;font-family:var(--ff-display);font-size:15px;display:flex;align-items:center;gap:4px;pointer-events:none}.gs-boss-badge{position:absolute;top:52px;right:16px;background:linear-gradient(135deg,#dc2626,#991b1b);border:2px solid #FEF5E7;border-radius:12px;padding:8px 14px;color:#fff;font-family:var(--ff-display);font-size:14px;display:flex;align-items:center;gap:6px;cursor:pointer;z-index:5;box-shadow:0 4px 10px #dc262666;transition:transform .15s ease}.gs-boss-badge:active{transform:scale(.92)}.gs-turn{font-family:var(--ff-display);font-size:var(--fs-lg);color:#fff;margin:2px 0 4px;text-shadow:2px 2px 0px rgba(0,0,0,.15);text-transform:uppercase}@keyframes gs-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.gs-letter-wrapper{position:relative;width:clamp(100px,30vw,150px);height:clamp(60px,16vw,85px);display:flex;justify-content:center;align-items:center;margin-bottom:4px}.gs-letter-bg{position:absolute;width:100%;height:100%;object-fit:contain;z-index:0}.gs-letter-svg{position:relative;z-index:1;width:100%;height:100%;overflow:visible}.gs-sparkle{animation:gs-twinkle 2s ease-in-out infinite;transform-origin:center}.gs-sparkle:nth-child(2){animation-delay:.6s}.gs-sparkle:nth-child(3){animation-delay:1.2s}@keyframes gs-twinkle{0%,to{opacity:.2;transform:scale(.6) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(15deg)}}.gs-word-wrapper{position:relative;width:100%;border-radius:20px;overflow:hidden;box-shadow:0 -4px 10px #0000000d}.gs-word-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.gs-word-inner{position:relative;z-index:1;padding:12px 15px 16px;display:flex;flex-direction:column;align-items:center;text-align:center}.gs-word-label{font-family:var(--ff-body);font-weight:800;font-size:clamp(14px,3.5vw,18px);color:#5a3d22;margin-bottom:4px}.gs-word-value{font-family:var(--ff-display);font-size:clamp(32px,7vw,56px);line-height:1;color:#311e0f;text-transform:uppercase}.gs-actions{position:relative;display:flex;flex-direction:column;gap:8px;width:100%;flex-shrink:0}.gs-feedback-container{position:absolute;bottom:calc(100% + 10px);left:0;width:100%;display:flex;justify-content:center;z-index:10;pointer-events:none}.gs-feedback{background:#ecfdf5;color:#059669;border:3px solid #059669;border-radius:16px;padding:8px 16px;text-align:center;font-family:var(--ff-body);font-weight:800;font-size:clamp(13px,3vw,16px);box-shadow:0 4px 10px #0000001a;width:100%;transition:opacity .3s ease,transform .3s ease;animation:pop-feedback .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes pop-feedback{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.gs-feedback.hidden{opacity:0;transform:translateY(-10px)}.gs-action-btn{position:relative;width:100%;height:clamp(46px,6.5vh,56px);background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,filter .15s ease}.gs-action-btn:active:not(:disabled){transform:scale(.96)}.gs-action-btn:disabled,.gs-action-btn.locked{filter:grayscale(.8) opacity(.7);cursor:not-allowed}.gs-action-btn img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;border-radius:16px;z-index:0}.gs-action-btn span{position:relative;z-index:1;font-family:var(--ff-body);font-weight:800;font-size:clamp(16px,4vw,20px);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);display:flex;align-items:center;gap:8px}.gs-talk-btn{position:relative;width:100%;height:clamp(56px,8vh,70px);background:none;border:none;padding:0;margin-top:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease}.gs-talk-btn:active:not(:disabled){transform:scale(.95)}.gs-talk-btn img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;border-radius:18px;z-index:0}.gs-talk-btn span{position:relative;z-index:1;font-family:var(--ff-display);font-size:clamp(22px,5vw,28px);color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.3);display:flex;align-items:center;gap:8px}.gs-talk-btn.mic-listening{animation:gs-pulse 1.2s infinite}.gs-talk-btn.mic-success{filter:hue-rotate(-30deg) brightness(1.1)}.gs-talk-btn.mic-fail{filter:grayscale(.5)}.gs-talk-btn.cooldown{filter:grayscale(.8) opacity(.5);cursor:not-allowed}@keyframes gs-pulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.15);transform:scale(1.02)}}@media (min-width: 600px){.gs-board-content{padding:20px 28px}.gs-dragon{width:130px}.gs-letter-wrapper{width:180px;height:100px}}@media (min-width: 1025px){.gs-content{max-width:var(--content-w-wide)}.gs-board-content{padding:24px 36px}}@media (orientation: landscape) and (max-height: 500px){.gs-board-content{padding:clamp(4px,1vh,8px) clamp(12px,3vw,20px)}.gs-dragon{width:clamp(50px,10vh,80px)}.gs-turn{font-size:clamp(14px,3vh,20px);margin:2px 0}.gs-letter-wrapper{width:clamp(80px,20vw,120px);height:clamp(40px,8vh,60px);margin-bottom:2px}.gs-word-value{font-size:clamp(20px,5vh,32px)}.gs-word-label{font-size:clamp(11px,2vh,14px)}.gs-talk-btn{height:clamp(44px,8vh,56px);margin-top:2px}.gs-action-btn{height:clamp(34px,6vh,46px)}.gs-actions{gap:clamp(4px,.8vh,6px)}.gs-boss-badge{top:35px;padding:4px 10px;font-size:12px}.gs-combo-badge{top:6px}}.bs-screen,.bs-screen *{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;-webkit-tap-highlight-color:transparent!important}.bs-screen{position:relative;width:100%;height:100dvh;background-image:url(../images/04_boss_fight/bg_dark_boss.png);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:flex-start;font-family:var(--ff-body);overflow:hidden}.bs-content{width:100%;max-width:var(--content-w);height:100%;padding:clamp(70px,12vh,90px) var(--space-md) var(--space-sm);display:flex;flex-direction:column;justify-content:space-between;z-index:1}.bs-main-area{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,4vh,32px);overflow:hidden}.bs-boss-container{position:relative;display:inline-block;width:clamp(150px,40vw,260px);flex-shrink:0}.bs-boss-img{width:100%;height:auto;display:block}.bs-hp-track{position:absolute;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d}.bs-hp-fill{height:100%;transition:width .3s ease-out}.bs-group-wrapper{position:relative;width:100%;max-width:360px;min-height:280px;display:flex;flex-direction:column;align-items:center}.bs-group-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;z-index:0}.bs-group-content{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:15px 16px 24px}.bs-topic{font-family:var(--ff-display);font-size:clamp(14px,3.5vw,18px);color:#fff;text-transform:uppercase;text-shadow:1px 1px 2px rgba(0,0,0,.3);margin-bottom:6px;text-align:center;line-height:1.2}.bs-letter-container{position:relative;width:clamp(80px,20vw,120px);height:clamp(80px,20vw,120px);display:flex;justify-content:center;align-items:center;margin:clamp(4px,1vh,10px) 0;flex-shrink:0}.bs-letter-bg{position:absolute;width:100%;height:100%;object-fit:contain;z-index:0}.bs-letter-svg{position:relative;z-index:1;width:100%;height:100%;overflow:visible;pointer-events:none}.bs-sparkle{animation:bs-twinkle 2s ease-in-out infinite;transform-origin:center}.bs-sparkle:nth-child(2){animation-delay:.6s}.bs-sparkle:nth-child(3){animation-delay:1.2s}@keyframes bs-twinkle{0%,to{opacity:.2;transform:scale(.6) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(15deg)}}.bs-actions{position:relative;width:100%;display:flex;flex-direction:column;gap:12px}.bs-feedback-container{position:absolute;bottom:calc(100% + 15px);left:0;width:100%;display:flex;justify-content:center;z-index:10;pointer-events:none}.bs-feedback{background:#ecfdf5;color:#059669;border:3px solid #059669;border-radius:16px;padding:8px 16px;text-align:center;font-family:var(--ff-body);font-weight:800;font-size:clamp(13px,3vw,16px);box-shadow:0 4px 10px #0000001a;width:100%;transition:opacity .3s ease,transform .3s ease;animation:pop-feedback .25s cubic-bezier(.175,.885,.32,1.275)}.bs-feedback.hidden{opacity:0;transform:translateY(-10px)}.bs-action-btn{position:relative;width:100%;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,filter .2s ease}.bs-action-btn:active:not(:disabled){transform:scale(.95)}.bs-action-btn:disabled,.bs-action-btn.locked{filter:grayscale(.8) opacity(.8);cursor:not-allowed}.bs-btn-attack{height:clamp(56px,8vh,70px)}.bs-btn-defence{height:clamp(42px,6vh,52px);width:85%;margin:0 auto}.bs-action-btn img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;z-index:0;border-radius:16px;pointer-events:none}.bs-action-btn span{position:relative;z-index:1;font-family:var(--ff-display);color:#fef5e7;text-transform:uppercase;text-shadow:1px 1px 3px rgba(0,0,0,.4);display:flex;align-items:center;gap:8px}.bs-btn-attack span{font-size:clamp(20px,4.5vw,26px)}.bs-btn-defence span{font-size:clamp(16px,3.5vw,20px)}.bs-btn-attack.mic-listening{animation:bs-pulse 1.2s infinite}.bs-btn-attack.mic-success{filter:hue-rotate(-20deg) brightness(1.15)}.bs-btn-attack.mic-fail{filter:grayscale(.6)}.bs-action-btn.cooldown{filter:grayscale(.8) opacity(.5);cursor:not-allowed}@keyframes bs-pulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.03)}}.bs-footer{width:100%;display:flex;justify-content:flex-end;align-items:flex-end;padding-bottom:8px;margin-top:auto;gap:10px;flex-shrink:0}.bs-player-info{display:flex;align-items:center;gap:12px;padding-bottom:5px}.bs-hearts{display:flex;gap:6px}.bs-heart-wrapper{position:relative;width:clamp(22px,4vh,32px);height:clamp(22px,4vh,32px);flex-shrink:0}.bs-heart-icon{width:100%;height:100%;object-fit:contain;transition:filter .3s ease,opacity .3s ease}.bs-heart-icon.lost{filter:grayscale(1) opacity(.3)}.bs-shield-overlay{position:absolute;bottom:-6px;left:-8px;font-size:16px;background:#28b6b0;border:1.5px solid white;border-radius:50%;width:24px;height:24px;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 4px #0000004d;animation:float-shield 2s ease-in-out infinite}.bs-shield-digit{font-family:var(--ff-display);font-size:11px;color:#fff;font-weight:900;margin-left:1px;text-shadow:1px 1px 0 rgba(0,0,0,.4)}@keyframes float-shield{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.bs-avatar-ring{width:clamp(65px,12vw,85px);height:clamp(65px,12vw,85px);border-radius:50%;border:3px solid #E8A830;box-shadow:0 0 8px #e8a83066;overflow:hidden;background:#fdfaf4;flex-shrink:0;display:flex;align-items:center;justify-content:center}.bs-dragon-avatar{width:85%;height:85%;object-fit:contain}.bs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:grid;place-items:center;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bs-overlay-card{background:#fdfaf4;border-radius:24px;padding:30px;text-align:center;box-shadow:0 10px 30px #00000080;max-width:90%;width:400px}.bs-overlay-card h2{font-family:var(--ff-display);font-size:32px;color:#3d1f5c;margin:0 0 10px}.bs-overlay-card p{font-family:var(--ff-body);font-size:18px;color:#8b6914;margin-bottom:20px}.bs-victory-rewards{margin-bottom:20px}.bs-reward-line{font-family:var(--ff-display);font-size:22px;color:#3d1f5c;font-weight:900;margin:4px 0}.bs-reward-sub{font-size:14px;color:#8b6914;opacity:.8}.boss-damage-anim{animation:shake-damage .4s ease-in-out}@keyframes shake-damage{0%{transform:translate(0);filter:brightness(1)}20%{transform:translate(-10px);filter:brightness(1.5) sepia(1) hue-rotate(-50deg)}40%{transform:translate(10px);filter:brightness(1)}60%{transform:translate(-10px);filter:brightness(1.5) sepia(1) hue-rotate(-50deg)}80%{transform:translate(10px);filter:brightness(1)}to{transform:translate(0);filter:brightness(1)}}@media (min-width: 1025px){.bs-content{max-width:var(--content-w-wide)}}@media (orientation: landscape) and (max-height: 500px){.bs-group-content{padding:clamp(4px,.8vh,8px) 12px}.bs-boss-container{width:clamp(100px,25vh,150px)}.bs-letter-container{width:clamp(50px,12vh,80px);height:clamp(50px,12vh,80px);margin:2px 0}.bs-btn-attack{height:clamp(40px,8vh,56px)}.bs-btn-defence{height:clamp(32px,6vh,42px);width:70%}.bs-action-btn span{font-size:clamp(14px,3vh,18px)}.bs-heart-wrapper{width:clamp(18px,3.5vh,26px);height:clamp(18px,3.5vh,26px)}.bs-avatar-ring{width:clamp(45px,9vh,65px);height:clamp(45px,9vh,65px)}.bs-footer{padding-bottom:2px;gap:6px}.bs-main-area{gap:4px}}.egg-screen{position:relative;width:100%;height:100dvh;background:radial-gradient(ellipse at center,#2a1a4a,#0d0820);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;font-family:var(--ff-body);overflow:hidden}.egg-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.egg-star{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;opacity:.4;animation:egg-twinkle 3s ease-in-out infinite}@keyframes egg-twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2)}}.egg-container{position:relative;width:clamp(168px,45.6vw,264px);height:clamp(204px,55.2vw,312px);display:flex;align-items:flex-end;justify-content:center}.egg-image-wrap{position:relative;display:flex;align-items:flex-end;justify-content:center}.egg-image{width:clamp(144px,40.8vw,240px);height:auto;display:block}.egg-image{width:100%;height:100%;object-fit:contain}.egg-image.egg-no-glow{filter:none;animation:none}.egg-image.egg-glow-1{animation:egg-glow-soft 2.5s ease-in-out infinite,egg-bob 3s ease-in-out infinite}.egg-image.egg-glow-2{animation:egg-glow-medium 2.5s ease-in-out infinite,egg-bob 3s ease-in-out infinite}.egg-image.egg-glow-3{animation:egg-glow-strong 2.5s ease-in-out infinite,egg-bob 3s ease-in-out infinite}.egg-image.egg-glow-4{animation:egg-glow-stronger 2.5s ease-in-out infinite,egg-bob 3s ease-in-out infinite}@keyframes egg-glow-soft{0%,to{filter:drop-shadow(0 0 4px var(--glow-color, #E87A2A))}50%{filter:drop-shadow(0 0 10px var(--glow-color, #E87A2A))}}@keyframes egg-glow-medium{0%,to{filter:drop-shadow(0 0 6px var(--glow-color, #E87A2A))}50%{filter:drop-shadow(0 0 16px var(--glow-color, #E87A2A))}}@keyframes egg-glow-strong{0%,to{filter:drop-shadow(0 0 8px var(--glow-color, #E87A2A))}50%{filter:drop-shadow(0 0 22px var(--glow-color, #E87A2A))}}@keyframes egg-glow-stronger{0%,to{filter:drop-shadow(0 0 10px var(--glow-color, #E87A2A)) drop-shadow(0 0 6px #FFD700)}50%{filter:drop-shadow(0 0 28px var(--glow-color, #E87A2A)) drop-shadow(0 0 10px #FFD700)}}@keyframes egg-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.egg-baby{width:clamp(168px,45.6vw,264px);height:auto;display:block}.egg-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;z-index:100;transition:opacity 1.2s ease-in-out}.egg-flash.active{opacity:1}.egg-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%;max-width:min(340px,90vw);padding:0 var(--space-md)}.egg-title{font-family:var(--ff-display);font-size:clamp(20px,5vw,28px);color:#fef5e7;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.5)}.egg-subtitle{font-family:var(--ff-body);font-size:clamp(13px,3vw,17px);font-weight:700;color:#ffffffb3;text-align:center}.egg-input{width:100%;padding:14px 16px;border-radius:16px;border:2px solid rgba(232,122,42,.6);background:#ffffff14;color:#fff;font-family:var(--ff-display);font-size:22px;text-align:center;outline:none}.egg-input::placeholder{color:#ffffff4d}.egg-input:focus{border-color:#e87a2a;background:#ffffff1f}.egg-gender-row{display:flex;gap:12px;width:100%}.egg-gender-btn{flex:1;padding:12px 8px;border-radius:14px;border:2px solid rgba(255,255,255,.2);background:#ffffff0f;color:#ffffffb3;font-family:var(--ff-display);font-size:16px;cursor:pointer;transition:all .2s ease}.egg-gender-btn.selected{border-color:#e87a2a;background:#e87a2a33;color:#fff}.egg-progress{display:flex;gap:8px;align-items:center}.egg-progress-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.3);transition:all .3s ease}.egg-progress-dot.done{background:#e87a2a;border-color:#e87a2a;transform:scale(1.2)}.egg-btn{width:100%;padding:16px;border-radius:18px;border:none;background:#e87a2a;color:#fff;font-family:var(--ff-display);font-size:22px;cursor:pointer;box-shadow:0 4px 20px #e87a2a80;transition:transform .15s ease}.egg-btn:active{transform:scale(.96)}.egg-btn:disabled{filter:grayscale(.6);cursor:not-allowed}.egg-word-card{width:100%;background:#ffffff14;border:2px solid rgba(232,122,42,.4);border-radius:20px;padding:20px 24px;text-align:center}.egg-word-label{font-size:13px;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.egg-word-value{font-family:var(--ff-display);font-size:clamp(28px,7vw,48px);color:gold;text-transform:uppercase;text-shadow:0 0 20px rgba(255,215,0,.4)}.egg-error{color:#ff6b6b;font-size:12px;text-align:center;margin:8px 0;word-break:break-word}.egg-mic-btn{width:100%;padding:clamp(12px,2.5vh,18px);border-radius:18px;border:none;background:#4abfb5;color:#fff;font-family:var(--ff-display);font-size:clamp(16px,4vw,24px);cursor:pointer}.egg-mic-btn.listening{background:#dc2626;animation:egg-mic-pulse 1s infinite}@keyframes egg-mic-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.egg-sparkle-svg{position:absolute;top:100px;left:50%;transform:translate(-50%);width:200px;height:120px;z-index:2;pointer-events:none;overflow:visible}.egg-sparkle{transform-origin:center}.egg-mic-btn.cooldown{background:#888;opacity:.6}@media (orientation: landscape) and (max-height: 500px){.egg-screen{gap:clamp(6px,1.5vh,12px)}.egg-container{width:clamp(108px,26.4vh,180px);height:clamp(132px,33.6vh,216px)}.egg-image{width:clamp(96px,24vh,156px)}.egg-baby{width:clamp(108px,26.4vh,180px)}.egg-title{font-size:clamp(14px,3vh,20px)}.egg-subtitle{font-size:clamp(11px,2vh,14px)}.egg-word-value{font-size:clamp(22px,5vh,34px)}.egg-mic-btn{font-size:clamp(14px,3vh,18px);padding:clamp(8px,1.5vh,12px)}.egg-word-card{padding:clamp(10px,2vh,16px)}.egg-step{gap:clamp(6px,1vh,12px)}}.ob-screen{position:relative;width:100%;min-height:100dvh;background:radial-gradient(ellipse at center,#2a1a4a,#0d0820);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-family:var(--ff-body);padding:20px}.ob-dragon-area{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ob-dragon{width:clamp(100px,30vw,160px);height:auto;object-fit:contain}.ob-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);width:100%;max-width:min(400px,90vw)}.ob-title{font-family:var(--ff-display);font-size:26px;color:#fef5e7;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.5)}.ob-message{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.ob-label{font-family:var(--ff-display);font-size:22px;color:#fef5e7;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.5)}.ob-age-grid{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.ob-age-btn{width:auto;height:auto;border:none;background:none;cursor:pointer;padding:0;transition:transform .2s ease}.ob-age-btn:active{transform:scale(.92)}.ob-age-btn:hover{transform:scale(1.1)}.ob-age-icon{width:clamp(52px,14vw,72px);height:clamp(52px,14vw,72px);object-fit:contain}.ob-dragon-grid{display:flex;gap:24px;justify-content:center;width:100%}.ob-dragon-card{flex:1;max-width:140px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px 16px;border-radius:var(--r);border:3px solid rgba(255,255,255,.15);background:#ffffff0a;cursor:pointer;transition:all .3s ease}.ob-dragon-card:active{transform:scale(.95)}.ob-dragon-card.selected{background:#ffffff1a;transform:scale(1.05)}.ob-dragon-card-img-wrap{width:clamp(60px,18vw,100px);height:clamp(60px,18vw,100px);border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s ease}.ob-dragon-card-img{width:100%;height:100%;object-fit:contain}.ob-dragon-card-name{font-family:var(--ff-display);font-size:20px;color:#fef5e7;text-shadow:0 2px 6px rgba(0,0,0,.4);text-align:center}.ob-glow-anim{animation:ob-glow-pulse 2s ease-in-out infinite}@keyframes ob-glow-pulse{0%,to{filter:drop-shadow(0 0 8px var(--glow-color, rgba(232,122,42,.6)))}50%{filter:drop-shadow(0 0 20px var(--glow-color, rgba(232,122,42,.6)))}}@media (orientation: landscape) and (max-height: 500px){.ob-screen{gap:clamp(6px,1.5vh,12px);padding:clamp(8px,2vh,14px)}.ob-dragon{width:clamp(60px,14vh,100px)}.ob-content{gap:clamp(6px,1vh,12px)}.ob-title{font-size:clamp(16px,3.5vh,22px)}.ob-label{font-size:clamp(14px,3vh,18px)}.ob-age-icon{width:clamp(38px,8vh,52px);height:clamp(38px,8vh,52px)}.ob-age-grid{gap:clamp(6px,1vh,10px)}.ob-dragon-grid{gap:clamp(10px,2vh,18px)}.ob-dragon-card{padding:clamp(8px,1.5vh,14px) clamp(8px,1.5vh,12px)}.ob-dragon-card-img-wrap{width:clamp(44px,10vh,70px);height:clamp(44px,10vh,70px)}.ob-dragon-card-name{font-size:clamp(13px,2.5vh,17px)}.ob-message{gap:clamp(8px,1.5vh,12px)}}.shop-screen{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:clamp(50px,8vh,70px) 16px clamp(20px,4vh,30px);background:var(--bg)}.shop-title{font-family:var(--ff-display);font-size:clamp(22px,5vw,30px);color:var(--purple);text-align:center;margin-bottom:20px}.shop-balance{display:flex;justify-content:center;gap:16px;font-family:var(--ff-display);font-size:18px;color:var(--purple);margin-bottom:20px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shop-item{background:var(--bg-card);border-radius:18px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;border:2px solid var(--border);cursor:pointer;transition:transform .15s ease,border-color .15s ease}.shop-item:hover{transform:translateY(-3px);border-color:var(--orange)}.shop-item.owned{border-color:var(--teal);opacity:.7;cursor:default}.shop-item-emoji{font-size:32px}.shop-item-name{font-family:var(--ff-body);font-size:12px;font-weight:800;color:var(--text);text-align:center}.shop-item-price{font-family:var(--ff-display);font-size:14px;color:var(--purple)}.rarity-common{border-top:3px solid #A8A29E}.rarity-rare{border-top:3px solid #3B82F6}.rarity-legendary{border-top:3px solid #E8A830}.shop-owned-badge{font-size:10px;font-weight:800;color:var(--teal);text-transform:uppercase;letter-spacing:.5px}.shop-section{margin-bottom:24px}.shop-section-title{font-family:var(--ff-display);font-size:16px;color:var(--purple);margin:0 0 10px}.shop-today-badge{position:absolute;top:-9px;right:8px;background:var(--orange);color:#fff;font-size:9px;font-weight:900;letter-spacing:.5px;border-radius:8px;padding:2px 6px}.shop-item.today{position:relative;border-color:var(--orange)}.inv-screen{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:clamp(50px,8vh,70px) 16px clamp(20px,4vh,40px);background:var(--bg)}.inv-title{font-family:var(--ff-display);font-size:clamp(20px,5vw,28px);color:var(--purple);text-align:center;margin-bottom:6px}.inv-tabs{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto}.inv-tab{padding:8px 18px;border-radius:99px;border:2px solid var(--border);background:var(--bg-card);font-family:var(--ff-display);font-size:15px;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all .15s ease}.inv-tab.active{background:var(--purple);color:#fff;border-color:var(--purple)}.inv-dragon-preview{position:relative;width:160px;height:160px;margin:0 auto 20px}.inv-dragon-img{width:100%;height:100%;object-fit:contain}.inv-equipped-badges{position:absolute;bottom:-10px;left:0;right:0;display:flex;justify-content:center;gap:6px}.inv-equipped-badge{background:var(--bg-card);border:2px solid var(--orange);border-radius:99px;padding:2px 10px;font-size:18px}.inv-slots{display:flex;gap:10px;margin-bottom:20px}.inv-slot{flex:1;border-radius:14px;border:2px solid var(--border);background:var(--bg-card);padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:border-color .15s ease}.inv-slot.active-slot{border-color:var(--orange)}.inv-slot-label{font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase}.inv-slot-emoji{font-size:24px}.inv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.inv-item{background:var(--bg-card);border-radius:16px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;border:2px solid var(--border);cursor:pointer;transition:all .15s ease}.inv-item:hover{border-color:var(--orange);transform:translateY(-2px)}.inv-item.equipped{border-color:var(--teal);background:#4abfb514}.inv-item-emoji{font-size:28px}.inv-item-name{font-size:11px;font-weight:800;color:var(--text);text-align:center}.inv-item-badge{font-size:10px;font-weight:800;color:var(--teal)}.inv-empty{text-align:center;color:var(--text-muted);padding:30px 0;font-size:15px}.inv-stable{display:flex;flex-direction:column;gap:14px}.inv-stable-card{background:var(--bg-card);border-radius:18px;padding:16px;display:flex;align-items:center;gap:14px;border:2px solid var(--border)}.inv-stable-emoji{font-size:40px}.inv-stable-info{flex:1}.inv-stable-name{font-family:var(--ff-display);font-size:18px;color:var(--purple)}.inv-stable-stats{font-size:13px;color:var(--text-muted);font-weight:700}.inv-stable-set{font-size:13px;color:var(--purple);font-weight:800;margin-top:4px}.top-nav{position:absolute;top:0;left:0;width:100%;padding:env(safe-area-inset-top,16px) 16px 0;display:flex;justify-content:space-between;align-items:flex-start;z-index:50;pointer-events:none}.top-nav-side{display:flex;flex-direction:column;gap:10px;pointer-events:auto}.top-nav-center{display:flex;gap:8px;pointer-events:auto;margin-top:4px}.tn-btn{width:clamp(40px,9vw,48px);height:clamp(40px,9vw,48px);font-size:clamp(18px,4.5vw,22px);border:3px solid #FEF5E7;border-radius:50%;box-shadow:0 4px 8px #0003;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .15s ease,filter .15s ease}.tn-btn:active{transform:scale(.9);filter:brightness(.9)}.tn-wallet-pill{background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:99px;padding:5px 12px;color:#fff;font-family:var(--ff-display);font-size:clamp(14px,3.5vw,16px);display:flex;gap:6px;align-items:center;box-shadow:0 2px 6px #00000026}@media (min-width: 600px){.top-nav-side{flex-direction:row}}.settings-btn-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media (max-width: 340px){.settings-btn-row{grid-template-columns:1fr}}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0000007a;z-index:60;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.help-card{width:min(540px,calc(100% - 32px));background:var(--bg-card);border-radius:var(--r-xl);padding:20px;box-shadow:var(--shadow-card);position:relative;display:flex;flex-direction:column;gap:14px}.help-close{position:absolute;top:12px;right:12px;border:none;background:transparent;font-size:20px;cursor:pointer}.help-title{margin:0;font-family:var(--ff-display);color:var(--purple);font-size:22px;text-align:center}.help-body{color:var(--text);font-family:var(--ff-body);font-size:18px;line-height:1.3;text-align:center}.help-actions{display:flex;gap:12px;margin-top:6px}.help-actions .primary-button,.help-actions .secondary-button{flex:1}.reward-popup{position:fixed;pointer-events:none;z-index:200;display:flex;flex-direction:column;align-items:center;gap:4px;animation:reward-rise 1.8s ease-out forwards}@keyframes reward-rise{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:1;transform:translateY(-10px) scale(1.1)}70%{opacity:1;transform:translateY(-50px) scale(1)}to{opacity:0;transform:translateY(-80px) scale(.9)}}.reward-popup-item{background:#000000bf;color:#fff;font-family:var(--ff-display);font-size:20px;padding:6px 14px;border-radius:99px;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.oi-badge{position:fixed;bottom:28px;right:10px;z-index:1000;pointer-events:none;white-space:nowrap;animation:oi-fade-in .3s ease-out}.oi-badge.oi-offline{position:fixed;bottom:28px;right:10px}.oi-offline{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffffe6;border-radius:50%;color:#5b6b7c;box-shadow:0 2px 6px #0003}.oi-offline-icon{display:block}.oi-sync{padding:4px 10px;border-radius:12px;background:#27ae60;color:#fff;font-size:12px;font-weight:700;box-shadow:0 4px 12px #00000040}@keyframes oi-fade-in{0%{opacity:0}to{opacity:1}}:root{--content-w: min(500px, 92vw);--content-w-wide: min(980px, 94vw);--fs-lg: clamp(22px, 4vw, 36px);--fs-body: clamp(15px, 2.5vw, 20px);--fs-sm: clamp(12px, 2vw, 16px);--space-sm: clamp(8px, 1.5vw, 16px);--space-md: clamp(12px, 2vw, 24px);--space-lg: clamp(16px, 3vw, 32px);--bg: #EFE0C4;--bg-dark: #2A1A4A;--bg-card: #FDFAF4;--bg-purple: #F5F3FF;--orange: #E87A2A;--orange-dark: #B85A15;--teal: #4ABFB5;--teal-dark: #3AA09A;--purple: #3D1F5C;--purple-mid: #6B3FA0;--gold: #E8A830;--success: #059669;--success-bg: #ECFDF5;--danger: #DC2626;--danger-bg: #FEF2F2;--text: #2A1A0A;--text-mid: #4A3520;--text-muted: #8B6914;--border: rgba(0, 0, 0, .07);--border-mid: rgba(0, 0, 0, .14);--r-sm: 12px;--r: 18px;--r-lg: 24px;--r-xl: 28px;--r-full: 9999px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .08);--ff-display: "Fredoka", "Nunito", sans-serif;--ff-body: "Nunito", sans-serif}@font-face{font-family:Fredoka One;src:url(../fonts/FredokaOne-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Nunito;src:url(../fonts/Nunito-Bold.ttf) format("truetype");font-weight:700;font-style:normal}:root{--ff-display: "Fredoka One", sans-serif;--ff-body: "Nunito", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow:hidden;position:fixed}body{font-family:var(--ff-body);background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:#e8a83040}button,input{border:none;background:none}.screen{height:100%;width:100%;padding:24px;font-family:var(--ff-body);overflow-y:auto;overflow-x:hidden}main.screen{max-width:980px;margin:0 auto}.primary-button,.secondary-button,.link-button{border-radius:var(--r-full);padding:14px 20px;font-weight:700;border:2px solid transparent}.primary-button{background:var(--orange);color:#fff}.secondary-button{background:var(--teal);color:#fff}.link-button{background:transparent;color:var(--purple)}.start-cta{width:100%}.mode-card{border-radius:var(--r-lg);padding:20px;background:var(--bg-card);box-shadow:var(--shadow-card);color:var(--text);text-align:left}.mode-card.active{border:2px solid var(--orange)}.mode-card.locked{opacity:.7}.streak-badge{margin-top:16px;display:inline-flex;gap:8px;align-items:center;background:var(--bg-card);padding:10px 14px;border-radius:var(--r-full);border:1px solid var(--border)}.fact-button,.mic-button,.primary-button,.secondary-button{width:100%;display:inline-flex;justify-content:center;align-items:center}.description-button{background:var(--purple);color:#fff;border:2px solid var(--orange)}.mic-button{margin-top:16px;background:var(--orange);color:#fff;border-radius:var(--r-full);padding:16px;font-weight:700;position:relative}.mic-button.mic-listening{background:var(--danger)}.mic-button.mic-processing{background:var(--purple)}.mic-button.mic-success{background:var(--success)}.mic-button.mic-fail{background:var(--text-muted)}.mic-button .mic-icon{width:14px;height:14px;border-radius:50%;background:#fffc;margin-right:10px}.mic-button.mic-listening .mic-icon{background:#fffffff2;box-shadow:0 0 0 6px #fff3;animation:micRipple 1.2s ease-out infinite}@keyframes micRipple{0%{box-shadow:0 0 0 4px #ffffff42}to{box-shadow:0 0 0 18px #fff0}}.fact-button{margin-top:16px;background:var(--teal);color:#fff;border:2px solid var(--orange)}.fact-button.disabled{background:var(--border);color:var(--text-muted)}.xp-bar{width:100%}.xp-bar-label{display:flex;justify-content:space-between;margin-bottom:8px;font-weight:700}.xp-bar-track{height:14px;border-radius:999px;background:var(--border);overflow:hidden}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--orange),var(--teal));transition:width .3s ease}.avatar-badge{display:inline-flex;justify-content:center;align-items:center;border:4px solid var(--orange);border-radius:50%}.avatar-badge.selected{box-shadow:0 0 0 4px #e87a2a3d}.medal-badge{padding:10px 14px;border-radius:var(--r-xl);background:var(--bg-card);box-shadow:var(--shadow-card);text-align:center}.medal-badge.locked{filter:grayscale(1)}.pin-entry{max-width:420px;margin:0 auto;display:grid;gap:18px}.pin-display{display:flex;justify-content:center;gap:12px}.pin-display span{width:18px;height:18px;border:2px solid var(--border);border-radius:50%}.pin-display span.filled{background:var(--orange);border-color:var(--orange-dark)}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.numpad button{background:var(--bg-card);border-radius:var(--r-lg);padding:18px 0;font-size:18px;font-weight:700}.parent-stats{display:grid;gap:18px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{background:var(--bg-card);border-radius:var(--r-xl);padding:16px;text-align:center}.chart-card{background:var(--bg-card);border-radius:var(--r-xl);padding:16px}.chart-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end}.bar-col{display:grid;gap:6px;align-items:end}.bar-track{width:100%;min-height:80px;background:var(--border);border-radius:var(--r-full);display:flex;align-items:flex-end}.bar-fill{width:100%;background:var(--purple);border-radius:var(--r-full)}.bar-label{font-size:12px;text-align:center}.badges-row{display:flex;flex-wrap:wrap;gap:10px}.medal-chip{padding:10px 12px;border-radius:var(--r-full);background:var(--bg-card)}.heat-cell{padding:10px;border-radius:var(--r-lg);color:#fff}.heat-cell.success{background:var(--success)}.heat-cell.warning{background:#e2b93c}.heat-cell.danger{background:var(--danger)}.problem-list{background:var(--bg-card);border-radius:var(--r-xl);padding:16px}.problem-list h2{margin-top:0}.letter-badge{position:relative;background:var(--teal);border:3px solid var(--orange);border-radius:var(--r-xl);display:grid;place-items:center;color:var(--gold);font-family:var(--ff-display);font-size:2rem}.letter-badge-inner{font-size:1.8rem}.letter-badge .spark{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gold)}.spark-1{top:8px;left:16px}.spark-2{top:10px;right:16px}.spark-3{bottom:14px;left:18px}.spark-4{bottom:16px;right:20px}.parent-settings{margin-top:20px;background:#fffffff2;border-radius:var(--r-xl);padding:16px;box-shadow:var(--shadow-card)}.toggle-row,.reset-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.toggle-button{border:1px solid var(--border);border-radius:999px;padding:8px 14px;background:var(--bg);min-width:120px;text-align:center}.toggle-button.on{background:var(--teal);color:#fff;border-color:var(--teal)}.toggle-button.off{background:var(--bg);color:var(--text)}.reset-progress-card{margin-top:16px}.reset-confirmation{margin-top:12px;display:grid;gap:10px}.reset-confirmation input{width:100%;padding:10px 12px;border-radius:var(--r-sm);border:1px solid var(--border);background:#fff}.reset-actions button{flex:1}.pin-display.shake{animation:shake .25s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}body{background:var(--bg)}.game-bottom,.game-top,.boss-stage{background:transparent!important;box-shadow:none!important}.xp-bar-image-container{position:relative;width:100%}.xp-bar-text-overlay{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 24px;font-family:var(--ff-display);font-weight:700;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.avatar-badge{border:none!important;background:transparent!important}.avatar-badge.selected{filter:drop-shadow(0 0 10px var(--orange));box-shadow:none!important}.img-button{background:none;border:none;padding:0;transition:transform .2s ease;cursor:pointer;display:block}.img-button:hover:not(:disabled){transform:scale(1.05)}.img-button img{width:100%;height:auto;display:block;max-width:100%;max-height:140px;margin:0 auto}.img-button.locked{opacity:.7;filter:grayscale(.5);cursor:not-allowed}.xp-bar-image-container{width:100%;max-width:100%;position:relative}.xp-bar-image-container img{width:100%;height:auto;max-height:52px}.animate-float{animation:dragon-float 3s ease-in-out infinite}.dynamic-btn{background-color:var(--bg-card);border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--ff-display);color:#fff;text-transform:uppercase;text-shadow:2px 2px 0px rgba(0,0,0,.2),-1px -1px 0px rgba(0,0,0,.1);transition:transform .2s ease,border-color .2s ease}.dynamic-btn:hover:not(:disabled){transform:scale(1.05)}.dynamic-btn.locked{filter:grayscale(.5);cursor:not-allowed;opacity:.8}.mode-button{flex-direction:column;justify-content:space-between;align-items:center;padding:18px 14px 14px;border-radius:28px;background-color:#6b5bb8;min-height:150px;gap:10px;border:2px solid rgba(255,255,255,.15)}.mode-button img{width:52px;height:52px;object-fit:contain}.mode-button span{display:block;font-size:15px;line-height:1.2;margin-top:auto;margin-bottom:6px;letter-spacing:.02em}.mode-button.locked{background-color:#5948a1}.btn-large{width:100%;min-height:96px;font-size:28px;padding:0 24px;background-color:#28b6b0;color:#fff;border-radius:34px;border:2px solid #f7a028;text-shadow:1px 1px 0 rgba(0,0,0,.12)}button,.gs-action-btn,.gs-talk-btn,.bs-action-btn,.bs-btn-attack,.bs-screen,.bs-boss-img,.bs-boss-container{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;-webkit-tap-highlight-color:transparent}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:auto;user-select:auto}img{-webkit-user-drag:none}html[data-platform=ios] .screen{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html[data-platform=android] .screen{padding-top:24px}html[data-pwa] .screen{padding-top:12px}.gs-screen,.bs-screen,.egg-screen,.ps-screen,.sm-screen{height:100%;width:100%;overflow:hidden!important}@media (orientation: landscape) and (max-height: 500px){.gs-content,.bs-content,.ps-content,.sm-content{padding-top:4px!important;padding-bottom:4px!important;gap:2px!important;justify-content:flex-start!important}.gs-top-bar{font-size:var(--fs-sm)!important}.bs-footer{padding-bottom:2px!important}}@media (max-height: 700px){.gs-content,.bs-content{padding-top:8px}.gs-top-bar{font-size:var(--fs-sm)}.ps-content,.sm-content{gap:4px}}