@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}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;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}.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-buttons{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.start-buttons button{width:100%;max-width:280px}.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:24px}.book-heading{color:#e8c87a;letter-spacing:.06em;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)}.book-levels{flex-direction:column;gap:8px;display:flex}.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:6px;width:100%;max-width:700px;padding:10px 20px;display:flex}.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{text-align:center;color:#f5e6c8;text-shadow:0 0 14px #ffc850b3,0 2px 6px #000;flex-shrink:0;width:100%;padding:4px 0 10px;font-size:clamp(1.2rem,4vw,1.8rem);line-height:1.3}.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)}#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{display:none}#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}.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}.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;display:flex;position:fixed;bottom:16px;right:16px}#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;background:#d2af64b3;border:2px solid #7a5a10;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex;box-shadow:1px 1px 4px #0006}.pet-float-mini:active{transform:scale(.9)}.pet-float-panel{color:#f5e6c8;text-shadow:0 1px 3px #000c;background:#1e1000eb;border:2px solid #c8a96eb3;border-radius:10px;min-width:160px;padding:10px 14px;font-size:.85rem}.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;background:#1e1000eb;border:1px solid #c8a96e99;border-radius:10px;max-width:200px;margin-bottom:4px;padding:8px 12px;font-size:.8rem;line-height:1.3;animation:.3s fadeIn;position:relative}.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}@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-card{text-align:center;color:#f5e6c8;background:#00000059;border:1px solid #c8a96e80;border-radius:10px;width:clamp(100px,27vw,140px);padding:12px}.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}