@font-face{font-family:system;src:local("Arial")}:root{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif;color:#294541;background:#faf7ee;font-synthesis:none;--teal: #275d60;--orange: #dd8950;--line: #deded1;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a,input{touch-action:manipulation}button,.button{font:inherit;font-weight:700;border:1px solid var(--line);border-radius:13px;background:#fffdf7;color:#294541;min-height:48px;padding:12px 18px;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:8px}button:disabled{opacity:.5;cursor:default}button:hover:not(:disabled),.button:hover{border-color:var(--teal);background:#edf3e9}button:focus-visible,a:focus-visible{outline:3px solid #d48138;outline-offset:4px}button[aria-pressed=true]{background:#e2ece2;border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal)}.primary{background:var(--teal);color:#fff;border-color:var(--teal);box-shadow:0 4px #194446}.primary:hover:not(:disabled),a.primary:hover{background:#194446;color:#fff}.text-button{border:0;background:none;box-shadow:none;padding:10px 0}.muted{color:#65716a;font-size:14px;line-height:1.8}p{line-height:1.85}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(26px,4vw,38px);line-height:1.4;letter-spacing:.02em;margin-bottom:10px}h2{font-size:23px;line-height:1.5}h3{font-size:17px}.eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;color:#6f8374;margin-bottom:12px}.header{max-width:1200px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:10px;color:#294541;text-decoration:none;font-size:20px;font-weight:900;white-space:nowrap}.brand img{width:38px;height:38px}.brand small{font-size:10px;letter-spacing:.12em;color:#a57042;vertical-align:middle}.profile-chip{font-size:14px;border-radius:30px;background:#f2ebd7}.profile-chip span{font-size:12px;color:#947141}.app-shell{max-width:1200px;margin:auto;min-height:100vh;min-height:100dvh}.navigation{display:flex;gap:6px;margin:0 32px;border-bottom:1px solid var(--line);padding-bottom:12px}.navigation button{border:0;background:none;flex:1;font-size:13px;gap:10px}.navigation button span{font-size:23px}.navigation button[aria-current=page]{background:#e7ecdf;color:#225c5d}.main-content{padding:32px;max-width:1100px;margin:auto}.page-heading{margin-bottom:28px}.page-heading p{font-size:15px;color:#6c786e;margin-bottom:0}.hero{border:1px solid #d8e0cc;border-radius:25px;background:radial-gradient(circle at 80% 45%,#edf0d4 0,transparent 45%),#e8eddf;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;min-height:365px;padding:35px 45px;gap:15px}.hero-copy{align-self:center;z-index:1}.hero-copy h2{font-size:clamp(27px,3.5vw,42px);line-height:1.5;margin:18px 0}.hero-copy p{font-size:14px;color:#627266}.hero-copy button{display:flex;margin-top:15px}.tag{background:#fcf9ea;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:700;color:#637355}.character-stage{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.character{width:min(100%,300px);height:auto;display:block;margin:auto;filter:drop-shadow(0 6px 4px #2945410b)}.stage-label{font-size:12px;font-weight:700;color:#637355;padding:9px 16px;border-radius:20px;background:#faf8eac9}.orbit{position:absolute;font-size:27px;color:#a2ae70}.orbit.one{top:12%;left:8%}.orbit.two{right:4%;top:39%;transform:rotate(15deg)}.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0 35px;gap:12px}.stats-strip>div{text-align:center;padding:18px 5px;border-right:1px solid var(--line)}.stats-strip>div:last-child{border:0}.stats-strip strong{display:block;font-size:29px;color:var(--teal)}.stats-strip small{font-size:13px;font-weight:500;color:#818977}.stats-strip span{font-size:12px;color:#627266}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:12px}.section-heading h2{margin:0}.section-heading button{font-size:13px}.subject-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.subject-card{border:1px solid var(--line);border-radius:18px;background:#f2f0e8;padding:23px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}.subject-card.available{grid-column:1/-1;background:#fffdf6;border-color:#ccd9c9;display:grid;grid-template-columns:auto 1fr auto}.subject-symbol{width:53px;height:53px;flex-shrink:0;border-radius:16px;background:#e3e6d9;color:#7a8971;display:grid;place-items:center;font-size:30px;font-weight:700}.available .subject-symbol{background:#e9edd3;color:#536e44}.subject-card .eyebrow{margin-bottom:5px;letter-spacing:.04em}.subject-card h3{margin-bottom:3px}.subject-card p{margin:0;font-size:12px;color:#7b8176}.soon{font-size:11px;font-weight:700;border:1px solid #dbded0;border-radius:20px;padding:7px 10px;color:#7b8176;margin-left:auto}.daily-note{display:flex;align-items:center;gap:18px;margin-top:28px;background:#f3ecd9;border-radius:17px;padding:20px 25px}.daily-note>span{font-size:28px;color:#b99047}.daily-note p{font-size:13px;color:#79775e;margin:0}.footer{text-align:center;padding:30px 20px calc(38px + var(--safe-bottom));color:#818b7c}.footer strong{font-size:15px;color:#5c7264}.footer p{font-size:11px;margin:8px 0}.footer>span{font-size:9px;letter-spacing:.2em}.panel{padding:25px;border:1px solid var(--line);background:#fffdf7;border-radius:20px;margin-bottom:20px}.character-layout{display:grid;grid-template-columns:340px 1fr;gap:20px}.character-panel{text-align:center}.character-panel .character{max-width:235px}.character-panel h2{margin:0 0 20px}.appearance h3{text-align:left}.appearance fieldset{border:0;padding:0;margin:15px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.appearance legend{float:left;font-size:12px;line-height:48px}.appearance fieldset>div{display:flex;gap:6px}.appearance button{min-width:48px;padding:8px;font-size:12px}.swatch{display:block;width:24px;height:24px;border-radius:50%;border:1px solid #29454130}.slot-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.slot-tabs button{font-size:12px;padding:10px}.equip-list{display:grid;gap:10px}.equip-choice{justify-content:start;text-align:left;gap:13px;width:100%}.equip-choice>span:nth-child(2){flex:1}.equip-choice strong{font-size:14px;display:block}.equip-choice small{font-size:11px;font-weight:400;display:block;margin-top:4px}.equip-choice>span:last-child{font-size:10px;white-space:nowrap}.item-mark{display:grid;place-items:center;width:60px;height:60px;border-radius:17px;font-size:29px;background:#e8eadb;color:#547166;flex-shrink:0}.item-mark.rarity-rare{background:#e0ebee;color:#487287}.item-mark.rarity-super{background:#ebe3ed;color:#855d8c}.equipment-summary{margin:25px 0}.equipment-summary>div{display:flex;gap:10px;justify-content:space-between;border-bottom:1px dashed var(--line);padding:11px 0;font-size:12px}.equipment-summary span{color:#768272}.item-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.item-card{background:#fffdf7;border:1px solid var(--line);border-radius:18px;padding:20px;min-width:0}.item-origin{font-size:10px;color:#788574;display:block;margin-bottom:18px}.item-card .item-mark{margin:0 auto 16px;width:74px;height:74px;font-size:35px}.item-card h2{font-size:14px;text-align:center;margin-bottom:10px}.rarity{display:block;text-align:center;font-size:10px;font-weight:700;color:#66765d}.rarity-rare{color:#427288}.rarity-super{color:#835c88}.item-card p{text-align:center;font-size:10px;color:#848b7d;margin:12px 0 0}.locked{background:#f1f0e8}.silhouette{color:#909788;background:#e6e7dd}.profile-panel{display:flex;align-items:center;gap:30px}.profile-avatar{width:200px;flex-shrink:0}.name-options{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.progress-row{display:grid;grid-template-columns:1fr repeat(3,auto);gap:24px;border-top:1px solid var(--line);padding:20px 0;font-size:14px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:20px 0}.setting-row p{font-size:12px;margin:5px 0;color:#788574}.setting-row button{min-width:70px}.setting-row button[aria-checked=true]{background:var(--teal);color:#fff}.notice,.reward-note{background:#f5edd2;border:1px solid #e7d7a9;padding:15px 20px;border-radius:14px;margin-bottom:20px;font-size:13px;line-height:1.8}.notice button{font-size:12px;padding:8px 12px;margin-left:10px}.error{color:#9f493a}.reward-note span{display:block;color:#788574}.danger{color:#a0463a;border-color:#d5b8a8}.launch,.welcome{max-width:600px;min-height:100vh;min-height:100dvh;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px 22px calc(35px + var(--safe-bottom))}.welcome h1{font-size:32px}.welcome .brand{font-size:18px}.welcome-scene{position:relative;margin:22px 0;width:230px;background:#e8eddc;border-radius:50%}.welcome-scene .character{width:190px}.scene-star{position:absolute;right:12px;top:30px;color:#b2a35f;font-size:26px}.welcome .eyebrow{margin-top:0}.welcome>p{font-size:14px;color:#71816e}.welcome .privacy-note{font-size:11px;margin:26px 0 0}.welcome .name-options{justify-content:center}.welcome>button{width:min(100%,330px)}dialog{width:min(440px,calc(100% - 32px));border:1px solid var(--line);border-radius:20px;padding:25px;color:#294541;background:#fffdf7}dialog::backdrop{background:#263a39a0}.dialog-actions{display:flex;gap:12px;justify-content:flex-end}dialog p{font-size:14px}@media(max-width:900px){.character-layout{grid-template-columns:280px 1fr}.item-grid{grid-template-columns:repeat(3,1fr)}.hero{padding:25px 30px}.header{padding:20px 25px}.main-content{padding:25px}.appearance fieldset{display:block}.appearance legend{float:none;line-height:2}.appearance fieldset>div{justify-content:center}}@media(max-width:620px){.header{padding:calc(16px + env(safe-area-inset-top,0px)) 18px 16px}.brand{font-size:15px;gap:7px}.brand img{width:31px;height:31px}.brand small{display:block;font-size:8px;line-height:1.3}.profile-chip{font-size:12px;padding:8px 10px;min-height:40px}.profile-chip span{display:none}.main-content{padding:23px 18px}.navigation{position:fixed;z-index:5;bottom:0;left:0;right:0;background:#fffdf5f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);margin:0;gap:0;border-top:1px solid var(--line);border-bottom:0;padding:8px 5px calc(8px + var(--safe-bottom));box-shadow:0 -4px 20px #29454108}.navigation button{flex-direction:column;gap:1px;font-size:9px;min-height:52px;padding:6px 2px;border-radius:10px;min-width:0}.navigation button span{font-size:23px;line-height:1.1}.footer{padding-bottom:calc(110px + var(--safe-bottom));padding-top:24px}.page-heading{margin-bottom:22px}.page-heading .eyebrow{font-size:9px}.page-heading p{font-size:12px}.hero{grid-template-columns:1.35fr 1fr;padding:23px 18px;gap:0;min-height:290px;border-radius:20px}.hero-copy h2{font-size:20px;white-space:nowrap;margin:15px 0}.hero-copy p{font-size:11px;line-height:1.9}.hero-copy .tag{font-size:9px;padding:6px 8px}.hero-copy .primary{font-size:11px;padding:11px 9px;min-height:46px;white-space:nowrap}.hero-copy .text-button{font-size:11px;margin-top:5px}.character-stage .character{width:165px;max-width:120%;position:relative;left:0}.stage-label{font-size:8px;padding:7px 8px;white-space:nowrap}.orbit.one{left:0;top:6%;font-size:17px}.orbit.two{right:0;font-size:20px}.stats-strip{margin:12px 0 27px;gap:0}.stats-strip>div{padding:16px 3px}.stats-strip strong{font-size:23px}.stats-strip span{font-size:9px}.stats-strip small{font-size:10px}.section-heading h2{font-size:20px}.section-heading button{font-size:10px}.subject-grid{gap:10px}.subject-card{padding:15px;gap:9px;display:block}.subject-card .subject-symbol{width:39px;height:39px;font-size:24px;margin-bottom:12px;border-radius:12px}.subject-card h3{font-size:13px}.subject-card p{font-size:10px}.subject-card .eyebrow{font-size:10px;margin:0 0 5px}.subject-card.available{grid-template-columns:45px 1fr;gap:12px}.available .subject-symbol{margin:0}.available .primary{grid-column:1/-1;font-size:13px;width:100%;margin-top:7px}.soon{display:inline-block;margin-top:12px;font-size:9px}.daily-note{padding:18px;gap:13px}.daily-note p{font-size:11px}.panel{padding:20px;margin-bottom:16px}.panel h2{font-size:20px}.panel p{font-size:13px}.character-layout{grid-template-columns:1fr;gap:0}.character-panel .character{max-width:220px}.appearance{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.appearance h3{grid-column:1/-1;margin-bottom:0;font-size:15px}.appearance fieldset>div{gap:4px;flex-wrap:wrap;justify-content:flex-start}.appearance button{min-width:44px;min-height:44px;font-size:10px;padding:6px}.appearance legend{text-align:left;font-size:11px}.slot-tabs{gap:5px}.slot-tabs button{padding:9px 10px;font-size:11px}.item-grid{grid-template-columns:repeat(2,1fr);gap:10px}.item-card{padding:15px 10px}.item-card h2{font-size:12px}.item-origin{font-size:9px}.profile-panel{gap:10px;align-items:flex-start;flex-wrap:wrap}.profile-avatar{width:120px;margin:auto}.profile-panel>div:last-child{flex:1;min-width:150px}.profile-panel .name-options button{font-size:12px;padding:10px}.progress-row{gap:7px;font-size:10px;grid-template-columns:1fr 35px 95px 30px}.welcome h1{font-size:29px}}@media(max-width:350px){.hero{padding:20px 13px}.hero-copy h2{font-size:17px}.character-stage .character{width:145px}.brand{font-size:13px}.profile-chip{font-size:10px}.main-content{padding:20px 14px}.appearance{grid-template-columns:1fr}.appearance fieldset{display:flex;justify-content:space-between}.appearance legend{float:left;line-height:44px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.panel input{display:block;width:100%;max-width:100%;margin:8px 0;padding:10px;font:inherit;box-sizing:border-box;border:1px solid #97aaa9;border-radius:8px}