@font-face{font-family:MagicSchoolTwo;src:url(/MagicSchoolTwo.ttf)format("truetype");font-weight:400;font-style:normal}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--page-pad:20px;--header-pad:16px 20px 12px}html,body{touch-action:manipulation;background:url(/parchment-bg02.jpg) 50%/cover no-repeat fixed;width:100%;height:100%;font-family:MagicSchoolTwo,serif;overflow:hidden}.bg-overlay{pointer-events:none;z-index:0;background:#00000040;position:fixed;inset:0}.screen{z-index:1;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.screen.hidden{display:none}button{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;outline:none;font-family:MagicSchoolTwo,serif;transition:transform .1s,box-shadow .1s}button:active{transform:scale(.92)}.btn-primary{color:#2c1a00;background:linear-gradient(145deg,#e8d5a3,#c8a96e);border:2px solid #7a5a10;border-radius:8px;padding:12px 36px;font-size:clamp(1.3rem,4.5vw,1.8rem);box-shadow:2px 2px 8px #0009,inset 0 1px #ffffff59}.btn-secondary{color:#f5e6c8;background:#00000059;border:2px solid #c8a96ecc;border-radius:8px;padding:10px 32px;font-size:clamp(1.3rem,4.5vw,1.8rem);box-shadow:1px 1px 6px #0006}.btn-back{color:#e8c87a;text-shadow:0 1px 4px #000c;background:0 0;border:none;padding:8px 0;font-size:clamp(1rem,3vw,1.2rem)}.btn-ctrl{color:#f0ddb0;background:#0006;border:1px solid #c8a96ea6;border-radius:6px;padding:10px 26px;font-size:clamp(1rem,3.5vw,1.35rem);box-shadow:1px 1px 4px #0006}.start-content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;width:100%;max-width:480px;max-height:90vh;margin:24px;padding:40px 32px;display:flex;overflow-y:auto}.start-title{color:#f5e6c8;text-align:center;text-shadow:0 0 32px #ffc850f2,0 0 64px #ffc85059,0 4px 12px #000;letter-spacing:.04em;font-size:clamp(2.6rem,10.5vw,4.2rem);line-height:1.25}.start-progress{color:#f5e6c8d9;letter-spacing:.05em;text-shadow:0 0 10px #000000e6,0 1px 5px #000000e6,0 -1px 5px #000000b3;font-size:clamp(1.25rem,3.9vw,1.55rem)}.start-main-actions{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.start-main-actions button{width:100%;max-width:280px}.start-nav-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:340px;margin-top:6px;display:grid}.start-nav-item{color:#f5e6c8;cursor:pointer;text-shadow:0 1px 4px #000c;background:#00000059;border:1.5px solid #c8a96e99;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:44px;padding:14px 8px;font-family:MagicSchoolTwo,serif;font-size:1rem;transition:border-color .15s,background .15s;display:flex;box-shadow:1px 1px 6px #0006}.start-nav-item:active{background:#c8a96e33;border-color:#f5c842;transform:scale(.95)}.nav-icon{color:#e8c87a;text-shadow:0 0 8px #ffc85080;font-size:1.1rem}.nav-label{font-size:clamp(.8rem,2.8vw,1rem);line-height:1.2}.start-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:6px;display:flex}.start-footer-link{color:#e8c87a;cursor:pointer;text-shadow:0 1px 4px #000c;opacity:.8;background:0 0;border:none;align-items:center;min-height:36px;padding:6px 2px;font-family:MagicSchoolTwo,serif;font-size:clamp(.85rem,2.8vw,1.05rem);text-decoration:none;transition:opacity .15s;display:flex}.start-footer-link:active{opacity:1}.start-user{color:#f5e6c8b3;text-shadow:0 1px 4px #000c;font-size:clamp(1rem,3vw,1.2rem)}.login-form{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:280px;display:flex}.login-input{color:#f5e6c8;text-shadow:0 1px 3px #000c;background:#0006;border:2px solid #c8a96e99;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:MagicSchoolTwo,serif;font-size:clamp(1rem,3.5vw,1.3rem)}.login-input::placeholder{color:#c8a96e80}.login-input:focus{border-color:#f5c842;box-shadow:0 0 8px #ffc8504d}.login-error{color:#ff6b6b;text-align:center;text-shadow:0 1px 3px #000c;min-height:1.2em;font-size:clamp(.8rem,2.5vw,1rem)}.login-form .btn-primary{width:100%}.login-form .btn-back{font-size:clamp(.8rem,2.5vw,1rem)}.select-header{background:#00000073;border-bottom:1px solid #c8a96e66;flex-shrink:0;align-items:center;gap:16px;width:100%;max-width:640px;padding:16px 20px 12px;display:flex}.select-title{color:#f5e6c8;text-shadow:0 0 12px #ffc85099,0 2px 4px #000000e6;font-size:clamp(1.2rem,4vw,1.6rem)}.select-body{background:#00000040;flex:1;width:100%;max-width:640px;padding:12px 20px 32px;overflow-y:auto}.select-body::-webkit-scrollbar{width:4px}.select-body::-webkit-scrollbar-thumb{background:#c8a96e66;border-radius:2px}.book-group{margin-bottom:16px}.book-heading{color:#e8c87a;letter-spacing:.06em;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:0 1px 4px #000c;background:#00000059;border:1px solid #c8a96e66;border-radius:6px;align-items:center;gap:8px;margin-bottom:0;padding:8px 10px;font-size:clamp(.9rem,2.8vw,1.1rem);transition:background .15s;display:flex}.book-heading:active{background:#c8a96e26}.book-title{flex:1}.book-progress{color:#e8c87a99;letter-spacing:0;font-size:clamp(.75rem,2vw,.85rem)}.book-arrow{color:#e8c87ab3;font-size:.7rem;transition:transform .2s}.book-group.collapsed .book-arrow{transform:rotate(-90deg)}.book-levels{flex-direction:column;gap:8px;margin-top:8px;display:flex;overflow:hidden}.book-group.collapsed .book-levels{display:none}.lvl-item{background:#0000004d;border:1px solid #c8a96e66;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;transition:background .15s;display:flex}.lvl-item.available{cursor:pointer;background:#00000059;border-color:#c8a96e99}.lvl-item.available:active{background:#c8a96e33}.lvl-item.completed{cursor:pointer;background:#14461473;border-color:#64c86480}.lvl-item.locked{opacity:.35;cursor:default}.lvl-code{color:#e8c87a;text-shadow:0 1px 3px #000c;min-width:32px;font-size:clamp(.75rem,2.2vw,.9rem)}.lvl-name{color:#f5e6c8;text-shadow:0 1px 3px #000c;flex:1;font-size:clamp(.85rem,2.5vw,1rem)}.lvl-badge{font-size:1rem}.lvl-badge.done{color:#6ddc6d}.lvl-badge.lock{color:#f5e6c880}.game-header{background:#00000073;border-bottom:1px solid #c8a96e4d;flex-direction:column;flex-shrink:0;gap:4px;width:100%;max-width:700px;padding:8px 20px 10px;display:flex}.game-header-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.game-hud{flex-shrink:0;align-items:center;gap:10px;display:flex}.game-timer{color:#f5c842;text-shadow:0 0 8px #ffc85080;letter-spacing:.04em;font-family:monospace;font-size:clamp(.9rem,2.8vw,1.1rem)}.game-reward{color:#dcb96ebf;text-shadow:0 1px 3px #000c;font-size:clamp(.8rem,2.5vw,.95rem)}.game-undos{color:#c8a55aa6;flex-shrink:0;margin-left:auto;font-size:clamp(.75rem,2.2vw,.9rem)}.game-best{color:#c8a55a80;text-align:right;text-shadow:0 1px 2px #000c;font-size:clamp(.7rem,2vw,.8rem)}.meta-book{color:#dcb96ebf;letter-spacing:.03em;text-shadow:0 1px 3px #000c;align-items:baseline;gap:6px;font-size:clamp(.95rem,3vw,1.2rem);display:flex}.hint-icon{color:#c8a55acc;flex-shrink:0;font-size:.7em}.meta-level{align-items:baseline;gap:8px;padding-left:calc(.7em + 6px);display:flex}.meta-code{color:#dcb96ebf;text-shadow:0 1px 3px #000c;flex-shrink:0;font-size:clamp(.95rem,3vw,1.2rem)}.meta-title{color:#dcb96ebf;text-shadow:0 1px 3px #000c;font-size:clamp(.95rem,3vw,1.2rem);font-weight:400;line-height:1.2}#target-area{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;max-width:700px;padding:12px 16px 8px;display:flex;position:relative}.game-hint-row{flex-shrink:0;align-items:flex-start;gap:8px;width:100%;padding-bottom:10px;display:flex}.game-hint{text-align:center;color:#f5e6c8;text-shadow:0 0 14px #ffc850b3,0 2px 6px #000;flex:1;padding:4px 0;font-size:clamp(1.2rem,4vw,1.8rem);line-height:1.3}.btn-tts{cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;margin-top:4px;padding:4px;font-size:1.2rem;line-height:1;transition:opacity .15s}.hint-image{width:100%;max-width:120px;margin:4px auto 0;display:block}.hint-image svg{width:100%;height:auto}.slots-wrapper{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.word-group{flex-flow:wrap;justify-content:center;gap:6px;display:flex}.slot{color:#3d2000;text-shadow:0 1px #ffdc7899,0 -1px #0003,0 2px 4px #0000004d;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0000002e;border-bottom:3px solid #c8a96ee6;border-radius:2px;justify-content:center;align-items:center;width:clamp(34px,7.5vw,50px);height:clamp(34px,7.5vw,50px);font-size:clamp(.95rem,3.8vw,1.5rem);transition:background .15s,border-color .15s;display:flex}.slot.filled{background:#d2af6459;border-color:#f5c842;box-shadow:inset 0 0 8px #ffc85033,inset 0 1px #ffdc964d}.slot.filled:active{transform:scale(.9)}.slot.slot-error{animation:.35s shake;background:#c8323240!important;border-color:#e05050!important}.slot.slot-correct{background:#32c86440!important;border-color:#50d080!important}.slot.slot-wrong{background:#c8323226!important;border-color:#e05050!important}.quiz-item-bar{flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:100%;max-width:700px;min-height:0;padding:4px 16px;display:flex}.quiz-item-btn{color:#f5e6c8;cursor:pointer;background:#0006;border:1.5px solid #c8a96eb3;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:4px 10px;font-size:.75rem;display:flex}.quiz-item-btn:active{transform:scale(.9)}.qi-icon{font-size:1.3rem;line-height:1}.qi-qty{color:#c8a96e;font-size:.7rem}.game-timer.timer-frozen{text-shadow:0 0 8px #64dcffcc;color:#7de8f5!important}#letter-pool{background:#0006;border-top:1px solid #c8a96e59;flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:8px;width:100%;max-width:700px;padding:14px 16px;transition:opacity .6s;display:flex}.letter-tile{color:#1e1000;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#eedda8,#c09050);border:2px solid #7a5a10;border-radius:6px;justify-content:center;align-items:center;width:clamp(38px,8.5vw,54px);height:clamp(38px,8.5vw,54px);font-size:clamp(.95rem,3.8vw,1.5rem);transition:transform .1s;display:flex;box-shadow:2px 2px 6px #0009,inset 0 1px #ffffff59}.letter-tile:active{transform:scale(.88)}.game-controls{background:#00000059;border-top:1px solid #c8a96e33;flex-shrink:0;justify-content:center;gap:20px;width:100%;max-width:700px;padding:12px 16px 18px;display:flex}#victory-overlay{z-index:10;background:#000000bf;flex-direction:column;justify-content:center;align-items:center;gap:24px;animation:.4s fadeIn;display:flex;position:absolute;inset:0}#victory-overlay.hidden,.bp-panel.hidden,#bp-detail-overlay.hidden{display:none}.bp-tabs{flex-shrink:0;gap:6px;width:100%;max-width:700px;padding:10px 16px 0;display:flex}.bp-tab{color:#f5e6c899;background:#0000004d;border:1.5px solid #c8a96e73;border-radius:20px;flex:1;padding:8px 4px;font-size:clamp(.75rem,2.3vw,.95rem);transition:background .15s,color .15s,border-color .15s}.bp-tab.active{color:#2c1a00;background:linear-gradient(145deg,#e8d5a3,#c8a96e);border-color:#7a5a10;box-shadow:1px 1px 6px #00000080}.bp-body{flex-direction:column;flex:1;width:100%;max-width:700px;padding:12px 16px 20px;display:flex;overflow-y:auto}.bp-body::-webkit-scrollbar{width:4px}.bp-body::-webkit-scrollbar-thumb{background:#c8a96e66;border-radius:2px}.bp-empty{color:#c8a55a8c;text-align:center;padding:40px 16px;font-size:clamp(.9rem,2.5vw,1rem);line-height:1.6}.bp-pet-card{background:#00000059;border:1px solid #c8a96e73;border-radius:12px;align-items:center;gap:14px;margin-bottom:10px;padding:12px 14px;display:flex}.bp-pet-avatar{background:#ffffff0a;border:1px solid #c8a96e40;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.bp-pet-avatar .pet-svg{width:48px!important;height:48px!important}.bp-pet-info{flex-direction:column;gap:4px;display:flex}.bp-pet-name{color:#ffe066;font-size:clamp(1rem,3vw,1.15rem)}.bp-pet-status{color:#dcb96ebf;font-size:clamp(.75rem,2.2vw,.88rem)}.bp-item-card{cursor:pointer;background:#0000004d;border:1px solid #c8a96e66;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:10px 14px;transition:background .12s,border-color .12s;display:flex}.bp-item-card:active{transform:scale(.98)}.bp-item-card:hover{background:#00000073;border-color:#c8a96eb3}.bp-item-icon{background:#ffffff0a;border:1px solid #c8a96e40;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.bp-item-icon svg{width:36px;height:36px}.bp-item-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.bp-item-name{color:#f5e6c8;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.88rem,2.8vw,1.05rem);overflow:hidden}.bp-item-effect{color:#dcb96eb3;font-size:clamp(.7rem,2vw,.82rem)}.bp-item-qty{color:#ffe066;flex-shrink:0;font-size:clamp(.9rem,2.5vw,1.05rem);font-weight:700}#bp-detail-overlay{z-index:10;background:#000000b8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bp-detail-card{text-align:center;background:#120800f5;border:2px solid #c8a96ecc;border-radius:16px;flex-direction:column;align-items:center;gap:10px;width:min(320px,88vw);padding:24px 20px;display:flex;box-shadow:0 8px 32px #000c}.bp-detail-icon{background:#ffffff0a;border:1px solid #c8a96e59;border-radius:14px;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.bp-detail-icon.emoji{font-size:2.2rem}.bp-detail-icon svg{width:56px;height:56px}.bp-detail-name{color:#ffe066;font-size:clamp(1.1rem,3.5vw,1.4rem)}.bp-detail-desc{color:#dcb96eb3;max-width:260px;font-size:clamp(.8rem,2.4vw,.95rem);line-height:1.5}.bp-detail-effect{color:#f5e6c8;background:#c8a96e1f;border:1px solid #c8a96e4d;border-radius:20px;padding:6px 16px;font-size:clamp(.88rem,2.6vw,1rem)}.bp-detail-qty{color:#dcb96ebf;font-size:clamp(.85rem,2.5vw,.95rem)}.bp-detail-hint{color:#c8a55a80;font-size:clamp(.72rem,2vw,.82rem);font-style:italic}#victory-text{color:#ffe066;text-align:center;text-shadow:0 0 20px #ffc850,0 0 40px #ffc85099;font-size:clamp(1.4rem,5vw,2.2rem);animation:1.5s ease-in-out infinite glow-pulse}.victory-answer{color:#f5e6c8;text-align:center;letter-spacing:.12em;text-shadow:0 0 12px #ffc85080,0 2px 6px #000;font-size:clamp(1.3rem,4.5vw,2rem)}.victory-btns{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.victory-stats{color:#f5e6c8d9;text-shadow:0 1px 4px #000000e6;align-items:center;gap:16px;font-size:clamp(.9rem,2.8vw,1.1rem);display:flex}.victory-best{color:#c8a55aa6;font-size:clamp(.75rem,2.2vw,.85rem)}.victory-stars{color:#ffe066;text-shadow:0 0 8px #ffc83299;letter-spacing:4px;margin:4px 0;font-size:clamp(1.6rem,5vw,2.2rem)}.lvl-stars{color:#ffe066;letter-spacing:1px;margin-left:2px;font-size:clamp(.65rem,2vw,.8rem)}.settings-body{flex:1;width:100%;max-width:500px;padding:24px 20px 32px;overflow-y:auto}.settings-group{margin-bottom:28px}.settings-label{color:#e8c87a;text-shadow:0 1px 4px #000c;border-bottom:1px solid #c8a96e66;margin-bottom:12px;padding-bottom:6px;font-size:clamp(.95rem,3vw,1.15rem)}.settings-options{gap:12px;display:flex}.settings-active{box-shadow:0 0 8px #ffc8504d;background:#c8a96e33!important;border-color:#f5c842!important}.settings-hint{color:#c8a55a99;text-shadow:0 1px 3px #000c;margin-top:8px;font-size:.75rem}.editor-body{background:#00000040;flex:1;width:100%;max-width:700px;padding:12px 16px 32px;overflow-y:auto}.editor-body::-webkit-scrollbar{width:4px}.editor-body::-webkit-scrollbar-thumb{background:#c8a96e66;border-radius:2px}.ed-levels{flex-direction:column;gap:8px;display:flex}.ed-level{background:#0000004d;border:1px solid #c8a96e66;border-radius:8px;padding:10px 12px}.ed-level.ed-inactive{opacity:.45;border-color:#c8a96e33}.ed-level-info{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.ed-order{color:#c8a55ab3;text-shadow:0 1px 3px #000c;min-width:28px;font-size:.8rem}.ed-title{color:#f5e6c8;text-shadow:0 1px 3px #000c;flex:1;min-width:100px;font-size:.95rem}.ed-answer{color:#dcb96ebf;text-shadow:0 1px 3px #000c;font-size:.8rem}.ed-meta{color:#c8a55a99;font-size:.7rem}.ed-badge-inactive{color:#ff6b6b;background:#ff646426;border-radius:4px;padding:2px 6px;font-size:.65rem}.ed-actions{flex-wrap:wrap;gap:6px;display:flex}.ed-btn{color:#f0ddb0;cursor:pointer;background:#0000004d;border:1px solid #c8a96e80;border-radius:4px;padding:4px 10px;font-family:MagicSchoolTwo,serif;font-size:.75rem}.ed-btn:active{transform:scale(.92)}.ed-btn-danger{color:#f88;border-color:#ff646480}.ed-global-actions{flex-wrap:wrap;justify-content:center;gap:16px;padding:24px 0 16px;display:flex}.ed-form{flex-direction:column;gap:12px;max-width:500px;margin:0 auto;padding:20px 16px;display:flex}.ed-form-title{color:#f5e6c8;text-align:center;text-shadow:0 0 12px #ffc85099,0 2px 4px #000000e6;font-size:1.2rem}.ed-form label{color:#dcb96ecc;flex-direction:column;gap:4px;font-size:.85rem;display:flex}.ed-form input{color:#f5e6c8;background:#0006;border:1px solid #c8a96e80;border-radius:6px;outline:none;padding:8px 10px;font-family:MagicSchoolTwo,serif;font-size:1rem}.ed-form input:focus{border-color:#f5c842;box-shadow:0 0 6px #ffc8504d}.ed-form-btns{justify-content:center;gap:12px;margin-top:8px;display:flex}@keyframes glow-pulse{0%,to{text-shadow:0 0 10px #ffe066,0 0 20px #ffe066,0 0 40px #fa0}50%{text-shadow:0 0 20px #ffe066,0 0 40px #ffe066,0 0 80px #fa0}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slot.victory{animation:1.5s ease-in-out infinite glow-pulse}#game-screen.shake{animation:.4s ease-in-out shake}body.font-default,body.font-default button,body.font-default input{font-family:serif}@media (width<=768px){:root{--page-pad:16px;--header-pad:12px 16px 10px}}@media (width<=480px){:root{--page-pad:12px;--header-pad:10px 12px 8px}.btn-primary{min-height:44px;padding:10px 24px;font-size:clamp(1.1rem,4vw,1.5rem)}.btn-secondary{min-height:44px;padding:8px 20px;font-size:clamp(1.1rem,4vw,1.5rem)}.btn-ctrl{min-height:40px;padding:8px 18px;font-size:clamp(.9rem,3vw,1.2rem)}.select-header{padding:var(--header-pad);gap:10px}.select-body{padding:10px var(--page-pad) 24px}.start-content{gap:16px;padding:24px 20px}.start-nav-grid{gap:8px;max-width:280px}.start-nav-item{padding:10px 6px}.start-footer{gap:14px}.game-header{gap:3px;padding:6px 12px}.meta-book,.meta-code,.meta-title{font-size:clamp(.8rem,2.5vw,1rem)}.game-hint{padding:2px 0 6px;font-size:clamp(1rem,3.5vw,1.5rem)}#target-area{padding:8px 10px 4px}.slots-wrapper{gap:10px}.word-group{gap:4px}.slot{width:clamp(30px,7vw,44px);height:clamp(30px,7vw,44px);font-size:clamp(.85rem,3.5vw,1.3rem)}#letter-pool{gap:5px;padding:10px}.letter-tile{width:clamp(34px,8vw,48px);height:clamp(34px,8vw,48px);font-size:clamp(.85rem,3.5vw,1.3rem)}.game-controls{gap:12px;padding:8px 12px 12px}.lvl-item{gap:8px;padding:8px 10px}#login-screen{overflow-y:auto}.settings-body{padding:16px var(--page-pad) 24px}.settings-options{gap:8px}.settings-options .btn-ctrl{min-height:44px}.editor-body{padding:10px var(--page-pad) 24px}.ed-actions{gap:4px}.ed-btn{min-height:32px;padding:4px 8px;font-size:.7rem}}.sa-item-card{background:#00000059;border:1px solid #c8a5504d;border-radius:8px;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;display:flex}.sa-item-card.sa-inactive{opacity:.5}.sa-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.4rem;display:flex}.sa-item-icon.svg svg{width:36px;height:36px}.sa-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sa-item-name{color:#f0ddb0;white-space:nowrap;text-overflow:ellipsis;font-family:MagicSchoolTwo,serif;font-size:.95rem;overflow:hidden}.sa-item-meta{color:#c8a55abf;font-size:.75rem}.sa-item-effect{color:#aad4ff;font-size:.7rem;font-style:italic}.sa-form-panel{padding:0 16px 32px}.sa-form-card{background:#0a0603d9;border:1px solid #c8a55080;border-radius:10px;flex-direction:column;gap:4px;padding:18px 16px;display:flex}.sa-form-actions{gap:10px;margin-top:12px;display:flex}.pet-svg{color:#1e1000;justify-content:center;align-items:center;display:flex}.pet-svg svg{width:100%;height:100%}#pet-float{z-index:9999;pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;transition:left .3s,top .3s;display:flex;position:fixed}#pet-float.dragging{transition:none}#pet-float.hidden{display:none}#pet-float>*{pointer-events:auto}.pet-float-avatar{cursor:pointer;background:#d2af64d9;border:2px solid #7a5a10;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .15s;display:flex;box-shadow:2px 2px 8px #00000080}.pet-float-avatar:active{transform:scale(.9)}.pet-float-mini{cursor:pointer;color:#1e1000;background:#d2af64b3;border:2px solid #7a5a10;border-radius:50%;justify-content:center;align-items:center;width:37px;height:37px;display:flex;box-shadow:1px 1px 4px #0006}.pet-float-mini:active{transform:scale(.9)}.pet-float-panel{white-space:nowrap;color:#f5e6c8;text-shadow:0 1px 3px #000c;background:#1e1000eb;border:2px solid #c8a96eb3;border-radius:10px;min-width:160px;margin-bottom:6px;padding:10px 14px;font-size:.85rem;position:absolute;bottom:100%}#pet-float[style*=flex-end] .pet-float-panel{right:0}#pet-float[style*=flex-start] .pet-float-panel{left:0}.pet-float-panel h4{color:#ffe066;margin-bottom:4px;font-size:.95rem}.pet-float-panel .pet-hearts{color:#ff6b6b;letter-spacing:2px}.pet-float-panel .pet-level{color:#dcb96ecc;margin-bottom:4px;font-size:.8rem}.pet-float-panel button{margin-top:6px}.hatch-progress{background:#0006;border-radius:4px;width:100%;height:8px;margin:6px 0;overflow:hidden}.hatch-progress-fill{background:linear-gradient(90deg,#e8c87a,#ffe066);border-radius:4px;height:100%;transition:width 1s linear}.pet-bubble{color:#f5e6c8;text-shadow:0 1px 3px #000c;white-space:normal;word-break:break-word;background:#1e1000eb;border:1px solid #c8a96e99;border-radius:12px;min-width:200px;max-width:320px;margin-bottom:6px;padding:10px 14px;font-size:.85rem;line-height:1.4;animation:.3s fadeIn;position:absolute;bottom:100%}#pet-float[style*=flex-end] .pet-bubble{right:0}#pet-float[style*=flex-start] .pet-bubble{left:0}.pet-bubble:after{content:"";border-top:6px solid #c8a96e99;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;bottom:-6px;right:16px}#pet-float[style*=flex-start] .pet-bubble:after{left:16px;right:auto}@keyframes pet-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pet-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pet-droop{0%,to{transform:rotate(0)}50%{transform:rotate(-3deg)}}@keyframes egg-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}@keyframes egg-wobble-intense{0%,to{transform:rotate(0)}15%{transform:rotate(8deg)}30%{transform:rotate(-8deg)}45%{transform:rotate(6deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}90%{transform:rotate(-3deg)}}.pet-anim-happy .pet-svg{animation:1.2s ease-in-out infinite pet-bounce}.pet-anim-normal .pet-svg{animation:2.5s ease-in-out infinite pet-breathe}.pet-anim-sad .pet-svg{animation:3s ease-in-out infinite pet-droop}.egg-hatching .egg-svg{animation:1.5s ease-in-out infinite egg-wobble}.egg-ready .egg-svg{animation:.6s ease-in-out infinite egg-wobble-intense}#hatch-overlay{z-index:10000;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:20px;animation:.4s fadeIn;display:flex;position:fixed;inset:0}#hatch-overlay.hidden{display:none}.hatch-reveal{text-align:center}.hatch-result-name{color:#ffe066;text-shadow:0 0 20px #ffc850,0 0 40px #ffc85099;font-size:clamp(1.3rem,4vw,2rem);animation:1.5s ease-in-out infinite glow-pulse}.hatch-result-info{color:#f5e6c8;text-align:center;text-shadow:0 1px 4px #000c;margin-top:8px;font-size:clamp(.9rem,3vw,1.2rem)}.hatch-name-input{color:#f5e6c8;text-align:center;background:#0006;border:2px solid #c8a96e99;border-radius:8px;outline:none;width:200px;padding:8px 14px;font-family:MagicSchoolTwo,serif;font-size:1.1rem}.hatch-name-input:focus{border-color:#f5c842;box-shadow:0 0 8px #ffc8504d}.pet-body{background:#00000040;flex:1;width:100%;max-width:640px;padding:12px 20px 32px;overflow-y:auto}.pet-body::-webkit-scrollbar{width:4px}.pet-body::-webkit-scrollbar-thumb{background:#c8a96e66;border-radius:2px}.pet-slots{flex-wrap:wrap;justify-content:center;gap:12px;padding:16px 0;display:flex}.pet-slot-card{text-align:center;cursor:pointer;color:#f5e6c8;background:#00000059;border:2px solid #c8a96e80;border-radius:10px;width:clamp(100px,28vw,140px);padding:12px;transition:border-color .15s}.pet-slot-card:active{transform:scale(.96)}.pet-slot-card.selected{border-color:#f5c842;box-shadow:0 0 10px #ffc8504d}.pet-slot-card.empty{opacity:.4;cursor:default;border-style:dashed}.pet-slot-card .pet-svg{margin:0 auto 8px}.pet-slot-name{color:#ffe066;margin-bottom:2px;font-size:.85rem}.pet-slot-level{color:#dcb96ecc;font-size:.75rem}.pet-slot-hearts{color:#ff6b6b;letter-spacing:1px;font-size:.8rem}.pet-slot-status{color:#e8c87a;margin-top:4px;font-size:.7rem}.pet-slot-display{border-radius:4px;margin-top:4px;padding:2px 6px;font-size:.65rem;display:inline-block}.pet-slot-display.active{color:#6ddc6d;background:#64c86426}.pet-slot-display.inactive{color:#c8a55a99;cursor:pointer}.pet-detail{color:#f5e6c8;padding:16px 0}.pet-detail-header{margin-bottom:12px}.pet-detail h3{color:#ffe066;text-shadow:0 0 12px #ffc85080;margin-bottom:4px;font-size:1.1rem}.pet-detail-type{color:#dcb96ecc;font-size:.85rem}.pet-detail-stats{flex-direction:column;gap:6px;margin:12px 0;display:flex}.pet-stat{align-items:center;gap:8px;font-size:.85rem;display:flex}.pet-stat-label{color:#c8a55ab3;min-width:50px}.pet-stat-value{color:#f5e6c8}.pet-stat .pet-hearts{color:#ff6b6b;letter-spacing:2px;font-size:1rem}.pet-xp-bar{background:#0006;border-radius:3px;width:100%;height:6px;overflow:hidden}.pet-xp-fill{background:linear-gradient(90deg,#7ab0ff,#a0d0ff);border-radius:3px;height:100%;transition:width .3s}.pet-abilities-list{margin:12px 0}.pet-abilities-title{color:#e8c87a;border-bottom:1px solid #c8a96e4d;margin-bottom:8px;padding-bottom:4px;font-size:.9rem}.pet-ability-item{align-items:center;gap:6px;padding:6px 0;font-size:.85rem;display:flex}.pet-ability-item .ability-icon{flex-shrink:0}.pet-ability-name{color:#f5e6c8}.pet-ability-desc{color:#c8a55ab3;font-size:.75rem}.pet-ability-locked{opacity:.4}.pet-ability-locked .pet-ability-name{color:#c8a55a80}.pet-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.shop-body{background:#00000040;flex:1;width:100%;max-width:640px;padding:12px 20px 32px;overflow-y:auto}.shop-body::-webkit-scrollbar{width:4px}.shop-body::-webkit-scrollbar-thumb{background:#c8a96e66;border-radius:2px}.shop-section{margin-bottom:24px}.shop-section h3{color:#e8c87a;text-shadow:0 1px 4px #000c;border-bottom:1px solid #c8a96e80;margin-bottom:10px;padding-bottom:6px;font-size:clamp(.9rem,2.8vw,1.1rem)}.shop-grid{flex-wrap:wrap;gap:12px;display:flex}.shop-section-title{color:#e8c87a;font-size:clamp(.9rem,2.8vw,1.1rem)}.shop-card{text-align:center;color:#f5e6c8;background:#00000059;border:1px solid #c8a96e80;border-radius:10px;width:clamp(100px,27vw,140px);padding:12px;position:relative}.shop-card-deal{background:#503c0073;border-color:#ffe066;box-shadow:0 0 8px #ffc8324d}.shop-deal-badge{color:#fff;background:#e05050;border-radius:8px;padding:2px 6px;font-size:.65rem;font-weight:700;position:absolute;top:-8px;right:-8px}.shop-deal-price{color:#ffe066;font-weight:700}.shop-card s{color:#c8a55a80;font-size:.75em}.shop-card-icon.svg{width:48px;height:48px;margin:0 auto 4px}.shop-card-name{color:#ffe066;margin-bottom:4px;font-size:.9rem}.shop-card-desc{color:#c8a55a99;min-height:2em;margin-bottom:6px;font-size:.65rem}.shop-card-effect{color:#dcb96ecc;margin-bottom:4px;font-size:.8rem}.shop-card-price{color:#e8c87a;margin-bottom:8px;font-size:.85rem}.shop-card .btn-ctrl{width:100%;padding:6px 16px;font-size:.8rem}.shop-card .btn-ctrl:disabled{opacity:.4;cursor:default}.points-display{color:#ffe066;letter-spacing:.05em}.food-selector-overlay{z-index:9998;background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.food-selector{color:#f5e6c8;background:#1e1000f2;border:2px solid #c8a96eb3;border-radius:12px;width:90%;max-width:320px;padding:20px}.food-selector h3{color:#ffe066;text-align:center;margin-bottom:12px;font-size:1rem}.food-selector-list{flex-direction:column;gap:8px;display:flex}.food-selector-item{cursor:pointer;border:1px solid #c8a96e66;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;transition:background .15s;display:flex}.food-selector-item:active{background:#c8a96e33}.food-selector-item-info{font-size:.85rem}.food-selector-item-qty{color:#c8a55a99;font-size:.75rem}.pa-tabs{border-bottom:1px solid #c8a96e66;flex-shrink:0;gap:0;width:100%;max-width:640px;display:flex;overflow-x:auto}.pa-tab{color:#dcb96ed9;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #c8a96e33;flex:1;min-width:0;padding:10px 8px;font-family:MagicSchoolTwo,serif;font-size:.8rem}.pa-tab.active{color:#ffe066;border-bottom-color:#f5c842}.pa-body{background:#00000040;flex:1;width:100%;max-width:640px;padding:12px 20px 32px;overflow-y:auto}.pa-body::-webkit-scrollbar{width:4px}.pa-body::-webkit-scrollbar-thumb{background:#c8a96e66;border-radius:2px}.pa-toolbar{background:#00000059;border-bottom:1px solid #c8a96e4d;flex-shrink:0;width:100%;max-width:640px;padding:10px 20px}.pa-card{color:#f5e6c8;background:#0000004d;border:1px solid #c8a96e66;border-radius:8px;margin-bottom:10px;padding:12px}.pa-card-title{color:#ffe066;text-shadow:0 0 8px #ffc85066;margin-bottom:4px;font-size:.95rem}.pa-card-desc{color:#dcb96ecc;margin-bottom:4px;font-size:.8rem}.pa-card-meta{color:#c8a55a99;margin-bottom:4px;font-size:.7rem}.pa-empty{color:#c8a55a80;text-align:center;padding:20px;font-size:.85rem}.pa-modal{color:#f5e6c8;background:#1e1000f2;border:2px solid #c8a96eb3;border-radius:12px;flex-direction:column;width:92%;max-width:500px;max-height:80vh;padding:20px;display:flex}.pa-modal h3{color:#ffe066;text-align:center;margin-bottom:12px;font-size:1rem}.pa-modal-hint{color:#c8a55a80;margin-top:6px;font-size:.7rem}.pa-modal-btns{justify-content:center;gap:10px;margin-top:12px;display:flex}.pa-json-editor{resize:vertical;color:#f5e6c8;background:#00000080;border:1px solid #c8a96e80;border-radius:6px;outline:none;flex:1;width:100%;min-height:150px;max-height:40vh;padding:8px;font-family:monospace;font-size:.75rem}.pa-json-editor:focus{border-color:#f5c842}.pa-json-editor-large{min-height:250px}.al-grid{flex-direction:column;gap:8px;display:flex}.al-card{color:#f5e6c8;background:#00000059;border:1px solid #c8a96e80;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.al-thumb{color:#1e1000;background:#d2af6440;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.al-thumb svg{width:100%;height:100%}.al-card-info{flex:1;min-width:0}.al-card-name{color:#ffe066;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:.9rem;overflow:hidden}.al-card-refs{color:#c8a55a99;font-size:.7rem}.al-preview{color:#1e1000;background:#d2af6433;border:1px solid #c8a96e66;border-radius:12px;justify-content:center;align-items:center;width:120px;height:120px;margin:16px auto;display:flex}.al-preview svg{width:100%;height:100%}.al-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.al-actions .btn-ctrl{padding:8px 14px;font-size:.8rem}.al-ref-list{flex-direction:column;gap:6px;max-height:40vh;display:flex;overflow-y:auto}.al-ref-item{color:#f5e6c8;border:1px solid #c8a96e66;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:.85rem;display:flex}.al-ref-item:active{background:#c8a96e26}.al-picker-grid{flex-direction:column;gap:6px;max-height:50vh;display:flex;overflow-y:auto}.al-picker-item{cursor:pointer;border:1px solid #c8a96e66;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.al-picker-item:active{background:#c8a96e33;border-color:#f5c842}.al-picker-thumb{color:#1e1000;background:#d2af6440;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.al-picker-thumb svg{width:100%;height:100%}.al-picker-name{color:#f5e6c8;font-size:.85rem}@media (width<=480px){.pet-float-avatar{border-radius:10px;width:48px;height:48px}.pet-float-panel{min-width:140px;padding:8px 10px}.pet-bubble{min-width:160px;max-width:240px;padding:8px 10px;font-size:.8rem}.pet-body{padding:10px 12px 24px}.pet-slots{gap:8px;padding:12px 0}.pet-slot-card{width:clamp(90px,28vw,130px);padding:10px 8px}.pet-detail{padding:12px 0}.pet-actions{gap:6px}.pet-actions .btn-ctrl{min-height:36px;padding:6px 10px;font-size:.75rem}.shop-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.shop-card{width:auto;padding:10px 8px}.food-selector{width:92%;padding:16px}.food-selector-item{min-height:44px;padding:10px}.pa-tab{padding:8px 6px;font-size:.75rem}.pa-body{padding:10px 12px 24px}.al-thumb{width:48px;height:48px}}.pixel-gallery{grid-template-columns:repeat(3,1fr);gap:12px;max-width:500px;margin:0 auto;padding:16px 20px;display:grid}.pixel-gallery-card{aspect-ratio:1;cursor:pointer;background:#0000004d;border:2px solid #c8a96e80;border-radius:10px;place-items:center;transition:border-color .2s;display:grid;position:relative;overflow:hidden}.pixel-gallery-card:active{transform:scale(.95)}.pixel-gallery-card.empty{border-style:dashed;min-width:145px;min-height:145px}.pixel-gallery-plus{color:#c8a96e80;font-size:2rem}.pixel-gallery-thumb{color:#1e1000;justify-content:center;align-items:center;width:70%;height:70%;display:flex}.pixel-gallery-thumb svg{width:100%;height:100%}.pixel-gallery-name{color:#f5e6c8;text-align:center;text-shadow:0 1px 3px #000c;text-overflow:ellipsis;white-space:nowrap;width:100%;padding:4px;font-size:.7rem;position:absolute;bottom:0;left:0;overflow:hidden}.pixel-gallery-del{color:#fff;cursor:pointer;background:#ff6464b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex;position:absolute;top:4px;right:4px}.pixel-gallery-apply{color:#1e1000;cursor:pointer;background:#c8a96eb3;border:none;border-radius:4px;padding:2px 4px;font-family:MagicSchoolTwo,serif;font-size:.6rem;position:absolute;bottom:4px;left:4px;right:4px}.pixel-header{background:#00000073;border-bottom:1px solid #c8a96e4d;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex}.pixel-name-input{color:#f5e6c8;background:#0006;border:1px solid #c8a96e80;border-radius:6px;outline:none;flex:1;min-width:80px;padding:4px 8px;font-family:MagicSchoolTwo,serif;font-size:.9rem}.pixel-name-input:focus{border-color:#f5c842}.pixel-size-select{color:#f5e6c8;background:#0006;border:1px solid #c8a96e80;border-radius:6px;padding:4px 6px;font-family:MagicSchoolTwo,serif;font-size:.8rem}.pixel-mode-btn{padding:4px 10px!important;font-size:.75rem!important}.pixel-canvas-wrap{justify-content:center;align-items:center;width:100%;padding:8px;display:flex}.pixel-canvas{color:#1e1000;background:#d4c5a0;border:1px solid #c8a96e80;gap:0;width:100%;max-width:min(90vw,90vh - 200px)}.pixel-cell{aspect-ratio:1;border:.5px solid #00000026}.pixel-toolbar{flex-wrap:wrap;justify-content:center;gap:6px;padding:8px 16px;display:flex}.pixel-tool-btn{color:#f0ddb0;cursor:pointer;background:#0006;border:1px solid #c8a96e80;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.pixel-tool-btn.active{background:#c8a96e33;border-color:#f5c842;box-shadow:0 0 8px #ffc8504d}.pixel-palette{text-align:center;padding:6px 16px}.pixel-palette-hint{color:#c8a55a99;font-size:.75rem}.pixel-swatches{flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:6px;display:flex}.pixel-swatch{cursor:pointer;border:2px solid #0000;border-radius:4px;width:24px;height:24px}.pixel-swatch.active{border-color:#f5c842;box-shadow:0 0 6px #ffc85066}.pixel-color-input{cursor:pointer;background:0 0;border:none;border-radius:4px;width:32px;height:24px}.pixel-actions{flex-wrap:wrap;justify-content:center;gap:10px;padding:10px 16px;display:flex}.pixel-actions .btn-primary{padding:8px 20px;font-size:1rem}.pixel-actions .btn-ctrl{padding:6px 14px;font-size:.85rem}@media (width<=480px){#pixel-editor-screen,#pixel-studio-screen{overflow-y:auto}.pixel-gallery{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.pixel-gallery-card.empty{min-width:auto;min-height:120px}.pixel-header{gap:6px;padding:8px 12px}.pixel-canvas-wrap{padding:8px 12px}.pixel-toolbar{gap:4px;padding:6px 10px}.pixel-tool-btn{width:36px;height:36px;font-size:1rem}.pixel-palette{padding:4px 10px}.pixel-swatch{width:20px;height:20px}.pixel-actions{gap:8px;padding:8px 12px}}