:root{--cream:#fdf4e3;--panel:#fffbf2;--panel-line:#f0ddb8;--cocoa:#6b5340;--cocoa-soft:#b09877;--honey:#e2a24a;--honey-deep:#c8842f;--coral:#ef9484;--coral-deep:#c9604c;--mint:#7fbfa0;--lavender:#b48ed6;--font-display:"Kiwi Maru", "Zen Maru Gothic", serif;--font-body:"Zen Maru Gothic", system-ui, sans-serif;--font-number:"Baloo 2", "Zen Maru Gothic", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--cocoa);background:var(--cream);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{font-family:var(--font-body);background:var(--cream);color:var(--cocoa);margin:0}#root{min-height:100svh}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:500}p{margin:0}button{font-family:var(--font-body);appearance:none;margin:0}input,select{font-family:var(--font-body);appearance:none}.login-form{background:var(--panel);border:1.5px solid var(--panel-line);width:100%;max-width:360px;color:var(--cocoa);border-radius:22px;flex-direction:column;gap:1rem;margin:3rem auto;padding:2rem 1.8rem;display:flex;box-shadow:0 6px 16px #c8965a1f}.login-form h2{text-align:center;color:var(--honey-deep);margin:0 0 .4rem;font-size:1.2rem}.login-form form{flex-direction:column;gap:.65rem;display:flex}.login-form input{border:1.5px solid var(--panel-line);background:var(--cream);color:var(--cocoa);font-family:var(--font-body);border-radius:999px;padding:.6rem .9rem}.login-form input::placeholder{color:var(--cocoa-soft)}.login-form button{background:linear-gradient(135deg, var(--honey), #ec8f52);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:.6rem .9rem;font-weight:700}.login-form button:hover:not(:disabled){filter:brightness(1.05)}.login-form button:disabled{opacity:.5;cursor:not-allowed}.login-error{color:var(--coral-deep);margin:0;font-size:.85rem}.login-google{background:linear-gradient(135deg, var(--mint), #5fa887)!important}.login-switch{border:1.5px solid var(--panel-line);font-size:.85rem;color:var(--cocoa-soft)!important;background:0 0!important}.login-switch:hover{background:var(--panel-line)!important}.battle-panel{background:var(--panel);border:1.5px solid var(--panel-line);width:100%;max-width:480px;color:var(--cocoa);border-radius:22px;margin:0 auto;padding:1.6rem 1.5rem 1.8rem;box-shadow:0 6px 16px #c8965a1f}.battle-panel h2{color:var(--honey-deep);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.05rem;display:flex}.battle-boss-badge{background:var(--coral);color:#fff;border-radius:999px;padding:.12rem .6rem;font-size:.68rem;font-weight:700}.battle-enemy-hp{font-family:var(--font-number);color:var(--cocoa-soft);font-size:.85rem}.battle-hp-bar{background:var(--cream);border:1.5px solid var(--panel-line);border-radius:999px;height:10px;margin-top:.5rem;overflow:hidden}.battle-hp-bar-fill{background:linear-gradient(90deg, var(--coral), #f4ab9e);height:100%;transition:width .3s}.battle-result{background:var(--cream);border:1.5px dashed var(--panel-line);border-radius:16px;margin-top:1.1rem;padding:1rem}.battle-result-summary{font-family:var(--font-display);color:var(--honey-deep);margin:0 0 .6rem;font-weight:500}.battle-member-result{margin-bottom:.9rem}.battle-member-result:last-child{margin-bottom:0}.battle-member-name{color:var(--cocoa);margin:0 0 .35rem;font-size:.82rem;font-weight:700}.battle-log{flex-direction:column;gap:.3rem;max-height:160px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.battle-log-entry{color:var(--cocoa-soft);font-size:.78rem}.battle-log-entry--player{color:#4d8e6c}.battle-log-entry--enemy{color:var(--coral-deep)}.battle-log-entry--skill{font-weight:700}.equipment-panel{background:var(--panel);border:1.5px solid var(--panel-line);width:100%;max-width:480px;color:var(--cocoa);border-radius:22px;margin:0 auto;padding:1.6rem 1.5rem 1.8rem;box-shadow:0 6px 16px #c8965a1f}.equipment-panel h2{color:var(--honey-deep);margin:0 0 1.1rem;font-size:1.15rem}.equipment-members{flex-direction:column;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.equipment-member{background:var(--cream);border:1.5px solid var(--panel-line);border-radius:18px;padding:.9rem 1rem}.equipment-member-header{align-items:center;gap:.5rem;margin-bottom:.7rem;display:flex}.equipment-member-name{font-family:var(--font-display);font-size:.95rem;font-weight:500}.equipment-member-job{background:var(--honey);color:#fff;border-radius:999px;padding:.12rem .55rem;font-size:.7rem;font-weight:700}.equipment-slots{flex-direction:column;gap:.5rem;margin-bottom:.7rem;display:flex}.equipment-slot{align-items:center;gap:.6rem;display:flex}.equipment-slot-label{width:3rem;color:var(--cocoa-soft);flex-shrink:0;font-size:.78rem;font-weight:600}.equipment-slot select{border:1.5px solid var(--panel-line);min-width:0;color:var(--cocoa);font-family:var(--font-body);background:#fff;border-radius:999px;flex:1;padding:.4rem .6rem;font-size:.8rem}.equipment-member-stats{font-family:var(--font-number);color:var(--cocoa-soft);flex-wrap:wrap;gap:.6rem;font-size:.78rem;display:flex}.equipment-hint{color:var(--cocoa-soft);text-align:center;margin:1rem 0 0;font-size:.75rem}.party-panel{background:var(--panel);border:1.5px solid var(--panel-line);width:100%;max-width:480px;color:var(--cocoa);border-radius:22px;margin:0 auto;padding:1.6rem 1.5rem 1.8rem;box-shadow:0 6px 16px #c8965a1f}.party-panel h2{color:var(--honey-deep);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin:0 0 1.1rem;font-size:1.15rem;display:flex}.party-tickets{font-family:var(--font-body);color:var(--lavender);background:#b48ed629;border-radius:999px;padding:.25rem .7rem;font-size:.76rem;font-weight:700}.party-ratio{background:var(--cream);border:1.5px dashed var(--panel-line);border-radius:16px;margin-bottom:1.3rem;padding:.9rem 1rem}.party-ratio-labels{justify-content:space-between;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:flex}.party-ratio-slider{cursor:pointer;border:1.5px solid var(--panel-line);border-radius:999px;outline:none;width:100%;height:12px}.party-ratio-slider::-webkit-slider-thumb{appearance:none;border:3px solid var(--honey-deep);cursor:pointer;background:#fff;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 4px #6b534040}.party-ratio-slider::-moz-range-thumb{border:3px solid var(--honey-deep);cursor:pointer;background:#fff;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 4px #6b534040}.party-ratio-slider::-moz-range-track{border-radius:999px;height:12px}.party-ratio-hint{color:var(--cocoa-soft);margin:.5rem 0 0;font-size:.75rem}.party-members{flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.party-member{background:var(--cream);border:1.5px solid var(--panel-line);border-radius:18px;padding:.8rem 1rem}.party-member-header{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.party-member-name{font-family:var(--font-display);color:var(--cocoa);font-size:.92rem;font-weight:500}.party-member-job{background:var(--honey);color:#fff;border-radius:999px;padding:.12rem .55rem;font-size:.7rem;font-weight:700}.party-member-level{font-family:var(--font-number);color:var(--cocoa-soft);font-size:.76rem}.party-member-stats{font-family:var(--font-number);color:var(--cocoa-soft);flex-wrap:wrap;gap:.6rem;font-size:.78rem;display:flex}.party-member-job-change{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.7rem;display:flex}.party-member-job-change button{border:1.5px solid var(--panel-line);color:var(--cocoa);cursor:pointer;background:#fff;border-radius:999px;padding:.4rem .9rem;font-size:.78rem;font-weight:700}.party-member-job-change button:hover:not(:disabled){background:var(--panel-line)}.party-member-job-change button:disabled{opacity:.4;cursor:not-allowed}.party-job-change-hint{color:var(--cocoa-soft);font-size:.72rem}.gacha-panel{background:var(--panel);border:1.5px solid var(--panel-line);width:100%;max-width:480px;color:var(--cocoa);border-radius:22px;margin:0 auto;padding:1.6rem 1.5rem 1.8rem;box-shadow:0 6px 16px #c8965a1f}.gacha-panel h2{color:var(--honey-deep);margin:0 0 1.1rem;font-size:1.15rem}.gacha-action{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.1rem;display:flex}.gacha-action button{background:linear-gradient(135deg, var(--lavender), #9d6fc4);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:.75rem 1.5rem;font-size:1rem;font-weight:700}.gacha-action button:hover:not(:disabled){filter:brightness(1.05)}.gacha-action button:disabled{opacity:.4;cursor:not-allowed}.gacha-pity{color:var(--cocoa-soft);margin:0;font-size:.78rem}.gacha-stage{background:var(--cream);border:1.5px solid var(--panel-line);border-radius:20px;justify-content:center;align-items:center;height:150px;margin-bottom:1.1rem;display:flex;position:relative;overflow:hidden}.gacha-stage--SR{background:radial-gradient(ellipse at center, #b48ed638, var(--cream) 75%)}.gacha-stage--SSR{background:radial-gradient(ellipse at center, #e2a24a47, var(--cream) 75%)}.gacha-orb{width:56px;height:56px;position:relative}.gacha-orb-core{background:radial-gradient(circle at 35% 35%, #fff, var(--honey) 60%, var(--honey-deep) 100%);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 20px #e2a24a80}.gacha-orb-ring{border:2px solid #e2a24a66;border-radius:50%;position:absolute;inset:-10px}.gacha-orb-ring--2{border-color:#e2a24a38;inset:-20px}.gacha-orb--opening .gacha-orb-core{animation:.6s ease-in-out infinite gacha-pulse}.gacha-orb--opening .gacha-orb-ring{animation:2.2s linear infinite gacha-ring-spin}.gacha-orb--opening .gacha-orb-ring--2{animation:3.2s linear infinite reverse gacha-ring-spin}.gacha-orb--burst .gacha-orb-core{animation:.35s ease-out forwards gacha-burst-core}.gacha-orb--burst .gacha-orb-ring,.gacha-orb--burst .gacha-orb-ring--2{animation:.35s ease-out forwards gacha-burst-ring}.gacha-sparkle{background:var(--honey);pointer-events:none;border-radius:50%;width:6px;height:6px;animation:.5s ease-out forwards gacha-sparkle-twinkle;position:absolute;box-shadow:0 0 6px #e2a24acc}@keyframes gacha-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes gacha-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gacha-burst-core{to{opacity:0;transform:scale(2.4)}}@keyframes gacha-burst-ring{to{opacity:0;transform:scale(2.6)}}@keyframes gacha-sparkle-twinkle{0%{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.4)translateY(-16px)}}.gacha-result--enter{animation:.4s ease-out gacha-result-in}@keyframes gacha-result-in{0%{opacity:0;transform:scale(.85)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.gacha-orb-core,.gacha-orb-ring,.gacha-orb-ring--2,.gacha-sparkle,.gacha-result--enter{animation:none!important}}.gacha-result{background:var(--cream);border:1.5px solid var(--panel-line);border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-bottom:1.1rem;padding:1rem;display:flex}.gacha-result-rarity{font-family:var(--font-display);background:var(--cocoa-soft);color:#fff;border-radius:999px;padding:.18rem .7rem;font-weight:500}.gacha-result--N .gacha-result-rarity{background:#b3a596}.gacha-result--R .gacha-result-rarity{background:var(--mint)}.gacha-result--SR .gacha-result-rarity{background:var(--lavender)}.gacha-result--SSR{background:radial-gradient(ellipse at center, #e2a24a38, var(--cream) 75%);border-color:var(--honey)}.gacha-result--SSR .gacha-result-rarity{background:linear-gradient(135deg, var(--honey), #f0c987);color:#fff}@media (prefers-reduced-motion:no-preference){.gacha-result--SSR{animation:2.4s ease-in-out infinite gacha-ssr-glow}}@keyframes gacha-ssr-glow{0%,to{box-shadow:0 0 #e2a24a00}50%{box-shadow:0 0 22px #e2a24a4d}}.gacha-result-name{font-weight:700}.gacha-result-duplicate{color:var(--cocoa-soft);font-size:.78rem}.gacha-rates{margin-bottom:1.1rem;font-size:.85rem}.gacha-rates summary{cursor:pointer;color:var(--cocoa-soft);margin-bottom:.5rem}.gacha-rates ul{color:var(--cocoa-soft);font-family:var(--font-number);margin:0;padding-left:1.2rem}.gacha-owned h3{color:var(--cocoa);margin:0 0 .7rem;font-size:1rem}.gacha-owned ul{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.gacha-owned-item{background:var(--cream);border:1.5px solid var(--panel-line);border-radius:14px;align-items:center;gap:.6rem;padding:.5rem .8rem;font-size:.85rem;display:flex}.gacha-owned-item--empty{opacity:.5}.gacha-owned-rarity{background:var(--cocoa-soft);color:#fff;border-radius:999px;padding:.1rem .55rem;font-size:.68rem;font-weight:700}.gacha-owned-item--N .gacha-owned-rarity{background:#b3a596}.gacha-owned-item--R .gacha-owned-rarity{background:var(--mint)}.gacha-owned-item--SR .gacha-owned-rarity{background:var(--lavender)}.gacha-owned-item--SSR .gacha-owned-rarity{background:linear-gradient(135deg, var(--honey), #f0c987)}.gacha-owned-name{flex:1}.gacha-owned-count{font-family:var(--font-number);color:var(--cocoa-soft)}.timer{background:var(--panel);border:1.5px solid var(--panel-line);color:var(--cocoa);border-radius:22px;flex-direction:column;align-items:center;gap:1.2rem;width:100%;max-width:420px;margin:0 auto;padding:1.6rem 1.5rem 1.8rem;display:flex;box-shadow:0 6px 16px #c8965a1f}.timer-mode{gap:.4rem;display:flex}.timer-mode button{border:1.5px solid var(--panel-line);color:var(--cocoa-soft);cursor:pointer;background:#fff;border-radius:999px;padding:.35rem .9rem;font-size:.76rem}.timer-mode button:hover{background:var(--panel-line)}.timer-mode-active{font-weight:700;background:var(--honey)!important;border-color:var(--honey)!important;color:#fff!important}.timer-notice{color:var(--honey-deep);background:#e2a24a29;border-radius:14px;align-items:center;gap:.6rem;padding:.55rem .9rem;font-size:.82rem;display:flex}.timer-notice button{background:var(--honey);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.timer-status{background:var(--cream);color:var(--cocoa-soft);border-radius:999px;padding:.3rem 1rem;font-size:.82rem;font-weight:700}.timer-status--working{color:#4d8e6c;background:#7fbfa033}.timer-status--resting{color:var(--lavender);background:#b48ed62e}.timer-display{gap:2rem;display:flex}.timer-block{flex-direction:column;align-items:center;gap:.3rem;display:flex}.timer-label{color:var(--cocoa-soft);font-size:.76rem}.timer-time{font-family:var(--font-number);font-variant-numeric:tabular-nums;color:var(--cocoa);font-size:2rem;font-weight:600}.timer-controls{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.timer-controls button{border:1.5px solid var(--panel-line);color:var(--cocoa);cursor:pointer;background:#fff;border-radius:999px;padding:.55rem 1.05rem;font-size:.85rem;font-weight:600;transition:background .15s}.timer-controls button:hover:not(:disabled){background:var(--panel-line)}.timer-controls button:disabled{opacity:.4;cursor:not-allowed}.timer-finish{background:linear-gradient(135deg, var(--coral), #f4ab9e);color:#fff;cursor:pointer;border:none;border-radius:999px;width:100%;padding:.75rem;font-weight:700}.timer-finish:hover:not(:disabled){filter:brightness(1.05)}.timer-finish:disabled{opacity:.35;cursor:not-allowed}.todo-list{background:var(--panel);border:1.5px solid var(--panel-line);width:100%;max-width:480px;color:var(--cocoa);border-radius:22px;margin:0 auto;padding:1.6rem 1.5rem 1.8rem;box-shadow:0 6px 16px #c8965a1f}.todo-list h2{color:var(--honey-deep);margin:0 0 1rem;font-size:1.15rem}.todo-form{gap:.5rem;margin-bottom:1.1rem;display:flex}.todo-form input{border:1.5px solid var(--panel-line);background:var(--cream);min-width:0;color:var(--cocoa);font-family:var(--font-body);border-radius:999px;flex:1;padding:.55rem .8rem}.todo-form input::placeholder{color:var(--cocoa-soft)}.todo-form select{border:1.5px solid var(--panel-line);background:var(--cream);color:var(--cocoa);font-family:var(--font-body);border-radius:999px;padding:.5rem .6rem}.todo-form button{background:linear-gradient(135deg, var(--honey), #ec8f52);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:.5rem 1.1rem;font-weight:700}.todo-form button:hover{filter:brightness(1.05)}.todo-items{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.todo-item{background:var(--cream);border:1.5px solid var(--panel-line);border-radius:16px;align-items:center;gap:.6rem;padding:.6rem .9rem;display:flex}.todo-item--done{opacity:.65}.todo-difficulty{background:var(--mint);color:#fff;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:700}.todo-title{overflow-wrap:anywhere;flex:1;min-width:0}.todo-reward{font-family:var(--font-number);color:var(--honey-deep);font-size:.85rem;font-weight:600}.todo-item button{border:1.5px solid var(--panel-line);color:var(--cocoa);cursor:pointer;background:#fff;border-radius:999px;padding:.35rem .8rem;font-size:.78rem;font-weight:600}.todo-item button:hover{background:var(--panel-line)}.todo-remove{color:var(--cocoa-soft)!important;background:0 0!important;border-color:#0000!important}.todo-remove:hover{background:var(--panel-line)!important}.todo-empty{color:var(--cocoa-soft);text-align:center;padding:.6rem .3rem;font-size:.88rem}.todo-done{margin-top:1.1rem}.todo-done summary{cursor:pointer;color:var(--cocoa-soft);margin-bottom:.6rem;font-size:.85rem}.modal-overlay{z-index:100;background:#6b534066;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-wrapper{width:100%;max-width:480px;max-height:85vh;position:relative}.modal-content{max-height:85vh;overflow-y:auto}.modal-close{border:1.5px solid var(--panel-line);width:2.1rem;height:2.1rem;color:var(--cocoa);cursor:pointer;z-index:1;background:#fff;border-radius:50%;font-size:.9rem;position:absolute;top:-.7rem;right:-.7rem;box-shadow:0 3px 8px #6b534033}.modal-close:hover{background:var(--panel-line)}.app{flex-direction:column;align-items:center;gap:2rem;min-height:100vh;padding:3rem 1rem;display:flex}.app-header{text-align:center}.app-header h1{color:var(--honey-deep);margin:0 0 .4rem;font-size:1.9rem}.app-header p{color:var(--cocoa-soft);margin:0}.jewel-display{background:var(--panel);border:1.5px solid var(--panel-line);color:var(--cocoa);font-family:var(--font-number);border-radius:999px;align-items:center;gap:.3rem;margin-top:.7rem;padding:.35rem 1.1rem;font-weight:600;display:inline-flex}.app-main{flex-direction:column;align-items:center;gap:2rem;width:100%;display:flex}.app-loading{color:var(--cocoa-soft);margin-top:4rem}.app-account{color:var(--cocoa-soft);justify-content:center;align-items:center;gap:.6rem;margin-top:.6rem;font-size:.8rem;display:flex}.app-signout{border:1.5px solid var(--panel-line);background:var(--panel);color:var(--cocoa);cursor:pointer;border-radius:999px;padding:.25rem .7rem;font-size:.75rem}.app-signout:hover{background:var(--panel-line)}.app-menu{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.2rem;display:flex}.app-menu-item{border:1.5px solid var(--panel-line);background:var(--panel);color:var(--cocoa);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem 1.2rem;font-size:.85rem;font-weight:600;display:inline-flex;position:relative;box-shadow:0 4px 10px #c8965a1a}.app-menu-item:hover{background:var(--panel-line)}.app-menu-badge{background:var(--coral);color:#fff;min-width:1.3rem;height:1.3rem;font-family:var(--font-number);border-radius:999px;justify-content:center;align-items:center;padding:0 .35rem;font-size:.72rem;font-weight:700;display:inline-flex}