:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#272621;background:#f5f4f0;font-synthesis:none;--orange:#e45a32;--muted:#77746b;--border:#e8e5dc}*{box-sizing:border-box}body{margin:0;padding:20px 14px calc(36px + env(safe-area-inset-bottom))}.app-shell{max-width:850px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 2px 18px}.eyebrow{font-size:10px;letter-spacing:.12em;color:#a49f94;font-weight:800}.topbar h1{font-size:25px;letter-spacing:-.04em;margin:5px 0}.topbar p{margin:0;color:var(--muted);font-size:12px}.day-control{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:650;min-width:112px}.day-control input,.form-row input,.form-row select,.goal-card select,.ticket-row input{width:100%;min-width:0;border:1px solid #e5e2d9;background:#fff;border-radius:10px;padding:10px 11px;font-size:15px;color:#292820;outline:none}.hero-panel,.rotation-panel,.calculator-panel{background:#fff;border:1px solid var(--border);border-radius:19px}.hero-panel{padding:15px;display:flex;justify-content:space-between;align-items:center;gap:12px}.hero-current{display:flex;align-items:center;gap:12px;min-width:0}.hero-current img{width:64px;height:64px;object-fit:cover;border-radius:14px;border:1px solid #ece9e1}.hero-name{font-weight:800;font-size:18px}.hero-meta{color:var(--muted);font-size:11px;margin-top:4px}.hero-actions{display:flex;gap:7px;flex-shrink:0}.btn{border:0;border-radius:11px;padding:10px 12px;font-size:12px;font-weight:750}.btn.primary{background:var(--orange);color:#fff}.btn.secondary{background:#f3f1eb;color:#4b4941}.rotation-panel{margin-top:12px;padding:14px 16px;background:#fff9f4;border-color:#f1dfd5}.rotation-title{font-size:13px;font-weight:750}.rotation-sub{font-size:11px;color:var(--muted);line-height:1.55;margin-top:5px}.rotation-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.mini-stat{background:#fff;border:1px solid #f0e5dc;border-radius:10px;padding:8px 10px;font-size:11px;color:#6b625a}.mini-stat strong{color:#302922;font-size:15px;margin-right:4px}.calculator-panel{margin-top:12px;padding:16px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.section-heading h2{margin:4px 0 0;font-size:19px}.rule-chip{font-size:10px;color:#866250;background:#fff4eb;padding:7px 9px;border-radius:99px;line-height:1.35}.progress-grid{display:grid;grid-template-columns:1fr 28px 1fr;gap:9px;align-items:center}.progress-card{border:1px solid #eeece5;border-radius:14px;padding:13px;min-width:0}.current-card{background:#fbfaf7}.goal-card{background:#fff9f5;border-color:#f3e4dc}.card-title{font-size:12px;font-weight:800;margin-bottom:10px}.owned-line{display:flex;align-items:center;gap:7px;font-size:11px;color:#69665f;margin-bottom:10px}.owned-line input{accent-color:var(--orange);width:16px;height:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form-row label,.goal-card label,.ticket-row label{display:grid;gap:6px;font-size:10px;color:#716e66;font-weight:700}.form-row input,.form-row select,.goal-card select{font-size:14px;padding:10px}.arrow{color:#aaa398;text-align:center}.hint{font-size:10px;color:#928d83;margin-top:8px}.ticket-row{display:flex;gap:12px;align-items:end;margin-top:12px;padding:12px;border-radius:13px;background:#f8f7f3}.ticket-row label{width:155px;flex-shrink:0}.ticket-tip{font-size:11px;color:#77746b;padding-bottom:9px}.result-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.result{background:#f8f7f3;border-radius:12px;padding:11px 10px;min-width:0}.result strong{display:block;font-size:20px;letter-spacing:-.04em}.result span{display:block;font-size:10px;color:#77746b;margin-top:4px;line-height:1.35}.result.alert strong{color:#cb4d35}.result.good strong{color:#24855c}.buy-plan{margin-top:12px;padding:13px;border-radius:14px;background:#f6f8f4;border:1px solid #e7eddf}.buy-plan h3{font-size:13px;margin:0 0 7px}.buy-plan p{font-size:11px;line-height:1.6;color:#6b6e64;margin:5px 0}.buy-plan .cost{font-size:19px;font-weight:850;color:#2f5734}.expected-plan{background:#f4f7fb;border-color:#e0e8f2}.expected-plan .cost{color:#315d8b}.estimate-note{margin:8px 3px}.phase{border-top:1px solid #e4e9dc;padding-top:8px;margin-top:8px}.phase b{color:#383a33}.rules{font-size:11px;color:#77746b;margin-top:12px}.rules summary{cursor:pointer;font-weight:700}.rules p{line-height:1.6}.modal-backdrop{position:fixed;inset:0;background:#211c17a6;z-index:10;display:grid;place-items:center;padding:14px}.modal-backdrop[hidden]{display:none}.modal{width:min(700px,100%);max-height:min(88dvh,900px);background:#f8f7f3;border-radius:20px;box-shadow:0 24px 70px #0003;display:flex;flex-direction:column;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 17px 11px;flex-shrink:0}.modal-head h2{font-size:18px;margin:4px 0}.close{width:34px;height:34px;border:0;border-radius:50%;background:#ece9e1;font-size:24px;line-height:1;color:#5c584e}.search{margin:0 15px 11px;border:1px solid #e5e2d9;border-radius:11px;padding:11px;font-size:14px;outline:none}.hero-grid{overflow:auto;padding:0 14px 15px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hero-option{background:#fff;border:1px solid #e9e6dd;border-radius:12px;padding:7px;display:grid;justify-items:center;gap:5px;text-align:center;color:#292820}.hero-option.selected{border:2px solid var(--orange);padding:6px}.hero-option img{width:50px;height:50px;object-fit:cover;border-radius:11px}.hero-option span{font-size:10px;font-weight:700;line-height:1.2}.detail-content{overflow:auto;padding:0 15px 17px}.detail-hero{display:flex;gap:10px;align-items:center;padding:10px;background:#fff;border-radius:13px;margin-bottom:10px}.detail-hero img{width:54px;height:54px;object-fit:cover;border-radius:12px}.detail-block{background:#fff;border:1px solid #efede7;border-radius:12px;padding:12px;margin-top:8px}.detail-block h3{font-size:12px;color:var(--orange);margin:0 0 6px}.detail-block p{font-size:12px;line-height:1.65;color:#514e47;margin:0;white-space:pre-wrap}.retired-note{color:#a13f32;font-size:11px;font-weight:700;margin-top:5px}@media(max-width:540px){body{padding:12px 10px calc(26px + env(safe-area-inset-bottom))}.topbar h1{font-size:22px}.topbar p{max-width:215px}.hero-panel{align-items:flex-start;padding:12px}.hero-current img{width:54px;height:54px}.hero-name{font-size:16px}.hero-actions{flex-direction:column}.btn{padding:9px 10px}.calculator-panel{padding:12px}.section-heading{align-items:flex-start;flex-direction:column}.progress-grid{grid-template-columns:1fr 18px 1fr;gap:5px}.progress-card{padding:10px 8px}.form-row{grid-template-columns:1fr}.arrow{font-size:12px}.result-grid{grid-template-columns:repeat(2,1fr)}.ticket-row label{width:135px}.hero-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rule-chip{border-radius:9px}.rotation-panel{padding:12px}}


