@import "https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Marcellus&display=swap";:root{color:#efe9dc;font-synthesis:none;--paper:#efe7d5;--ink:#171b1a;background:#0b1010;font-family:Gowun Batang,serif}*{box-sizing:border-box}html{background:#0b1010}body{background:radial-gradient(circle at 50% 0,#27332f,#0c1110 40%);min-width:320px;margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}main{width:min(100%,720px);min-height:100dvh;margin:auto;padding:18px 16px 118px;overflow:hidden}.app-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.brand{color:inherit;text-align:left;background:0 0;border:0;padding:0}.brand small,.section-title small,.paper-section>small,.hero-panel small,.hand-panel header small{color:#c5a15f;letter-spacing:.15em;font:11px/1.2 Marcellus,serif}.brand h1{letter-spacing:-.05em;margin:5px 0 0;font-size:clamp(23px,6vw,36px);line-height:1.1}.brand h1 b{color:#d7ad5a}.pack-button{color:#ead6a5;background:#17201e;border:1px solid #665337;border-radius:999px;align-items:center;gap:7px;min-width:max-content;padding:11px 13px;font-weight:700;display:flex}.hero-panel{background:radial-gradient(circle at 77% 45%,#b77b4936,#0000 20%),linear-gradient(145deg,#1d2825,#101514 56%,#271a1a);border:1px solid #615039;border-radius:24px;grid-template-columns:1.18fr .82fr;align-items:center;min-height:530px;padding:clamp(28px,7vw,58px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #0008}.hero-panel:after{opacity:.1;pointer-events:none;content:"";background:repeating-radial-gradient(circle at 77% 45%,#0000 0 45px,#e1bd73 46px 47px);position:absolute;inset:0}.hero-panel>div{z-index:1;position:relative}.hero-panel h2{letter-spacing:-.06em;margin:15px 0 18px;font-size:clamp(37px,8vw,66px);line-height:1.14}.hero-panel h2 b{color:#e4b75c}.hero-panel p{color:#c5c1b8;max-width:420px;font-size:16px;line-height:1.85}.hero-panel button{color:#21190d;background:linear-gradient(135deg,#e4c27a,#b9853d);border:1px solid #f1d89b;border-radius:10px;align-items:center;gap:8px;margin-top:26px;padding:15px 20px;font-weight:700;display:flex}.hero-orbit{aspect-ratio:1;color:#e4bd72;border:1px solid #d3a95677;border-radius:50%;place-items:center;width:min(32vw,190px);margin:auto;display:grid;box-shadow:inset 0 0 0 18px #0b0f0e,0 0 60px #d2954255}.hero-orbit:before,.hero-orbit:after{aspect-ratio:1;content:"";border:1px solid #d8ae5d88;width:72%;position:absolute;transform:rotate(45deg)}.hero-orbit:after{border-radius:50%;width:40%;transform:none}.hero-orbit svg{width:58%;height:58%;animation:12s linear infinite orbit}.hero-orbit span{font:50px Marcellus,serif;position:absolute}.hero-orbit i{aspect-ratio:1;background:#e7bb60;border-radius:50%;width:12px;position:absolute;transform:translate(72px,-42px);box-shadow:0 0 26px #ffc45e}.progress-strip{background:#151c1a;border:1px solid #4d473c;border-radius:16px;grid-template-columns:repeat(3,1fr);margin:14px 0;padding:18px;display:grid}.progress-strip div{border-right:1px solid #3c403a;justify-items:center;gap:5px;display:grid}.progress-strip div:last-child{border:0}.progress-strip small{color:#87958e}.progress-strip b{color:#ead197;font:26px Marcellus,serif}.faction-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.faction-grid article{background:linear-gradient(150deg,color-mix(in srgb,var(--faction) 20%,#18201e),#111514);border:1px solid color-mix(in srgb,var(--faction) 55%,#343a37);border-radius:15px;padding:18px 14px}.faction-grid span{color:var(--faction);letter-spacing:.1em;font:9px Marcellus,serif}.faction-grid h3{margin:8px 0;font-size:18px}.faction-grid p{color:#aaa99f;margin:0;font-size:12px;line-height:1.6}.paper-section{color:var(--ink);background:var(--paper);border-radius:18px;margin-top:16px;padding:25px}.paper-section h2{margin:9px 0 18px;font-size:25px;line-height:1.45}.aspect-table{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.aspect-table div{background:#17201e;border-radius:9px;gap:5px;padding:12px 8px;display:grid}.aspect-table b{font-size:16px}.aspect-table span,.aspect-table small{color:#d5d1c7;font-size:9px;line-height:1.45}.roadmap{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.roadmap>small,.roadmap>h2{grid-column:1/-1}.roadmap article{background:#ded2ba;border:1px solid #c9b996;border-radius:10px;padding:15px}.roadmap article b{color:#8e602c;font-size:11px}.roadmap h3{margin:5px 0}.roadmap p{color:#5e594f;margin:0;font-size:12px;line-height:1.6}.section-title{margin:22px 0;padding:0 4px}.section-title h2{letter-spacing:-.05em;margin:8px 0;font-size:clamp(34px,8vw,52px)}.section-title p{color:#aeb3ad;margin:0;line-height:1.7}.chapter-tabs{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:12px;display:grid}.chapter-tabs button{color:#9ca59f;text-overflow:ellipsis;white-space:nowrap;background:#161d1b;border:1px solid #3c443f;border-radius:9px;gap:4px;min-width:0;padding:10px 5px;font-size:10px;display:grid;overflow:hidden}.chapter-tabs button span{color:#d7ad5a;font:20px Marcellus,serif}.chapter-tabs button.active{color:#211a0e;background:#d8b466;border-color:#f0d28d}.chapter-tabs button.active span{color:#6c4922}.story-book{color:#222521;background:linear-gradient(90deg,#e7ddca,#f3ebdb 50%,#e7ddca);border:1px solid #c5b998;border-radius:18px;min-height:560px;padding:clamp(24px,7vw,55px);box-shadow:0 20px 50px #0005}.story-book>small{color:#8b672f;letter-spacing:.14em;font:11px Marcellus,serif}.story-book h2{margin:10px 0;font-size:clamp(34px,8vw,55px)}.story-book .lead{color:#625f58;font-size:15px;line-height:1.8}.story-page{background:#f8f3e9;border-left:3px solid #ad7c35;min-height:220px;margin:30px 0;padding:24px}.story-page b{color:#aa7834;font:12px Marcellus,serif}.story-page p{font-size:18px;line-height:2}.story-controls{justify-content:space-between;gap:10px;display:flex}.story-controls button{color:#4b493f;background:#e1d6c1;border:1px solid #b8aa8e;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-height:48px;padding:10px 16px;display:flex}.story-controls .primary{color:#f9edda;background:#932f34;border-color:#b75958;margin-left:auto}.collection-group{margin-bottom:24px}.collection-group>h3,.subheading{color:#d8bd83;font-size:17px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.fate-card{--tone-a:#a77942;--tone-b:#2e3632;aspect-ratio:63/88;color:#f4ecdd;text-align:left;background:linear-gradient(154deg,var(--tone-a),var(--tone-b) 43%,#101615 44%);border:1px solid color-mix(in srgb,var(--aspect) 70%,#e9ce91);border-radius:12px;flex-direction:column;width:100%;padding:8px;transition:transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0008}.fate-card:after{pointer-events:none;content:"";opacity:.14;background:linear-gradient(115deg,#0000 25%,#fff 45%,#0000 57%);position:absolute;inset:0;transform:translate(-100%)}.fate-card.foil:after{animation:5s ease-in-out infinite foil}.fate-card.selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--aspect) 45%,transparent),0 12px 28px #0009;border-width:3px;transform:translateY(-5px)}.fate-card.locked{filter:grayscale()brightness(.34)}.card-top{z-index:2;justify-content:space-between;align-items:center;min-height:17px;display:flex}.card-top b{color:#f3cf79;letter-spacing:-.12em;white-space:nowrap;font-size:clamp(8px,2vw,12px)}.card-top i{color:#ddd0b5;background:#1118;border-radius:3px;padding:2px 4px;font:7px Marcellus,serif}.card-portrait{background:radial-gradient(circle,#d9bd7e55,#0000 60%);border:1px solid #ffffff18;height:45%;margin:4px -1px 7px;display:block;position:relative;overflow:hidden}.portrait-image{object-fit:cover;width:100%;height:100%}.portrait-generated{background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--tone-a) 75%,#eadbba),var(--tone-b) 58%,#0e1312);place-items:center;display:grid;position:absolute;inset:0}.portrait-generated:before{content:"";background:linear-gradient(145deg,#1119,var(--tone-a));clip-path:polygon(24% 0,76% 0,100% 100%,0 100%);border-radius:46% 46% 10% 10%;width:52%;height:63%;position:absolute;bottom:-5%}.portrait-generated i{z-index:1;color:#f3e8d2;text-shadow:0 3px 16px #000;margin-top:-18%;font:clamp(30px,8vw,64px) Marcellus,serif}.portrait-generated b{z-index:1;color:#f1d089;letter-spacing:.15em;align-self:end;margin-bottom:7px;font-size:8px}.card-faction{color:var(--aspect);font-size:clamp(7px,1.6vw,10px)}.fate-card>strong{text-overflow:ellipsis;white-space:nowrap;margin:3px 0 1px;font-size:clamp(12px,2.8vw,18px);overflow:hidden}.fate-card>em{color:#aeb4ad;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(7px,1.7vw,10px);font-style:normal;overflow:hidden}.card-skill{color:#d8d7cf;text-overflow:ellipsis;white-space:nowrap;border-top:1px solid #ffffff17;margin-top:5px;padding-top:4px;font-size:clamp(7px,1.45vw,9px);display:grid;overflow:hidden}.card-skill b{color:#72b3c7;font-size:7px}.card-skill.ultimate b{color:#d6ad5e}.card-skill small{color:#868e88;text-overflow:ellipsis;white-space:nowrap;font-size:6px;overflow:hidden}.fate-card.compact .card-portrait{height:52%}.deck-slots{background:#151b1a;border:1px solid #554a39;border-radius:15px;grid-template-columns:repeat(7,1fr);gap:6px;padding:14px;display:grid}.deck-slots>span{aspect-ratio:63/88;color:#6d7771;border:1px dashed #4b514d;border-radius:10px;place-items:center;font-size:9px;display:grid}.deck-candidate{position:relative}.deck-candidate>button:last-child{color:#e7d4ad;background:#0b0f0ed9;border:1px solid #6d593b;border-radius:6px;padding:4px 7px;font-size:8px;position:absolute;bottom:5px;right:5px}.battle-page{padding-bottom:82px}.battle-score{z-index:25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121918f2;border:1px solid #615039;border-radius:14px;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:10px;padding:9px 14px;display:grid;position:sticky;top:8px;box-shadow:0 12px 32px #0008}.battle-score div{justify-content:center;align-items:center;gap:8px;display:flex}.battle-score small{color:#91a099;font-size:10px}.battle-score b{color:#e8ca85;font:27px Marcellus,serif}.battle-score>span{color:#9d855a;letter-spacing:.1em;font:10px Marcellus,serif}.battle-stage{background:radial-gradient(circle at 50% 38%,#763b302d,#0000 27%),linear-gradient(145deg,#1b2221,#0d1211);border:1px solid #514838;border-radius:18px;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-content:start;gap:9px;min-height:540px;padding:24px 14px 28px;display:grid;position:relative;overflow:hidden}.battle-stage:after{pointer-events:none;content:"";opacity:.14;background:repeating-radial-gradient(circle at 50% 45%,#0000 0 42px,#d1aa5e 43px 44px);position:absolute;inset:0}.combatant,.stage-vs{z-index:2;min-width:0;position:relative}.battle-name{color:#f2ead9;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#17231f;border:1px solid #607968;border-radius:9px;width:100%;margin-bottom:6px;padding:8px;font-weight:700;display:grid;overflow:hidden}.battle-name.enemy{text-align:right;background:#211d24;border-color:#765c72}.battle-name small{color:#d7ba77;font-size:9px}.stage-vs{justify-content:center;align-items:center;gap:5px;padding-top:140px;display:flex}.stage-vs i{aspect-ratio:1;color:#251d0e;background:#dfb75e;border-radius:50%;place-items:center;width:42px;font:12px Marcellus,serif;display:grid;box-shadow:0 0 24px #dca74866}.stage-vs b{color:#e8ca84;font:22px Marcellus,serif}.sealed{aspect-ratio:63/88;color:#ae925f;background:linear-gradient(145deg,#242b29,#111615);border:1px solid #5a4d39;border-radius:11px;align-content:center;place-items:center;gap:8px;display:grid}.sealed.enemy{color:#75959a}.roulette-row,.dice-row,.calculation-row{z-index:3;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:36px;margin-top:20px;display:grid;position:relative}.roulette{justify-items:center;gap:6px;display:grid}.roulette i{aspect-ratio:1;background:conic-gradient(#d6ad5d var(--chance),#395056 0);border:8px solid #75603e;border-radius:50%;width:96px;animation:1.25s cubic-bezier(.14,.74,.15,1) spin;box-shadow:inset 0 0 0 7px #111716,0 0 26px #d8aa5044}.roulette b{color:#f6dc9d;margin-top:-69px;font:17px Marcellus,serif}.roulette small{color:#bbb4a7;margin-top:45px}.dice-row>div{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.dice-row i{color:#171712;background:linear-gradient(145deg,#f1dbac,#aa7e3c);border-radius:9px;place-items:center;width:38px;height:38px;font:18px Marcellus,serif;animation:.7s ease-out both dice-toss;display:grid;position:relative;box-shadow:0 4px 10px #0008}.calculation-row span{color:#c8c5bb;background:#121817;border:1px solid #35403b;border-radius:9px;padding:10px;font-size:11px;line-height:1.5}.calculation-row b{color:#f0cf86;font-size:18px}.hand-panel{color:#222;background:#ede5d4;border-radius:16px;margin-top:14px;padding:18px 14px}.hand-panel header{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.hand-panel h2{margin:4px 0 0;font-size:22px}.hand-panel header>span{color:#7e7466;font-size:12px}.hand-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.action-dock{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111716f5;border:1px solid #6b583c;border-radius:14px;padding:8px;position:fixed;bottom:82px;left:max(12px,50vw - 348px);right:max(12px,50vw - 348px);box-shadow:0 12px 40px #000b}.action-dock button{color:#241b0d;background:linear-gradient(135deg,#e0bd71,#b7883f);border:1px solid #f1d492;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:58px;font-size:16px;font-weight:700;display:flex}.bottom-nav{z-index:60;right:max(10px,50vw - 350px);bottom:max(8px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#121716f4;border:1px solid #544b3e;border-radius:16px;grid-template-columns:repeat(5,1fr);padding:7px;display:grid;position:fixed;left:max(10px,50vw - 350px);box-shadow:0 12px 36px #000a}.bottom-nav button{color:#848d87;background:0 0;border:0;border-radius:10px;align-content:center;place-items:center;gap:3px;min-height:58px;display:grid}.bottom-nav button.active{color:#f1d593;background:#453822}.bottom-nav svg{width:22px}.bottom-nav span{font-size:9px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080b0be8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.character-modal{background:#111817;border:1px solid #6b583e;border-radius:18px;grid-template-columns:minmax(210px,.8fr) 1fr;gap:18px;width:min(100%,620px);max-height:92dvh;padding:20px;display:grid;position:relative;overflow:auto;box-shadow:0 30px 80px #000}.modal-close{z-index:3;color:#f3e8d3;background:#111d;border:1px solid #7b6746;border-radius:999px;padding:8px 12px;position:absolute;top:10px;right:10px}.modal-copy{align-self:center}.modal-copy>small{color:#ba995b}.modal-copy h2{margin:8px 0;font-size:35px}.modal-copy p{color:#b9bdb7;line-height:1.8}.modal-copy dl{gap:10px;display:grid}.modal-copy dl div{background:#1a211f;border-radius:8px;padding:10px}.modal-copy dt{color:#7f8b85;font-size:10px}.modal-copy dd{margin:4px 0 0}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(-900deg)scale(.8)}to{transform:rotate(0)scale(1)}}@keyframes dice-toss{0%{opacity:0;transform:translateY(-28px)rotate(280deg)scale(.5)}70%{transform:translateY(4px)rotate(-12deg)scale(1.08)}to{opacity:1;transform:none}}@keyframes foil{0%,60%{transform:translate(-100%)}85%,to{transform:translate(100%)}}@media (width<=560px){main{padding:12px 10px 112px}.app-header{align-items:flex-start}.pack-button{padding:9px;font-size:11px}.hero-panel{grid-template-columns:1fr;min-height:480px;padding:30px 22px}.hero-orbit{opacity:.5;width:180px;bottom:-24px;right:-38px;position:absolute!important}.faction-grid,.aspect-table{grid-template-columns:1fr}.aspect-table div{grid-template-columns:55px 1fr;align-items:center}.aspect-table small{grid-column:2}.roadmap{grid-template-columns:1fr}.chapter-tabs button{font-size:0}.chapter-tabs button span{font-size:18px}.story-book{min-height:500px;padding:26px 20px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deck-slots{grid-template-columns:repeat(4,1fr)}.hand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-stage{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);gap:6px;min-height:520px;padding:18px 10px 24px}.stage-vs{flex-direction:column;padding-top:118px}.roulette-row,.dice-row,.calculation-row{gap:12px}.roulette i{width:82px}.roulette b{margin-top:-61px}.roulette small{margin-top:40px;font-size:10px}.character-modal{grid-template-columns:1fr;padding:18px}.character-modal .fate-card{width:min(100%,320px);margin:auto}}@media (width<=370px){.brand small{display:none}.brand h1{font-size:21px}.pack-button{font-size:0}.pack-button svg{margin:0}.battle-name{font-size:11px}.battle-score{padding:8px}.battle-score small{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation:none!important}}