.target-rotation-list{display:grid;gap:6px;margin-top:10px}.target-rotation-row{display:grid;grid-template-columns:30px minmax(90px,auto) 1fr;align-items:center;gap:8px;background:#fff;border:1px solid #f0e5dc;border-radius:10px;padding:6px 9px;font-size:11px}.target-rotation-row img{width:30px;height:30px;object-fit:cover;border-radius:7px}.target-rotation-row b{font-size:11px}.target-rotation-row span{color:#6b625a;line-height:1.4}@media(max-width:540px){.target-rotation-row{grid-template-columns:30px 1fr}.target-rotation-row span{grid-column:2}}

.phase p.recharge-plan{display:grid;gap:4px;overflow-wrap:anywhere}.phase p.recharge-plan span{display:block;font-weight:750;color:#55483d}.phase p strong{font-weight:850;color:#25231f}

.phase .recharge-plan{display:grid;gap:4px;overflow-wrap:anywhere;margin-top:8px}.phase .recharge-plan span{display:block;line-height:1.6}

.phase .recharge-plan span{font-weight:400}

.red-event-entry{margin-top:10px}.red-event-entry .btn{width:100%;text-align:left}.red-event-panel{margin-top:8px;padding:14px 16px;border:1px solid #edd6d2;border-radius:16px;background:#fff7f5}.red-event-panel[hidden]{display:none}.red-event-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.red-event-head h2{font-size:17px;margin:4px 0}.red-event-panel p{margin:8px 0 0;font-size:11px;line-height:1.6;color:#71645f}.red-event-entry .btn:disabled{opacity:1;color:#a84838;background:#fff0ec}

.module-gates{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.module-toggle{width:100%;min-height:44px;text-align:left;font-size:13px}.module-toggle[aria-expanded=true]{background:#e8f0e8;color:#345b3f}.module-toggle.red-toggle{background:#fff0ec;color:#ad4d3c}.red-event-panel{margin-top:10px}.red-event-panel[hidden]{display:none}@media(max-width:540px){.module-gates{grid-template-columns:1fr}}

.red-event-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.red-event-summary>div{display:grid;gap:5px;padding:10px 12px;border:1px solid #f0e5dc;border-radius:11px;background:#fff}.red-event-summary span{font-size:10px;color:#8a7b73}.red-event-summary strong{font-size:13px;color:#514037}.red-recruit-title{font-size:13px;margin:14px 0 7px}.red-recruit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.red-recruit-row{padding:10px 11px;border:1px solid #f0e5dc;border-radius:11px;background:#fff}.red-recruit-row strong{display:block;font-size:11px;color:#514037}.red-recruit-row strong span{font-weight:500;color:#95877e;margin-left:4px}.red-recruit-row p{margin:5px 0 0}.red-event-panel p.red-event-note{font-size:10px;color:#92867e;margin-top:10px}@media(max-width:540px){.red-event-summary,.red-recruit-list{grid-template-columns:1fr}}
.red-event-panel p.red-recharge-intro{margin:0 0 8px}.red-recharge-phases{display:grid;gap:9px}.red-recharge-phase{border:1px solid #f0e5dc;border-radius:12px;background:#fff;padding:11px}.red-recharge-phase h4{font-size:12px;margin:0 0 8px;color:#514037}.red-recharge-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.red-recharge-list>div{display:grid;align-content:start;gap:4px;padding:8px 9px;border-radius:9px;background:#fbf9f6}.red-recharge-list b{font-size:11px;color:#514037}.red-recharge-list span{font-size:10px;line-height:1.45;color:#71645f}@media(max-width:540px){.red-recharge-list{grid-template-columns:1fr}}
.red-warpass{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px;padding:11px;border:1px solid #f0e5dc;border-radius:12px;background:#fff}.red-warpass h3,.red-warpass p{grid-column:1/-1}.red-warpass h3{font-size:12px;margin:0;color:#514037}.red-warpass>div{display:grid;gap:4px;padding:8px 9px;border-radius:9px;background:#fbf9f6}.red-warpass span{font-size:10px;color:#8a7b73}.red-warpass strong{font-size:12px;color:#514037}.red-warpass p{font-size:10px;line-height:1.5;color:#71645f;margin:0}@media(max-width:540px){.red-warpass{grid-template-columns:1fr}}
.upcoming-events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.upcoming-event{border:1px solid var(--border);border-radius:13px;background:#fff;padding:0 12px}.upcoming-event summary{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:42px;cursor:pointer;list-style:none;font-size:12px;font-weight:750}.upcoming-event summary::-webkit-details-marker{display:none}.upcoming-event summary:after{content:'＋';color:#928d83;font-size:15px}.upcoming-event[open] summary:after{content:'－'}.upcoming-event summary b{margin-left:auto;color:#a84838;font-size:10px;white-space:nowrap}.upcoming-event p{margin:0 0 11px;color:var(--muted);font-size:11px;line-height:1.5}@media(max-width:540px){.upcoming-events{grid-template-columns:1fr}}
.upcoming-event-content{padding:1px 0 2px}.upcoming-event-content ul{margin:0 0 10px;padding-left:19px;color:var(--muted);font-size:11px;line-height:1.6}.upcoming-event-content li+li{margin-top:5px}.upcoming-event-content li strong{color:#514037}.upcoming-event-content p.upcoming-pending{font-size:10px;color:#a0785f}
.red-target-section{margin-top:12px;padding:12px;border:1px solid #f0e5dc;border-radius:13px;background:#fff}.red-target-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.red-target-heading h3{font-size:13px;margin:0;color:#514037}.red-target-heading p{margin:4px 0 0;font-size:10px;color:var(--muted)}.red-target-roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:7px;margin-top:10px}.red-target-card{display:grid;grid-template-columns:42px 1fr;gap:8px;align-items:center;padding:8px;border:1px solid #f0e5dc;border-radius:10px;background:#fbf9f6}.red-target-card.active{border-color:#db836e;background:#fff7f5}.red-target-card img{width:42px;height:42px;object-fit:cover;border-radius:9px}.red-target-info{min-width:0}.red-target-info b{font-size:11px;color:#514037}.red-target-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.red-target-actions button{border:0;border-radius:6px;padding:4px 6px;background:#f0ede6;color:#615b52;font-size:9px}.red-target-actions button:disabled{opacity:.45}.red-target-empty{font-size:11px;color:#928d83;margin:2px 0}
.red-hero-panel{margin-top:12px}.red-calculator-panel{margin-top:12px}.red-progress-controls{display:grid;grid-template-columns:repeat(3,minmax(88px,1fr));gap:7px;margin:7px 0}.red-progress-controls label{display:grid;gap:4px;font-size:10px;color:#716e66;font-weight:700}.red-progress-controls select,.red-progress-controls input{width:100%;min-width:0;border:1px solid #e5e2d9;border-radius:8px;background:#fff;padding:7px;font-size:12px}.red-target-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:9px;align-items:start;padding:10px;border:1px solid #eee9df;border-radius:12px;background:#fbfaf7;margin-top:7px}.red-target-row>img{width:44px;height:44px;object-fit:cover;border-radius:9px}.red-target-row .target-row-name{display:block;min-width:0}.red-target-row .target-row-name>b{display:block;font-size:11px;margin:2px 0 6px}.red-target-row .owned-line{font-size:10px;margin:2px 0}.red-target-row .owned-line input{width:14px;height:14px}.red-target-row .target-order-buttons{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.red-target-row .target-order-buttons button{border:0;border-radius:7px;padding:6px 7px;background:#f0ede6;color:#554f47;font-size:10px}.red-target-row .target-order-buttons button:disabled{opacity:.4}.red-ticket-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.red-ticket-inputs label{width:auto;min-width:0}.red-ticket-inputs input{width:100%}.red-plan-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.red-plan-columns>section{min-width:0}.red-plan-columns .expected-plan{margin:0;padding:11px;border:1px solid #e0e8f2;border-radius:11px;background:#f4f7fb}.red-plan-columns h3{font-size:13px;margin:0 0 7px}.red-plan-columns p{font-size:11px;line-height:1.6;color:#6b6e64;margin:5px 0}@media(max-width:540px){.red-target-row{grid-template-columns:38px 1fr}.red-target-row>img{width:38px;height:38px}.red-target-row .target-order-buttons{grid-column:2;justify-content:flex-start}.red-progress-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.red-ticket-inputs{grid-template-columns:1fr}.red-plan-columns{grid-template-columns:1fr}}
.red-expired-warning{color:#a84838!important;font-weight:700}
.red-pass-option{margin:8px 2px 0;font-size:10px}.red-pass-option input{accent-color:var(--orange)}
.target-roster-list{display:grid;gap:8px;margin-top:9px;padding:10px;border:1px solid #eee6dc;border-radius:14px;background:#fff}.blue-target-card{padding:10px;border:1px solid #eee6dc;border-radius:13px;background:#fbfaf7}.blue-target-top{display:flex;align-items:center;gap:8px;min-width:0}.blue-target-top>img{width:42px;height:42px;object-fit:cover;border-radius:9px;flex-shrink:0}.blue-target-top>b{font-size:12px;flex:1;min-width:100px}.blue-target-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.blue-target-actions button{border:0;border-radius:8px;padding:7px 8px;background:#f0ede6;color:#5b564d;font-size:10px;font-weight:650}.blue-target-actions button:disabled{opacity:.4}.blue-target-fields{display:grid;grid-template-columns:repeat(4,minmax(115px,1fr));gap:8px;margin:8px 0 4px 51px;max-width:590px}.blue-target-fields label{display:grid;gap:4px;font-size:10px;color:#716e66;font-weight:700}.blue-target-fields select,.blue-target-fields input{width:100%;min-width:0;border:1px solid #e5e2d9;border-radius:8px;background:#fff;padding:8px;font-size:13px;color:#292820}.blue-owned{margin:4px 0 0 51px;font-size:10px}.blue-owned input{accent-color:var(--orange)}@media(max-width:700px){.blue-target-top{flex-wrap:wrap}.blue-target-top>b{min-width:calc(100% - 60px)}.blue-target-actions{width:100%;justify-content:flex-start}.blue-target-fields{margin-left:0;grid-template-columns:repeat(2,minmax(0,1fr))}.blue-owned{margin-left:0}}@media(max-width:400px){.blue-target-fields{grid-template-columns:1fr}}
.red-ticket-inputs{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:540px){.red-ticket-inputs{grid-template-columns:1fr}}
.red-recharge-inputs{display:grid;grid-template-columns:1.1fr 1.5fr 1fr 1fr 1fr;align-items:end;gap:8px;margin-top:9px}.red-recharge-inputs>label{display:grid;gap:5px;min-width:0;font-size:10px;color:#716e66;font-weight:700}.red-recharge-inputs input{width:100%;min-width:0;border:1px solid #e5e2d9;background:#fff;border-radius:10px;padding:10px 11px;font-size:15px;color:#292820}.red-recharge-counts{align-self:stretch;display:flex;align-items:center;padding:8px 10px;border:1px solid #eee6dc;border-radius:10px;background:#fbfaf7;color:#514037;font-size:11px;line-height:1.55}@media(max-width:700px){.red-recharge-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.red-recharge-counts{grid-column:1/-1;grid-row:2}}@media(max-width:400px){.red-recharge-inputs{grid-template-columns:1fr}.red-recharge-counts{grid-column:1;grid-row:auto}}

.red-recharge-inputs>.red-current-use{grid-column:3/-1;max-width:240px}
@media(max-width:700px){.red-recharge-inputs>.red-current-use{grid-column:1/-1;max-width:none}}