:root{--ground:#f4f8fe;--raised:#fff;--line:#e3ebf7;--line-2:#c9d6ea;--fg:#1d2a4a;--fg-2:#5b6b8a;--fg-3:#8d9ab5;--accent:#ff5a7a;--accent-press:#f0436a;--on-accent:#fff;--grad:linear-gradient(90deg, #ff8a3d, #ff4d8d);--gold:#e79a00;--sun:#ffc83d;--sun-grad:linear-gradient(135deg, #ffd84d, #ff9f1c);--blue:#3b82f6;--sky:#4fb3ff;--green:#10b981;--mint:#2fd4a6;--danger:#ef4444;--shadow:0 8px 24px #2b6cb024;--shadow-sm:0 4px 12px #2b6cb01f;--tab-h:64px;--display:"M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Hiragino Sans", sans-serif;--latin:"Rajdhani", "M PLUS Rounded 1c", sans-serif;--gothic:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Noto Sans CJK JP", "Yu Gothic UI", -apple-system, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;accent-color:var(--accent)}.sheet{--ground:#eceef1;--raised:#fff;--line:#d3d7dd;--line-2:#b9bec6;--fg:#121418;--fg-2:#59606a;--fg-3:#9aa0a8;--green:#0e8a6a;--danger:#d23c31;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--ground);color:var(--fg);border-radius:20px 20px 0 0;flex-direction:column;gap:20px;margin:8px -16px 0;padding:24px 16px 32px;display:flex}*{box-sizing:border-box}html,body{background:var(--ground);color:var(--fg);font-family:var(--gothic);letter-spacing:.04em;-webkit-text-size-adjust:100%;overflow-wrap:anywhere;line-break:strict;margin:0;font-size:16px;line-height:1.8}button,input,select,textarea{font:inherit;letter-spacing:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}h1,h2,h3,.display,.title-font{font-family:var(--display);font-feature-settings:"palt" 1;word-break:normal;line-break:strict;text-wrap:pretty;margin:0;font-weight:700}@supports (word-break:auto-phrase){h1,h2,h3,.display{word-break:auto-phrase}}h1{letter-spacing:.04em;font-size:24px;line-height:1.35}h2{letter-spacing:.04em;font-size:18px;line-height:1.45}.display{letter-spacing:.04em;font-size:30px;line-height:1.3}@media (width<=340px){.display{font-size:26px}}.app{min-height:100dvh;padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom) + 24px)}.page{max-width:520px;margin:0 auto;padding:16px 16px 0}.page.wide{max-width:960px}.stack{flex-direction:column;gap:16px;display:flex}.row{align-items:center;gap:8px;display:flex}.between{justify-content:space-between}.muted{color:var(--fg-2)}.caption{color:var(--fg-2);font-size:13px;line-height:1.6}.small{font-size:12px;font-weight:500;line-height:1.5}.num{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap;flex:none}.card{background:var(--raised);border:1px solid var(--line);border-radius:14px;padding:18px}.card h2+p,.card h1+p{margin-top:8px}.card p{margin:0}.btn{border:1px solid var(--fg);background:var(--fg);min-height:52px;color:var(--ground);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-weight:700;text-decoration:none;display:inline-flex}.btn:active{opacity:.85}.btn.accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.accent:active{background:var(--accent-press);opacity:1}.btn.secondary{color:var(--fg);border-color:var(--line-2);background:0 0}.btn.danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn.small-btn{width:auto;min-height:44px;padding:8px 14px;font-size:14px}.btn:disabled{opacity:.45;cursor:default}.input,.textarea,.select{background:var(--raised);border:1px solid var(--line-2);border-radius:10px;width:100%;padding:12px 14px;font-size:16px}.input::placeholder,.textarea::placeholder{color:var(--fg-3)}.input:focus,.textarea:focus,.select:focus{border-color:var(--fg);outline:none}.textarea{resize:vertical;min-height:96px;line-height:1.7}.tag{border:1px solid var(--line-2);color:var(--fg-2);font-feature-settings:"palt" 1;white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;line-height:1.5;display:inline-block}.tag.accent,.tag.warn{border-color:var(--accent);color:var(--accent)}.tag.gold{border-color:var(--gold);color:var(--gold)}.tag.fog{color:var(--fg-3)}.stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat{border-top:1px solid var(--line);padding:10px 0 0}.stat .value{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1.2}.notice{border-left:2px solid var(--accent);padding:4px 0 4px 14px}.notice p{margin:0}.ruled{border-top:1px solid var(--line);flex-direction:column;display:flex}.ruled>*{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;min-width:0;padding:12px 0;text-decoration:none;display:flex}.ruled .side{color:var(--fg-3);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:13px}.section-title{font-family:var(--display);letter-spacing:.04em;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.section-title .caption{font-family:var(--gothic);font-weight:400}.tabs{height:calc(var(--tab-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--ground);border-top:1px solid var(--line);z-index:20;display:flex;position:fixed;bottom:0;left:0;right:0}.tabs a{color:var(--fg-3);font-feature-settings:"palt" 1;white-space:nowrap;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.tabs svg{width:24px;height:24px}.now{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:12px 0 24px;display:flex}.now-label{letter-spacing:.08em;color:var(--accent);font-size:12px;font-weight:700}.now-label.gold{color:var(--gold)}.now-where{font-family:var(--display);color:var(--fg-2);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.now-where svg{color:var(--accent)}.now p{margin:0}.now .btn{margin-top:6px}.journey{border-bottom:1px solid var(--line);flex-direction:column;gap:14px;padding:20px 0 22px;display:flex}.journey-head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.lv{color:var(--fg-2);align-items:baseline;gap:6px;font-size:13px;display:flex}.lv b{font-family:var(--display);color:var(--gold);font-variant-numeric:tabular-nums;font-size:40px;line-height:1}.days{text-align:right;color:var(--fg-2);font-size:12px;line-height:1.4}.days b{font-family:var(--display);color:var(--fg);font-size:20px;display:block}.band{-webkit-tap-highlight-color:transparent;grid-template-columns:repeat(3,minmax(0,1fr));text-decoration:none;display:grid}.band-stop{text-align:center;flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.band-stop:before,.band-stop:after{content:"";border-top:1px solid var(--fg-2);width:calc(50% - 22px);position:absolute;top:22px}.band-stop:before{left:0}.band-stop:after{right:0}.band-stop.in-dashed:before,.band-stop.out-dashed:after{border-top:1px dashed var(--fg-3)}.band-stop.first:before,.band-stop.last:after{display:none}.band-name{font-family:var(--display);letter-spacing:.02em;font-size:13px;font-weight:700;line-height:1.35}.band-stop.far .band-name{color:var(--fg-3)}.band-state{color:var(--fg-3);white-space:nowrap;font-size:12px;line-height:1.3}.band-stop.done .band-state{color:var(--gold)}.band-stop.here .band-state{color:var(--accent)}.seal{background:var(--ground);border:1px solid var(--line-2);width:44px;height:44px;color:var(--fg-3);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.seal.done{border-color:var(--gold);color:var(--gold)}.seal.here{border:2px solid var(--accent);color:var(--accent)}.seal.here:after{content:"";border:1px solid var(--accent);opacity:.4;border-radius:50%;position:absolute;inset:-8px}.atlas-goal{flex-direction:column;gap:2px;padding:4px 0 8px;display:flex}.atlas-goal a{color:var(--fg-2)}.atlas{margin:0 -16px;padding-bottom:8px}.atlas-row{height:96px;position:relative}.atlas-row .road{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.road path{fill:none;stroke:var(--fg-2);stroke-width:1.2px}.road path.dashed{stroke:var(--fg-3);stroke-dasharray:3 5}.atlas-node{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;position:absolute;top:48px;transform:translate(-50%,-50%)}.atlas-label{text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;gap:1px;padding:0;line-height:1.4;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.atlas-label.right{left:calc(50% + 10px);right:16px}.atlas-label.left{text-align:right;align-items:flex-end;left:16px;right:calc(50% + 10px)}.atlas-label .nm{font-family:var(--display);letter-spacing:.04em;font-size:17px;font-weight:700}.atlas-label .sub{color:var(--fg-2);font-size:12px}.atlas-label .st{color:var(--fg-3);font-size:12px;font-weight:700}.atlas-row.far .nm,.atlas-row.far .sub{color:var(--fg-3)}.atlas-row.done .st{color:var(--gold)}.atlas-row.here .st{color:var(--accent)}.atlas-between{padding:6px 16px;position:relative}.atlas-between:before{content:"";border-left:1px solid var(--fg-2);position:absolute;top:0;bottom:0;left:50%}.atlas-between.dashed:before{border-left:1px dashed var(--fg-3)}.atlas-detail{background:var(--raised);border:1px solid var(--line);border-radius:14px;padding:6px 14px;position:relative}.atlas-start{text-align:center;height:44px;color:var(--fg-3);padding-top:20px;font-size:12px;position:relative}.atlas-start:before{content:"";border-left:1px solid var(--fg-2);height:16px;position:absolute;top:0;left:50%}.quests{flex-direction:column;display:flex}.quest{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:44px;text-decoration:none;display:flex}.quest:last-child{border-bottom:none}.dot{border:1px solid var(--line-2);width:20px;height:20px;color:var(--fg-3);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.quest.cleared .dot{background:var(--gold);border-color:var(--gold);color:var(--ground)}.quest.current .dot{background:var(--accent);border-color:var(--accent)}.quest.next .dot{border:2px solid var(--accent)}.quest.draft .dot{border-style:dashed}.quest.skipped .dot{background:var(--line-2);border-color:var(--line-2)}.quest .t{flex:1;min-width:0;font-size:14px;line-height:1.5}.quest.locked .t,.quest.draft .t{color:var(--fg-3)}.quest.current .t{font-weight:700}.choice{text-align:left;border:1px solid var(--line);background:var(--raised);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;width:100%;min-height:52px;padding:12px 16px;line-height:1.6;display:block}.choice.right{border:2px solid var(--green)}.choice.wrong{color:var(--fg-3);background:0 0}.explain{border-left:2px solid var(--line-2);margin:0;padding:4px 0 4px 12px}.q-head{color:var(--fg-2);justify-content:space-between;gap:8px;font-size:13px;display:flex}.player{aspect-ratio:16/9;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#000;border-radius:12px;width:100%;position:relative;overflow:hidden}.player video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.player .mark{color:#fff;opacity:.28;pointer-events:none;white-space:nowrap;letter-spacing:.06em;text-shadow:0 0 2px #0009;font-size:12px;position:absolute}.player .bar{color:#fff;background:linear-gradient(#0000,#0000008c);align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.player .bar span{white-space:nowrap;flex:none}.player .bar button{color:#fff;cursor:pointer;background:0 0;border:none;flex:none;min-width:40px;min-height:40px;padding:0;font-weight:700}.player .bar input[type=range]{min-width:0;accent-color:var(--accent);flex:1}.player .center{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.player .center span{background:var(--accent);width:64px;height:64px;color:var(--on-accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.player.full{z-index:50;aspect-ratio:auto;border-radius:0;position:fixed;inset:0}.player.full.rotate{width:100dvh;height:100dvw;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(90deg)}.ep-head{flex-direction:column;gap:4px;display:flex}.ep-where{font-family:var(--display);color:var(--fg-2);letter-spacing:.04em;font-size:13px;font-weight:700}.back{min-height:44px;color:var(--fg-2);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;padding:0 4px 0 0;font-size:14px;display:inline-flex}.overlay{z-index:60;background:var(--ground);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.overlay .panel{text-align:center;flex-direction:column;gap:18px;width:100%;max-width:400px;display:flex}.overlay .panel p{margin:0}.clear-tag{font-family:var(--display);letter-spacing:.24em;color:var(--gold);font-size:17px;font-weight:700}.overlay .level{font-family:var(--display);color:var(--fg-2);justify-content:center;align-items:baseline;gap:8px;font-size:15px;display:flex}.overlay .level b{color:var(--gold);font-variant-numeric:tabular-nums;font-size:72px;font-weight:700;line-height:1;animation:.6s ease-out both rise}.arrived{flex-direction:column;align-items:center;gap:6px;display:flex}.arrived svg{color:var(--gold)}.arrived svg path{animation:.9s ease-out .25s both draw}.arrived .nm{font-family:var(--display);font-size:20px;font-weight:700}.tomorrow{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:2px;padding:12px 0;display:flex}.tomorrow b{font-family:var(--display);font-size:17px}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.overlay .level b,.arrived svg path{animation:none}}.list{flex-direction:column;gap:8px;display:flex}.list .item{background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:12px 14px;text-decoration:none;display:block}.segmented{border:1px solid var(--line-2);border-radius:12px;gap:3px;padding:3px;display:flex}.segmented button{white-space:nowrap;min-height:40px;color:var(--fg-2);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:auto;padding:0 8px;font-size:13px;font-weight:700}.stamps{flex-wrap:wrap;gap:8px;display:flex}.stamps button{border:1px solid var(--line-2);background:var(--raised);cursor:pointer;border-radius:10px;min-width:48px;min-height:44px;font-size:20px}.stamps button.on{border:2px solid var(--fg)}.center-screen{flex-direction:column;justify-content:center;min-height:80dvh;display:flex}.terms{max-height:46dvh;font-size:14px;line-height:1.8;overflow:auto}.terms ol{margin:8px 0 0;padding-left:1.4em}hr{border:none;border-top:1px solid var(--line);margin:4px 0}details summary{cursor:pointer;font-weight:700}.ep-sheet{margin-bottom:calc(-1 * (var(--tab-h) + env(safe-area-inset-bottom) + 24px));padding-bottom:calc(40px + var(--tab-h) + env(safe-area-inset-bottom) + 24px);min-height:50dvh}.news{border-top:1px solid var(--line);flex-direction:column;display:flex}.news-item{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding:16px 0 20px;display:flex}.news-item p{white-space:pre-wrap;margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tabs a{letter-spacing:0;font-size:12px}.avatar{background:var(--raised);border:1.5px solid;border-radius:50%;flex:none;place-items:center;display:inline-grid}.avatar.photo{border:1px solid var(--line-2);object-fit:cover}.avatars{padding-left:8px;display:flex}.avatars .avatar{box-shadow:0 0 0 2px var(--ground);margin-left:-8px}.gate{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:78dvh;display:flex}.gate h1{font-size:22px}.gate p{max-width:22em;margin:0}.gate .btn{width:auto;min-width:240px}.gate-seal{border:1.5px solid var(--gold);width:96px;height:96px;color:var(--gold);border-radius:50%;flex:none;place-items:center;display:grid}.guild-head{align-items:center;gap:16px;padding-top:8px;display:flex}.guild-seal{border:1.5px solid var(--gold);width:68px;height:68px;color:var(--gold);border-radius:50%;flex:none;place-items:center;display:grid}.person-row{align-items:center!important}.person-main{flex-direction:column;flex:1;min-width:0;line-height:1.45;display:flex}.person-main b{font-size:14.5px}.members{border-top:1px solid var(--line);flex-direction:column;display:flex}.member{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px;padding:14px 0;display:grid}.member-body{flex-direction:column;gap:3px;min-width:0;display:flex}.member-name{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.member-name b{font-family:var(--display);letter-spacing:.04em;margin-right:2px;font-size:16.5px}.member-name .tag{padding:0 7px;font-size:12px}.member-meta{color:var(--fg-2);gap:10px;font-size:12.5px;display:flex}.member-meta .rank,.rank-text{color:var(--gold);font-weight:700}.member-region{color:var(--fg-3);align-items:center;gap:5px;font-size:12px;display:flex}.member-region svg{color:var(--fg-2)}.member-motto{color:var(--fg-2);margin:4px 0 0;font-size:12.5px;line-height:1.6}.member-motto:before{content:"「"}.member-motto:after{content:"」"}.cleared-badge{color:var(--ground);background:var(--gold);white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;line-height:1}.guild-today{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 0;text-decoration:none;display:flex}.guild-today-text{flex-direction:column;gap:2px;min-width:0;display:flex}.guild-today-text b{font-size:14px}.lv .rank-badge{align-self:center;margin-left:10px}.guild-card{background:var(--raised);border:1px solid var(--line-2);border-radius:16px;flex-direction:column;gap:16px;padding:16px 18px 18px;display:flex}.guild-card>.btn{align-self:flex-start}.guild-card-head{font-family:var(--display);letter-spacing:.1em;color:var(--fg-2);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding-bottom:10px;font-size:12px;font-weight:700;display:flex}.guild-card-head svg{color:var(--gold)}.guild-card-head{flex-wrap:wrap;row-gap:2px}.guild-card-head span{white-space:nowrap}.guild-card-head span:last-child:not(:nth-child(2)){font-family:var(--gothic);letter-spacing:0;margin-left:auto;font-size:12px;font-weight:400}.guild-card-who{align-items:center;gap:16px;display:flex}.rank-badge{font-family:var(--display);letter-spacing:.06em;color:var(--gold);border:1px solid var(--gold);white-space:nowrap;border-radius:4px;align-self:flex-start;padding:2px 8px;font-size:12px;font-weight:700;line-height:1.4;display:inline-block}.guild-card-name{font-family:var(--display);letter-spacing:.04em;font-size:24px;font-weight:700;line-height:1.3}.guild-card-motto{color:var(--fg-2);font-size:13px;line-height:1.6}.guild-card-nums{border-top:1px solid var(--line);align-items:flex-end;gap:22px;padding-top:12px;display:flex}.guild-card-nums .days{text-align:left}.editor{border-bottom:1px solid var(--line);padding:4px 0 8px}.crest-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.crest-choice{aspect-ratio:1;border:1px solid var(--line-2);background:var(--raised);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;place-items:center;padding:0;display:grid}.crest-choice.on{background:var(--ground);border:2px solid}.color-row{flex-wrap:wrap;gap:8px;display:flex}.color-choice{border:1px solid var(--line-2);min-height:36px;color:var(--fg-2);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}.color-choice i{border-radius:50%;width:14px;height:14px;display:block}.color-choice.on{border-color:var(--fg);color:var(--fg)}.btn.picked{border-color:var(--gold);color:var(--gold)}.region-strip{flex-wrap:wrap;gap:10px;text-decoration:none;display:flex}.region-strip .seal{width:38px;height:38px}.region-strip .seal svg{width:20px;height:20px}.region-strip .seal.here:after{inset:-6px}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:0 16px;margin:0;display:grid}.stat-grid div{border-top:1px solid var(--line);min-width:0;padding:10px 0 12px}.stat-grid dt{color:var(--fg-2);font-size:12px;line-height:1.4}.stat-grid dd{font-family:var(--display);margin:2px 0 0;font-size:24px;font-weight:700;line-height:1.2}.setting{cursor:pointer;min-height:60px;align-items:center!important}.switch{appearance:none;background:var(--line-2);cursor:pointer;border-radius:999px;flex:none;width:46px;height:28px;margin:0;transition:background .2s;position:relative}.switch:after{content:"";background:var(--fg);border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(18px)}@media (prefers-reduced-motion:reduce){.switch,.switch:after{transition:none}}.thumb{aspect-ratio:16/9;background:var(--raised);border:1px solid var(--line);border-radius:10px;width:100%;display:block;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.thumb-empty{color:var(--fg-3);place-items:center;display:grid;position:absolute;inset:0}.thumb-play{background:var(--accent);border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}.thumb-play:after{content:"";border-left:18px solid var(--on-accent);border-top:11px solid #0000;border-bottom:11px solid #0000;position:absolute;top:17px;left:22px}.thumb-time{color:var(--fg);background:#121418d6;border-radius:4px;padding:4px 6px;font-size:12px;font-weight:700;line-height:1;position:absolute;bottom:6px;right:6px}.now-thumb{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:100%;margin:0 0 6px;padding:0;display:block}.lib-today{border-bottom:1px solid var(--line);gap:10px;padding-bottom:20px;text-decoration:none;display:grid}.lib-today-text{flex-direction:column;gap:3px;display:flex}.lib-today-text b{font-size:21px;line-height:1.35}.lib-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;display:grid}.lib-item{flex-direction:column;gap:6px;min-width:0;text-decoration:none;display:flex}.lib-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.rules-sheet{border-radius:20px;margin:0 -16px}.rules-head{text-align:center;flex-direction:column;align-items:center;gap:6px;padding-top:8px;display:flex}.rules-head h1{font-size:26px}.rules{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.rules li{border-bottom:1px solid var(--line);grid-template-columns:4.4em minmax(0,1fr);column-gap:12px;padding:16px 0;display:grid}.rule-no{font-family:var(--display);color:var(--fg-2);white-space:nowrap;grid-row:span 2;padding-top:2px;font-size:14px;font-weight:700}.rules h3{font-size:17px;line-height:1.45}.rules p{margin:4px 0 0;font-size:15px;line-height:1.85}.oath{flex-direction:column;gap:14px;padding-top:8px;display:flex}.oath-line{font-family:var(--display);text-align:center;border-bottom:1px solid var(--fg);flex-direction:column;align-items:center;gap:2px;margin:0;padding-bottom:12px;font-size:15px;font-weight:700;display:flex}.oath-line b{letter-spacing:.06em;font-size:24px}.welcome{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.welcome .gate-seal{width:84px;height:84px;margin-bottom:6px}.welcome p{margin:0}.steps{counter-reset:step;margin:0;padding:0;list-style:none}.steps li{counter-increment:step;border-top:1px solid var(--line);grid-template-columns:36px minmax(0,1fr);column-gap:12px;padding:14px 0;display:grid}.steps li:before{content:counter(step);font-family:var(--display);color:var(--gold);grid-row:span 2;font-size:24px;font-weight:700;line-height:1.1}.steps b{font-size:15px}.steps span{font-size:14px;line-height:1.7}.avatar{background:var(--ground);border-style:solid;border-width:2px;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.emblem{object-fit:cover;border-radius:50%;flex:none;display:block}.gate-seal,.guild-seal{overflow:hidden}.gate-seal .emblem,.guild-seal .emblem{width:100%;height:100%}.crest-choice{background:var(--ground);border-width:2px;border-color:#0000;overflow:hidden}.crest-choice img{object-fit:cover;width:100%;height:100%;display:block}.crest-choice.on{border-color:currentColor}.seal{border-width:1.5px;width:52px;height:52px}.seal.big{width:60px;height:60px}.seal img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.band-stop:before,.band-stop:after{width:calc(50% - 26px);top:26px}.arrived-art{border:2px solid var(--gold);object-fit:cover;border-radius:50%;width:128px;height:128px;animation:.9s ease-out .2s both reveal}@keyframes reveal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.arrived-art{animation:none}}.urgent-none{border-bottom:1px solid var(--line);color:var(--fg-2);align-items:center;gap:10px;padding:12px 0;font-size:14px;font-weight:700;display:flex}.urgent-none .caption{margin-left:auto}.urgent{border:1.5px solid var(--accent);background:var(--raised);border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex}.urgent-head{align-items:center;gap:10px;display:flex}.urgent-head img{border-radius:50%}.urgent-label{font-family:var(--display);letter-spacing:.16em;color:var(--accent);font-size:16px;font-weight:700}.urgent-head .tag{margin-left:auto}.btn.urgent-btn{border-color:var(--accent);color:var(--accent);background:0 0}.master-label{letter-spacing:.08em;color:var(--gold);font-size:12px;font-weight:700}.master-words{border-left:2px solid var(--gold);flex-direction:column;gap:2px;padding:2px 0 2px 12px;display:flex}.master-words p{white-space:pre-wrap;margin:0}.news-item.master{border:1px solid var(--gold);background:var(--raised);border-radius:14px;margin:12px 0;padding:16px}.master-head{align-items:center;gap:10px;display:flex}.master-head img{border-radius:50%}.master-head .caption{margin-left:auto}.kind-row{gap:8px;display:grid}.kind-choice{text-align:left;border:1px solid var(--line-2);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.kind-choice img{border-radius:50%;flex:none}.kind-choice span{flex-direction:column;line-height:1.45;display:flex}.kind-choice.on{border:2px solid var(--fg)}.kind-choice.master.on{border-color:var(--gold)}.kind-choice.master.on b{color:var(--gold)}.confirm{border:1px solid var(--accent);border-radius:12px;padding:12px 14px}.confirm p{margin:0}.segmented{scrollbar-width:none;overflow-x:auto}.avatar.initial{border:1.5px solid var(--line-2);background:var(--raised);color:var(--fg-2);font-family:var(--display);place-items:center;font-weight:700;display:inline-grid}.guild-card{position:relative;overflow:hidden}.guild-card.has-art{min-height:400px}.guild-card.has-art:before{content:"";pointer-events:none;background:radial-gradient(at 62% 58%,#ffd23f1a,#0000 62%);position:absolute;inset:44px 0 0 30%}.guild-card.rank-s{border-color:var(--gold)}.job-art{object-fit:contain;object-position:bottom right;pointer-events:none;z-index:0;width:auto;max-width:56%;height:calc(100% - 52px);max-height:440px;position:absolute;bottom:0;right:-6px}.guild-card-body{z-index:1;flex-direction:column;gap:4px;min-width:0;max-width:58%;display:flex;position:relative}.guild-card.has-art .guild-card-nums,.guild-card.has-art>.btn{z-index:1;position:relative}@media (width<=359px){.job-art{max-width:66%;right:-16px}}.guild-card.has-art>.btn{background:var(--raised)}.guild-card.has-art .guild-card-nums{flex-wrap:wrap;gap:8px 16px;max-width:58%}.guild-card-who{gap:12px}.rank-badge.big{padding:3px 10px;font-size:15px}.job-name{font-family:var(--display);color:var(--gold);letter-spacing:.08em;margin-top:6px;font-size:15px;font-weight:700}.rank-ladder{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.rank-ladder li{border:1px solid var(--line-2);color:var(--fg-3);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 0 6px;display:flex}.rank-ladder b{font-family:var(--display);font-size:20px;line-height:1}.rank-ladder span{font-size:12px}.rank-ladder li.done{border-color:var(--line-2);color:var(--fg-2)}.rank-ladder li.now{border:2px solid var(--gold);color:var(--gold)}.member-meta .job{color:var(--fg);font-weight:700}.member-meta .job.up{color:var(--gold)}.home-job{font-family:var(--display);color:var(--fg-2);align-self:center;margin-left:6px;font-size:13px;font-weight:700}.panel.promo .promo-art{object-fit:contain;align-self:center;width:auto;max-width:100%;height:300px;animation:.9s ease-out .2s both reveal}.promo-names{justify-content:center;align-items:baseline;gap:10px;margin:0;font-size:18px;display:flex}.promo-names .arrow{color:var(--fg-3);font-size:13px}.promo-names b{color:var(--gold);font-size:28px}@media (prefers-reduced-motion:reduce){.panel.promo .promo-art{animation:none}}::view-transition-old(root){animation-duration:.18s}::view-transition-new(root){animation-duration:.18s}.tabs{view-transition-name:tabs}.movie{z-index:80;background:#13181c;place-items:center;display:grid;position:fixed;inset:0}.movie-video{object-fit:contain;background:#13181c;width:100%;height:100%}.movie-title{background:radial-gradient(ellipse at 50% 42%, #ffd23f1f, transparent 60%), var(--ground);color:var(--fg);cursor:pointer;border:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:.8s ease-out both rise;display:flex;position:absolute;inset:0}.movie-name{letter-spacing:.12em;font-size:40px}.movie-tap{letter-spacing:.2em;color:var(--gold);margin-top:28px;font-size:15px;font-weight:700}.movie-skip{top:calc(env(safe-area-inset-top) + 12px);min-height:40px;color:var(--fg);background:#12141899;border:1px solid #e9e7e166;border-radius:999px;padding:0 14px;font-size:13px;font-weight:700;position:absolute;right:12px}.charsel{z-index:70;background:radial-gradient(ellipse at 50% 40%, #ffd23f1a, transparent 58%), var(--ground);padding:calc(env(safe-area-inset-top) + 12px) 16px calc(env(safe-area-inset-bottom) + 16px);flex-direction:column;gap:12px;max-width:520px;margin:0 auto;display:flex;position:fixed;inset:0;overflow-y:auto}.charsel>*{flex-shrink:0}.charsel-head{align-items:center;gap:10px;display:flex}.charsel-head .back{margin-left:auto}.charsel-tag{font-family:var(--display);letter-spacing:.3em;color:var(--gold);font-size:14px;font-weight:700}.charsel-plate{border-bottom:1px solid var(--line-2);align-items:baseline;gap:10px;padding-bottom:8px;display:flex}.charsel-plate b{letter-spacing:.06em;font-size:22px}.charsel-stage{touch-action:pan-y;flex:none;height:min(42vh,400px);min-height:240px;position:relative;overflow:hidden}.charsel-art{object-fit:contain;pointer-events:none;width:auto;max-width:100%;height:100%;margin:0 auto;animation:.28s ease-out both charsel-in;position:absolute;bottom:0;left:0;right:0}@keyframes charsel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.charsel-arrow{border:1px solid var(--line-2);width:44px;height:64px;color:var(--fg);background:#121418b3;border-radius:12px;font-size:30px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.charsel-arrow.prev{left:0}.charsel-arrow.next{right:0}.charsel-info{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.charsel-info h2{letter-spacing:.12em;margin:0;font-size:28px}.charsel-info p{margin:0;font-size:14px}.charsel-up{color:var(--gold);text-underline-offset:3px;background:0 0;border:none;min-height:36px;font-size:13px;font-weight:700;text-decoration:underline}.charsel-strip{scrollbar-width:none;gap:6px;padding:2px;display:flex;overflow-x:auto}.charsel-strip::-webkit-scrollbar{display:none}.charsel-strip button{border:1px solid var(--line-2);background:var(--raised);color:var(--fg-2);border-radius:10px;flex-direction:column;flex:0 0 64px;align-items:center;gap:2px;padding:4px 0 6px;font-size:12px;font-weight:700;display:flex}.charsel-strip img{object-fit:cover;object-position:center top;width:56px;height:56px}.charsel-strip button.on{border:2px solid var(--accent);color:var(--fg)}.charsel-error{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 84px);z-index:75;position:fixed}.oath-page{flex-direction:column;gap:20px;padding-bottom:32px;display:flex}.oath-head{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.oath-head h1{letter-spacing:.12em;margin:0;font-size:28px}.oath-head p{margin:0}.rules-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.rules-board li{border:1px solid var(--line-2);background:var(--raised);border-radius:14px;overflow:hidden}.rules-board li.open{border-color:var(--gold)}.rules-board button{width:100%;color:var(--fg);text-align:center;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;display:flex}.rules-board img{border-radius:12px;width:64px;height:64px;margin-bottom:4px}.rules-board .rule-no{color:var(--gold);letter-spacing:.1em;font-size:12px;font-weight:700}.rules-board b{font-size:16px}.rule-short{color:var(--fg-2);font-size:12.5px;line-height:1.6}.rule-body{margin:0;padding:0 12px 12px;font-size:13px;line-height:1.75}.oath-page .oath-line{border-bottom-color:var(--line-2)}.ceremony{z-index:70;background:radial-gradient(ellipse at 50% 38%, #ffd23f24, transparent 60%), var(--ground);padding:24px 16px calc(env(safe-area-inset-bottom) + 24px);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0;overflow-y:auto}.ceremony>.btn{width:100%;max-width:400px}.ceremony-card{border:1px solid var(--gold);background:var(--raised);text-align:left;border-radius:16px;width:100%;max-width:400px;min-height:300px;animation:.6s ease-out .1s both rise;position:relative;overflow:hidden}.ceremony-art{object-fit:contain;object-position:bottom right;max-width:58%;height:100%;position:absolute;bottom:0;right:-10px}.ceremony-body{flex-direction:column;align-items:flex-start;gap:6px;max-width:58%;padding:22px 18px;display:flex;position:relative}.ceremony-name{letter-spacing:.04em;font-size:22px;line-height:1.4}.ceremony-stamp{border:2px solid var(--gold);width:84px;height:84px;color:var(--gold);background:#12141899;border-radius:50%;place-items:center;animation:.42s cubic-bezier(.2,1.6,.4,1) .9s both stamp;display:grid;position:absolute;bottom:16px;left:16px}@keyframes stamp{0%{opacity:0;transform:scale(1.8)rotate(-18deg)}to{opacity:1;transform:rotate(-8deg)}}.ceremony-line{margin:0;font-size:18px;animation:.6s ease-out 1.3s both rise}.lobby-head{align-items:center;gap:8px;min-width:0;display:flex}.lobby-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.lobby-meta{color:var(--fg-2);white-space:nowrap;margin-left:auto;font-size:12px}.welcome-back{margin-top:10px}.welcome-back p{margin:0}.lobby{border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 74% 58%, #ffd23f1f, transparent 60%), linear-gradient(var(--ground), #16191e);flex-direction:column;justify-content:space-between;min-height:440px;margin:10px -16px 0;padding:18px 16px 16px;display:flex;position:relative;overflow:hidden}.lobby-art{object-fit:contain;object-position:bottom right;pointer-events:none;max-width:62%;height:calc(100% - 92px);max-height:460px;position:absolute;bottom:84px;right:-14px}.lobby-noart{color:var(--gold);flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.lobby-text{flex-direction:column;align-items:flex-start;gap:6px;max-width:60%;display:flex;position:relative}.lobby-title{font-family:var(--display);letter-spacing:.04em;text-shadow:0 0 12px var(--ground);margin:0;font-size:22px;font-weight:700;line-height:1.45}.lobby-cta{width:100%;margin-top:16px;position:relative}.urgent-bar{border:1.5px solid var(--accent);background:var(--raised);width:100%;color:var(--fg);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.urgent-bar.cleared{border-color:var(--line-2)}.urgent-bar-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.urgent-bar-text b{font-size:15px;line-height:1.5}.urgent-bar-msg{color:var(--fg-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;display:-webkit-box;overflow:hidden}.chev{color:var(--fg-3);font-size:20px}.urgent-none{border-bottom:none;padding:4px 0;font-size:13px}.week{flex-direction:column;gap:6px;display:flex}.week p{margin:0}.week-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.week-days li{color:var(--fg-3);flex-direction:column;align-items:center;gap:3px;font-size:12px;display:flex}.week-dot{border:1px solid var(--line-2);border-radius:8px;width:100%;height:28px}.week-days li.on .week-dot{background:var(--gold);border-color:var(--gold)}.week-days li.today{color:var(--fg);font-weight:700}.week-days li.today .week-dot{border:2px solid var(--accent)}.week-days li.future .week-dot{border-style:dashed}.friend-nudge{border:1px solid var(--line-2);background:var(--raised);border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.friend-nudge-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.friend-nudge .btn{flex:none}.player-cover{z-index:1;position:absolute;inset:0}.player .center.on-cover{z-index:2;justify-content:flex-end;align-items:flex-end;padding:0 14px 14px 0}.quest-cover{background:radial-gradient(circle at 82% 34%, #ffd23f24, transparent 55%), var(--ground);color:var(--fg);border:1px solid #6d5a2a;border-radius:12px;flex-direction:column;justify-content:flex-end;gap:6px;padding:14px 16px;display:flex;position:absolute;inset:0}.quest-cover.urgent{border-color:var(--accent)}.quest-cover-art{aspect-ratio:1;border-radius:50%;width:30%;max-width:120px;position:absolute;top:14px;right:14px}.quest-cover-where{letter-spacing:.12em;color:var(--gold);font-size:12px;font-weight:700;position:absolute;top:14px;left:16px;right:40%}.quest-cover-title{max-width:72%;font-family:var(--display);font-size:20px;line-height:1.45}.quest-cover-chips{flex-wrap:wrap;gap:6px;max-width:72%;display:flex}.quest-cover-chips span{border:1px solid var(--line-2);color:var(--fg-2);border-radius:999px;padding:0 9px;font-size:12px}.q-seals{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.q-seals li{border:1px dashed var(--line-2);background:var(--raised);color:var(--fg-2);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;font-size:12px;display:flex}.q-seals b{color:var(--fg-3);font-size:18px}.clear-panel{gap:14px}.clear-art{object-fit:contain;align-self:center;width:auto;max-width:100%;height:min(36vh,300px);animation:.7s ease-out .1s both reveal}.clear-level{font-family:var(--display);align-items:center;gap:10px;font-weight:700;display:flex}.clear-level .lv{color:var(--fg-2);font-size:15px}.clear-level .lv b{color:var(--gold);margin-left:2px;font-size:32px}.clear-bar{background:var(--line);border-radius:4px;flex:1;height:8px;overflow:hidden}.clear-bar i{background:var(--gold);transform-origin:0;height:100%;animation:.9s ease-out .5s both fill;display:block}.clear-art.small{height:min(24vh,200px)}@keyframes fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.clear-stats{border-top:1px solid var(--line);text-align:left;flex-direction:column;gap:6px;margin:0;padding-top:10px;display:flex}.clear-stats div{justify-content:space-between;font-size:14px;display:flex}.clear-stats dt{color:var(--fg-2)}.clear-stats dd{font-family:var(--display);color:var(--gold);margin:0;font-weight:700}.quest-opens{color:var(--fg-3);font-size:12px;font-weight:400;display:block}.load-fail{z-index:30;color:var(--fg);background:#3a1f1c;align-items:center;gap:10px;padding:10px 16px;font-size:13px;display:flex;position:sticky;top:0}.load-fail span{flex:1}.guild-card-btns{z-index:1;flex-wrap:wrap;gap:8px;position:relative}.guild-card.has-art .guild-card-btns .btn{background:var(--raised)}@media (prefers-reduced-motion:reduce){.movie-title,.charsel-art,.ceremony-card,.ceremony-stamp,.ceremony-line,.clear-art,.clear-bar i{animation:none}}html,body{background:radial-gradient(70px 26px at 12% 90px, #ffffffd9 60%, transparent 62%), radial-gradient(110px 34px at 86% 60px, #ffffffbf 60%, transparent 62%), linear-gradient(180deg, #8fd3ff 0, #c4e8ff 240px, #eaf6ff 480px, var(--ground) 720px) no-repeat, var(--ground)}h1,h2,h3,.display,.title-font{letter-spacing:.02em;font-weight:800}.lv b,.rank-ladder b,.stat .value,.num-latin{font-family:var(--latin);font-weight:700}.gold{color:var(--gold)}.card{box-shadow:var(--shadow);border:none;border-radius:20px}.btn{background:var(--fg);color:#fff;font-family:var(--display);letter-spacing:.04em;border:none;border-radius:16px;font-weight:800}.btn.accent{background:var(--grad);color:#fff;border-radius:999px;box-shadow:0 10px 22px #ff4d8d52,inset 0 -3px #0000001f}.btn.accent:active{background:var(--grad);transform:translateY(1px);box-shadow:0 6px 14px #ff4d8d4d,inset 0 -2px #0000001f}.btn.secondary{color:var(--fg);border:1.5px solid var(--line-2);box-shadow:var(--shadow-sm);background:#fff}.btn.danger{border:1.5px solid var(--danger);color:var(--danger);background:#fff}.input,.textarea,.select{border:1.5px solid var(--line-2);background:#fff;border-radius:14px}.input:focus,.textarea:focus,.select:focus{border-color:var(--sky)}.tag{color:var(--fg-2);background:#eef3fb;border:none}.tag.accent,.tag.warn{color:#e11d58;background:#ffe4ea}.tag.gold{color:#b26a00;background:#fff1cc}.notice{border-left:4px solid var(--accent);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;padding:10px 14px}.sheet{--ground:#f4f8fe;--raised:#fff;--line:#e3ebf7;--line-2:#c9d6ea;--fg:#1d2a4a;--fg-2:#5b6b8a;--fg-3:#8d9ab5;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -6px 24px #2b6cb01a}.tabs{background:#fff;border-top:none;border-radius:22px 22px 0 0;box-shadow:0 -6px 20px #2b6cb01f}.tabs a{color:var(--fg-3);font-weight:700}.tabs a.on{color:var(--accent)}.overlay,.charsel,.ceremony,.movie-title{background:radial-gradient(90px 30px at 18% 14%,#ffffffd9 60%,#0000 62%),radial-gradient(120px 36px at 84% 9%,#ffffffbf 60%,#0000 62%),linear-gradient(#8fd3ff 0%,#c4e8ff 34%,#f4f8fe 72%)}.movie,.movie-video{background:#eaf6ff}.movie-name{color:var(--fg);font-family:var(--display);font-weight:800}.movie-tap{color:#fff;background:var(--grad);letter-spacing:.12em;border-radius:999px;padding:10px 22px;box-shadow:0 10px 22px #ff4d8d52}.movie-skip{color:var(--fg);box-shadow:var(--shadow-sm);background:#ffffffd9;border:none}.gate-seal{background:0 0;border:none;width:104px;height:104px}.gate-seal .emblem,.guild-seal .emblem,.emblem{object-fit:contain;border-radius:0}.seal{box-shadow:var(--shadow-sm);background:#fff;border:2px solid #fff;overflow:visible}.seal img{object-fit:contain;border-radius:0;transform:scale(1.18)}.seal.done{border-color:var(--sun);box-shadow:0 0 0 3px #fff3c4, var(--shadow-sm)}.seal.here{border:2.5px solid var(--accent);box-shadow:0 0 0 4px #ffe4ea, var(--shadow-sm)}.seal.here:after{display:none}.seal.far{box-shadow:none;background:#eef3fb;border-color:#eef3fb}.seal.far img{filter:grayscale();opacity:.45}.arrived-art{object-fit:contain;border:none;border-radius:0}.lobby-head{box-shadow:var(--shadow);background:#fff;border-radius:999px;margin:0 -2px;padding:6px 12px 6px 6px}.lobby-head .rank-badge{background:var(--sun-grad);color:#fff;font-family:var(--latin);text-shadow:0 1px #b26a0080;border:none;border-radius:999px;padding:0 10px;font-size:14px}.lobby-meta{font-family:var(--latin);color:var(--blue);font-size:15px;font-weight:700}.lobby{background:0 0;border-bottom:none;margin-top:4px}.lobby-art{filter:drop-shadow(0 10px 18px #2b6cb038)}.lobby-text{box-shadow:var(--shadow);background:#fff;border-radius:24px;max-width:58%;padding:14px 14px 16px}.lobby-title{text-shadow:none;font-size:20px;line-height:1.4}.now-label{color:var(--blue);letter-spacing:.06em;background:#e8f2ff;border-radius:999px;padding:1px 10px;font-size:12px;display:inline-block}.now-label.gold{color:#b26a00;background:#fff1cc}.now-where{font-family:var(--gothic);color:var(--fg-2);font-size:13px}.lobby-cta{min-height:58px;font-size:18px}.lobby-noart{color:var(--accent)}.urgent-bar{background:linear-gradient(90deg,#fff3c4,#ffe08a);border:none;border-radius:20px;box-shadow:0 6px 16px #f59e0b40}.urgent-bar.cleared{box-shadow:var(--shadow-sm);background:#fff}.urgent-label{color:#b45309}.urgent-bar-msg{color:#7c5a14}.urgent-none{background:#ffffffb3;border-radius:14px;padding:8px 12px}.urgent-none img{filter:grayscale();opacity:.5;border-radius:0}.week{box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;padding:10px 12px 8px}.week-dot{background:#eef3fb;border:none;border-radius:12px;place-items:center;height:30px;display:grid}.week.compact .week-dot{height:28px}.week-days li.on .week-dot{background:var(--sun-grad);border:none}.week-days li.on .week-dot:after{content:"★";color:#fff;font-size:15px;line-height:1}.week-days li.today .week-dot{outline:3px solid var(--accent);outline-offset:-1px;border:none}.week-days li.future .week-dot{background:#f4f8fe;border:none}.week-days li.today{color:var(--accent)}.journey,.guild-today{box-shadow:var(--shadow-sm);background:#fff;border:none;border-radius:20px;margin-top:14px;padding:12px 14px}.ruled{box-shadow:var(--shadow-sm);background:#fff;border-top:none;border-radius:20px;padding:0 14px}.section-title{font-family:var(--display);font-weight:800}.guild-card{box-shadow:var(--shadow);background:#fff;border:none;border-radius:28px}.guild-card.has-art:before{background:linear-gradient(135deg,#a78bfa,#60a5fa);height:132px;inset:0 0 auto}.guild-card.rank-s{box-shadow:0 0 0 3px var(--sun), var(--shadow)}.guild-card-head{z-index:1;color:#fff;font-family:var(--display);border-bottom:none;position:relative}.guild-card.has-art .guild-card-head span:last-child:not(:nth-child(2)){color:#fffc}.job-art{filter:drop-shadow(0 10px 16px #2b6cb040)}.rank-badge.big{background:var(--sun-grad);color:#fff;font-family:var(--latin);border:none;border-radius:16px;padding:4px 12px;font-size:20px;box-shadow:0 4px #d97706}.job-name{font-family:var(--display);color:#7c3aed;background:#f3e8ff;border-radius:999px;align-self:flex-start;margin-top:8px;padding:1px 10px;font-size:13px}.guild-card-name{font-family:var(--display);font-weight:800}.guild-card-nums{border-top:none;gap:8px}.guild-card-nums>span{background:#f1f5fb;border-radius:14px;padding:6px 10px}.guild-card-nums .lv b{color:var(--fg)}.rank-ladder li{box-shadow:var(--shadow-sm);color:var(--fg-3);background:#fff;border:none;border-radius:14px}.rank-ladder li.done{color:var(--blue);border:none}.rank-ladder li.now{background:var(--sun-grad);color:#fff;border:none}.atlas svg path{stroke:var(--sky);stroke-width:2px;stroke-dasharray:2 7;stroke-linecap:round}.atlas svg path.dashed{stroke:#b9cbe6}.quests{box-shadow:var(--shadow);background:#fff;border:none;border-radius:18px}.quest-cover{color:var(--fg);background:radial-gradient(circle at 82% 30%,#fffc,#0000 50%),linear-gradient(135deg,#8fd3ff,#e0f2ff);border:none}.quest-cover.urgent{background:linear-gradient(135deg,#ffe08a,#fff3c4)}.quest-cover-art{object-fit:contain;filter:drop-shadow(0 6px 10px #2b6cb040);border-radius:0}.quest-cover-where{color:var(--blue)}.quest-cover-chips span{color:var(--fg-2);background:#fffc;border:none}.q-seals li{background:#f4f8fe;border:2px dashed #c9d6ea}.clear-tag{font-family:var(--display);color:var(--accent);letter-spacing:.16em;font-weight:800}.clear-level .lv b{color:#e79a00}.clear-bar{background:#e3ebf7}.clear-bar i{background:var(--sun-grad)}.clear-stats,.tomorrow{box-shadow:var(--shadow-sm);background:#fff;border:none;border-radius:18px;padding:10px 14px}.clear-stats dd{font-family:var(--latin);color:#e79a00;font-size:16px}.ceremony-card{box-shadow:0 0 0 3px var(--sun), var(--shadow);background:#fff;border:none}.ceremony-stamp{box-shadow:var(--shadow);background:#fff;border:none}.promo-names b{color:var(--accent)}.charsel-tag{font-family:var(--latin);color:var(--blue);letter-spacing:.2em}.charsel-plate{box-shadow:var(--shadow-sm);background:#fff;border:none;border-radius:16px;padding:8px 14px}.charsel-arrow{width:46px;height:46px;color:var(--accent);box-shadow:var(--shadow);background:#fff;border:none;border-radius:999px}.charsel-art{filter:drop-shadow(0 10px 18px #2b6cb040)}.charsel-up{color:var(--accent)}.charsel-strip button{box-shadow:var(--shadow-sm);background:#fff;border:none}.charsel-strip button.on{outline:3px solid var(--accent);outline-offset:-3px;border:none}.rules-board li{box-shadow:var(--shadow-sm);background:#fff;border:none;border-radius:20px}.rules-board li.open{outline:2.5px solid var(--accent)}.rules-board img{object-fit:contain;border-radius:0}.rules-board .rule-no{color:var(--blue)}.member{box-shadow:var(--shadow-sm);background:#fff;border:none;border-radius:20px}.member.me{outline:2.5px solid var(--sky)}.cleared-badge{background:var(--sun-grad);color:#fff;border:none}.master-label{color:#b26a00}.choice{border:1.5px solid var(--line-2);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px}.load-fail{color:#9f1239;background:#fff1f2}.segmented{box-shadow:var(--shadow-sm);background:#fff;border:none}.segmented button.on{background:var(--blue);color:#fff}@media (width<=359px){.lobby-text{max-width:66%}.lobby-title{font-size:17px}}:root{--tab-h:74px;--navy:#14224a;--navy-2:#1f3570;--gold-1:#ffe27a;--gold-2:#f5b52e;--gold-3:#b9770e;--panel-edge:#2f5ca8;--game-panel:linear-gradient(180deg, #fff 0%, #f1f7ff 100%)}body:has(.app-bg){background:0 0}.app-bg{z-index:-1;background:#eaf6ff;position:fixed;inset:0}.app-bg.bg-sky{background:linear-gradient(#eaf6ff59 0,#eaf6ffeb 190px,#eaf6ff 340px),url(/art/ui/bg-home.webp) top/100% no-repeat}.app-bg.bg-hall{background:linear-gradient(#14224a1a 0,#14224ab8 62%,#14224af0 100%),url(/art/ui/bg-partner.webp) top/cover no-repeat}.app-bg.bg-none{background:var(--ground)}.btn{font-family:var(--display);border-radius:18px;font-weight:900;transition:transform 80ms}.btn.accent{color:#fff;text-shadow:0 2px #8f15498c;background:linear-gradient(#ff9d4a 0%,#ff4d8d 100%);border:2px solid #fff;margin-bottom:8px;box-shadow:0 0 0 2px #b81f60,0 6px 0 2px #8f1549,0 12px 18px #8f154959}.btn.accent:active{transform:translateY(5px);box-shadow:0 0 0 2px #b81f60,0 1px 0 2px #8f1549}.btn.secondary{color:var(--navy-2);background:linear-gradient(#fff,#dfeeff);border:2px solid #fff;margin-bottom:6px;box-shadow:0 0 0 2px #7fa6dd,0 4px 0 2px #5b86c4}.btn.secondary:active{transform:translateY(3px);box-shadow:0 0 0 2px #7fa6dd,0 1px 0 2px #5b86c4}.btn.gold-btn{background:linear-gradient(180deg, var(--gold-1), var(--gold-2));color:#5b3200;box-shadow:0 0 0 2px var(--gold-3), 0 5px 0 2px #8a5707;border:2px solid #fff6cf;margin-bottom:8px}.btn.gold-btn:active{box-shadow:0 0 0 2px var(--gold-3), 0 1px 0 2px #8a5707;transform:translateY(4px)}.btn:disabled{filter:grayscale(.7);opacity:.7}.coin{font-family:var(--latin);align-items:center;gap:4px;font-weight:700;display:inline-flex}.section-title{color:var(--navy-2);padding-left:14px;font-weight:900;position:relative}.section-title:before{content:"";background:linear-gradient(180deg, var(--gold-1), var(--gold-2));width:6px;box-shadow:0 0 0 1px var(--gold-3);border-radius:3px;position:absolute;top:15%;bottom:15%;left:0}.ruled,.journey,.guild-today,.week,.card,.member,.urgent-none,.stat-grid,.rank-ladder li,.rules-board li,.lib-card{border:2px solid #fff;box-shadow:0 0 0 1.5px #9dbce6,0 5px 0 1.5px #bcd2ef}.ruled,.journey,.guild-today,.card{background:var(--game-panel)}.journey,.guild-today{margin-top:18px}.tabs{height:calc(var(--tab-h) + env(safe-area-inset-bottom));background:linear-gradient(180deg, #27448c 0%, var(--navy) 100%);border-top:2px solid var(--gold-2);border-radius:0;box-shadow:0 -4px 14px #14224a59}.tabs a{color:#c7d6f5;font-family:var(--display);background:0 0;gap:0;min-width:0;font-size:11px;font-weight:800;position:relative}.tabs a img{object-fit:contain;filter:saturate(.75)brightness(.92);width:38px;height:38px;transition:transform .12s}.tabs a.on{color:var(--gold-1);font-weight:900}.tabs a.on img{filter:none;transform:translateY(-3px)scale(1.12)}.tabs a.center img{filter:drop-shadow(0 3px #14224a99);width:56px;height:56px;margin-top:-22px}.tabs a.center.on img{transform:translateY(-3px)scale(1.08)}.tabs svg{width:30px;height:30px;margin:4px 0}.home{background:linear-gradient(180deg, #2c5a2c 0, #17305f 180px, var(--navy) 420px);min-height:100%}.stage{--stage-h:clamp(290px, calc(100svh - 334px), 620px);height:var(--stage-h);background:#6fb7ee url(/art/ui/bg-home.webp) bottom/cover no-repeat;position:relative;overflow:hidden}.stage:after{content:"";pointer-events:none;background:linear-gradient(#17305f00,#17305f);height:58px;position:absolute;inset:auto 0 0}.hud{z-index:3;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px 0;display:flex;position:relative}.hud-me,.hud-coin{border:2px solid var(--gold-2);color:#fff;background:linear-gradient(#1f3570f0,#14224af0);border-radius:26px;align-items:center;gap:8px;min-width:0;min-height:48px;padding:3px 12px 3px 4px;text-decoration:none;display:inline-flex;box-shadow:0 3px #14224a8c}.hud-who{flex-direction:column;min-width:0;line-height:1.25;display:flex}.hud-who b{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;max-width:34vw;font-size:13px;font-weight:800;overflow:hidden}.hud-meta{font-family:var(--latin);color:var(--gold-1);align-items:center;gap:5px;font-size:14px;font-weight:700;display:flex}.hud-meta .rank-badge{text-align:center;background:linear-gradient(180deg, var(--gold-1), var(--gold-2));color:#5b3200;border-radius:5px;min-width:18px;padding:0 4px;font-size:12px;font-style:normal;line-height:18px}.hud-coin{font-family:var(--latin);flex:none;gap:4px;padding:3px 14px 3px 6px;font-size:19px}.stage-mon{z-index:2;width:min(78vw, calc(var(--stage-h) * .68), 400px);position:absolute;bottom:19%;left:50%;transform:translate(-50%)}.mon{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:100%;padding:0;display:block;position:relative}.mon-art{transform-origin:50% 100%;filter:drop-shadow(0 10px 8px #14224a52);width:100%;height:auto;animation:2.8s ease-in-out infinite mon-breathe;display:block}.mon-art.hop{animation:.5s ease-out mon-hop,2.8s ease-in-out .5s infinite mon-breathe}.mon.egg .mon-art{width:46%;margin:0 auto;animation:3.2s ease-in-out infinite egg-wobble}.mon.mood-sleep .mon-art{filter:brightness(.82)saturate(.85)drop-shadow(0 10px 8px #14224a52);animation-duration:5s}.mon.mood-sick .mon-art{filter:hue-rotate(-14deg)saturate(.8)drop-shadow(0 10px 8px #14224a52);animation:1.4s ease-in-out infinite mon-shiver}.mon-over{pointer-events:none;position:absolute}.mon-over.sleep{bottom:-4%}@keyframes mon-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015,.975)}}@keyframes mon-hop{0%{transform:translateY(0)scale(1.05,.92)}45%{transform:translateY(-13%)scale(.97,1.04)}to{transform:translateY(0)scale(1)}}@keyframes egg-wobble{0%,70%,to{transform:rotate(0)}76%{transform:rotate(-5deg)}84%{transform:rotate(5deg)}92%{transform:rotate(-3deg)}}@keyframes mon-shiver{0%,to{transform:translate(0)}25%{transform:translate(-1.2%)}75%{transform:translate(1.2%)}}.mon-say{z-index:4;border:2.5px solid var(--navy-2);max-width:496px;color:var(--navy);pointer-events:none;background:#fffffff5;border-radius:14px;margin:0 auto;padding:7px 14px 9px;animation:.14s ease-out say-in;position:absolute;top:66px;left:12px;right:12px;box-shadow:0 3px #14224a73}.mon-say b{font-family:var(--display);color:#d9266b;font-size:11px;font-weight:900;display:block}.mon-say p{font-family:var(--display);margin:0;font-size:14px;font-weight:800;line-height:1.55}@keyframes say-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.stage-plate{z-index:3;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;bottom:44px;left:12px;right:12px}.plate{border:2px solid var(--gold-2);color:#fff;background:linear-gradient(#1f3570f5,#14224af5);border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:5px 16px 7px;line-height:1.3;text-decoration:none;display:inline-flex}.plate b{font-family:var(--display);font-size:16px;font-weight:900}.plate-note{color:var(--gold-1);font-size:12px;font-weight:700}.pips{gap:3px;display:inline-flex}.pips i{background:#ffffff38;border-radius:50%;width:9px;height:9px;box-shadow:inset 0 0 0 1px #ffffff73}.pips i.on{background:radial-gradient(circle at 35% 30%, #fff5c4, var(--gold-2));box-shadow:0 0 0 1px var(--gold-3)}.evolve-chip{box-shadow:0 0 0 2px var(--gold-3), 0 4px 0 2px #8a5707;color:#5b2c00;font-family:var(--display);background:linear-gradient(#ffe27a,#ff9d1f);border:2px solid #fff;border-radius:18px;padding:8px 14px;font-size:14px;font-weight:900;text-decoration:none;animation:1.6s ease-in-out infinite chip-pulse}@keyframes chip-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.home-rest{z-index:4;padding-top:0;padding-bottom:calc(var(--tab-h) + 48px + env(safe-area-inset-bottom));margin-top:-32px;position:relative}.home-rest .caption{color:var(--fg-2)}.home-rest>.notice{margin-bottom:10px}.home-rest>.stack>section>.section-title,.home-rest>section>.section-title{color:#fff}.home-rest .urgent-none{background:var(--game-panel)}.quest-card{background:var(--game-panel);border:3px solid var(--gold-2);min-height:0;box-shadow:0 0 0 2px #fff6cf inset, 0 6px 0 var(--gold-3), 0 14px 24px #0a122c73;border-radius:22px;flex-direction:column;gap:6px;padding:14px 16px 12px;display:flex}.quest-card .lobby-text{max-width:none;box-shadow:none;background:0 0;border-radius:0;grid-column:auto;padding:0}.quest-card .lobby-title{color:var(--navy);font-size:19px;font-weight:900;line-height:1.4}.quest-card .lobby-cta{grid-column:auto;width:100%;margin-top:6px}.quest-card .now-label{color:#d9266b;font-family:var(--display);font-weight:900}.partner{max-width:520px;padding:10px 14px calc(var(--tab-h) + 56px + env(safe-area-inset-bottom));color:#fff;margin:0 auto}.partner-head{justify-content:space-between;align-items:center;min-height:48px;display:flex}.partner-head h1{color:#fff;text-shadow:0 2px 0 var(--navy);font-size:24px;font-weight:900}.partner-head .coin{border:2px solid var(--gold-2);background:linear-gradient(#1f3570f5,#14224af5);border-radius:22px;padding:3px 14px 3px 6px;font-size:20px}.partner-stage{width:min(74vw,340px);margin:0 auto -6px;position:relative}.partner-stage .mon{z-index:1}.partner-with{background:linear-gradient(180deg, var(--gold-1), var(--gold-2));color:#5b3200;border-radius:10px;align-self:flex-start;padding:1px 10px;font-size:12px;font-weight:800}.partner-info{border:2px solid var(--gold-2);background:linear-gradient(#1f3570f7,#14224af7);border-radius:22px;flex-direction:column;gap:8px;padding:16px;display:flex;position:relative;box-shadow:0 8px 22px #00000059}.partner-series{color:#b9cdf3;font-size:12px;font-weight:700}.partner-name{color:#fff;font-size:24px;font-weight:900;line-height:1.3}.partner-form{color:var(--gold-1);align-items:center;gap:8px;font-size:14px;display:flex}.partner-desc{color:#e5edff;margin:0;font-size:14px;line-height:1.7}.partner-note{color:#c7d6f5;margin:0;font-size:13px}.partner-note.gold{color:var(--gold-1);font-weight:800}.form-strip{grid-template-columns:repeat(5,1fr);gap:6px;margin:4px 0;padding:0;list-style:none;display:grid}.form-strip li{aspect-ratio:1;background:#ffffffeb;border-radius:12px;place-items:center;display:grid;overflow:hidden}.form-strip li.now{box-shadow:0 0 0 2.5px var(--gold-2)}.form-strip img,.party-card .mon-thumb img,.book .mon-thumb img{object-fit:contain;transform-origin:50% 100%;width:100%;height:100%}.mon-thumb{aspect-ratio:1;width:100%;display:block;overflow:hidden}.form-strip li.next{background:#ffffff24}.form-strip li.next img{filter:brightness(0);opacity:.8}.form-strip li.unknown{color:#ffffff73;font-family:var(--latin);background:#ffffff1a;font-size:20px;font-weight:700}.evolve-btn,.gold-btn{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.evolve-btn .coin,.gold-btn .coin{text-shadow:none;background:#14224a40;border-radius:12px;padding:0 8px 0 3px;font-size:17px}.game-section{margin-top:22px}.game-title,.game-title-row h2{color:#fff;text-shadow:0 2px 0 var(--navy);margin-bottom:10px;font-size:18px;font-weight:900}.game-title-row{justify-content:space-between;align-items:center;display:flex}.book-count{font-family:var(--latin);color:var(--gold-1);font-size:18px;font-weight:700}.party{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.party-card{background:var(--game-panel);width:100%;color:var(--navy);cursor:pointer;border:2px solid #fff;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 8px;display:flex;position:relative;box-shadow:0 4px #6e8fc6}.party-card.on{box-shadow:0 0 0 3px var(--gold-2), 0 4px 0 3px var(--gold-3)}.party-card.secret{color:#fff;background:linear-gradient(135deg,#2a0a3e,#6b1a6e 55%,#b7863a)}.party-name{font-family:var(--display);text-align:center;place-items:center;min-height:2.6em;font-size:12px;font-weight:800;line-height:1.3;display:grid}.party-card .pips i{width:6px;height:6px;box-shadow:none;background:#cfdaee}.party-card .pips i.on{background:var(--gold-2)}.party-card .pips{gap:2px}.egg-shop{background:linear-gradient(#1f3570f7,#14224af7);border:2px solid #5277c4;border-radius:22px;gap:12px;padding:14px;display:flex}.egg-shop>img{object-fit:contain;flex:none;align-self:center}.egg-shop-text{flex:1;min-width:0}.egg-shop p{color:#e5edff;margin:0 0 10px;font-size:13px;line-height:1.65}.egg-shop .egg-waiting{color:var(--gold-1);font-weight:800}.book{grid-template-columns:repeat(4,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.book li{aspect-ratio:1;color:#ffffff8c;font-family:var(--latin);background:#ffffff1f;border:1.5px solid #ffffff47;border-radius:12px;place-items:center;font-size:24px;font-weight:700;display:grid;overflow:hidden}.book li.owned{background:#fff;border-color:#fff}.book li.secret{border-color:var(--gold-2);color:var(--gold-1);background:linear-gradient(135deg,#2a0a3e,#6b1a6e 55%,#b7863a)}.book button{cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0}.reveal{z-index:60;color:#fff;text-align:center;background:radial-gradient(circle at 50% 38%,#3b64c8 0%,#1f3570 42%,#0c1633 100%);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:fixed;inset:0;overflow:hidden}.reveal.secret{background:radial-gradient(circle at 50% 38%,#a03fc0 0%,#3f1160 45%,#12041f 100%)}.reveal.final{background:radial-gradient(circle at 50% 38%,#ffd96b 0%,#c2662a 42%,#2a0f1a 100%)}.reveal-glow{background:repeating-conic-gradient(#ffffff17 0 12deg, transparent 12deg 24deg);pointer-events:none;width:150vmax;height:150vmax;animation:28s linear infinite reveal-spin;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.reveal-stage{z-index:1;aspect-ratio:1;width:min(78vw,46svh,380px);position:relative}.reveal-stage img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.reveal-egg{transform-origin:50% 90%;animation:1.9s ease-in forwards reveal-egg}.reveal-before{animation:1.9s ease-in forwards reveal-before}.reveal-new{opacity:0;animation:.7s cubic-bezier(.2,1.3,.4,1) 1.9s forwards reveal-new}.reveal-flash{opacity:0;pointer-events:none;z-index:5;background:#fff;animation:.8s ease-out 1.6s forwards reveal-flash;position:fixed;inset:0}.reveal-text{z-index:1;opacity:0;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:420px;animation:.4s ease-out 2.4s forwards reveal-text;display:flex;position:relative}.reveal-text .btn{width:100%;margin-top:10px}.reveal-tag{font-family:var(--display);color:var(--gold-1);margin:0;font-size:15px;font-weight:800}.reveal-name{font-family:var(--display);text-shadow:0 3px #0c1633cc;font-size:32px;font-weight:900;line-height:1.25}.reveal-title{color:#e5edff;margin:0;font-size:14px}.reveal-secret{color:#24093a;font-family:var(--latin);letter-spacing:.2em;background:linear-gradient(90deg,#ff6bd6,#ffd24a,#6bf1ff);border-radius:12px;padding:1px 16px;font-size:18px;font-weight:700}@keyframes reveal-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes reveal-egg{0%,20%{transform:rotate(0)}30%{transform:rotate(-7deg)}40%{transform:rotate(7deg)}55%{transform:rotate(-11deg)}70%{transform:rotate(11deg)}85%{opacity:1;transform:rotate(-15deg)scale(1.05)}to{opacity:0;transform:rotate(0)scale(1.2)}}@keyframes reveal-before{0%{filter:none}70%{filter:brightness(0)invert();transform:scale(1)}85%{filter:brightness(0)invert();transform:scale(1.1)}to{filter:brightness(0)invert();opacity:0;transform:scale(1.25)}}@keyframes reveal-new{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes reveal-flash{0%{opacity:0}35%{opacity:1}to{opacity:0}}@keyframes reveal-text{to{opacity:1}}.egg-ceremony{gap:14px}.egg-ceremony .ceremony-line{color:var(--navy);text-align:center}.ceremony-who{flex-direction:column;align-items:center;margin:0;display:flex}.ceremony-egg{width:min(48vw,220px,26svh);animation:3.2s ease-in-out infinite egg-wobble}.clear-mon{width:min(58vw,240px);margin:0 auto}.clear-mon.small{width:min(36vw,150px)}.clear-points{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;display:flex}.clear-points b{font-family:var(--latin);color:var(--gold);font-size:30px;font-weight:700;line-height:1}.clear-points .caption{text-align:center;width:100%}.member-who{flex:none;width:72px;height:66px;position:relative}.member-mon{filter:drop-shadow(0 2px 1px #14224a59);width:50px;height:50px;position:absolute;bottom:-2px;right:-6px}.job-art.mate-art{object-fit:contain;object-position:100% 100%;max-width:52%}.member-mon img{object-fit:contain;transform-origin:50% 100%;width:100%;height:100%}@media (prefers-reduced-motion:reduce){.mon-say,.mon-art,.mon.egg .mon-art,.ceremony-egg,.evolve-chip,.reveal-glow{animation:none}}.clear-hatch{font-family:var(--display);color:#d9266b;text-align:center;margin:0;font-size:18px;font-weight:900}.book-count small{color:#c7d6f5;font-size:14px}.zukan-progress{background:#ffffff29;border-radius:6px;height:10px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff47}.zukan-progress i{background:linear-gradient(90deg, var(--gold-2), var(--gold-1));border-radius:6px;height:100%;display:block}.zukan-sub{color:#e5edff;margin:6px 0 12px;font-size:13px}.zukan-filter{gap:6px;margin-bottom:12px;display:flex}.zukan-filter button{color:#e5edff;min-height:40px;font-family:var(--display);cursor:pointer;background:#14224a99;border:1.5px solid #ffffff59;border-radius:20px;flex:1;font-size:13px;font-weight:800}.zukan-filter button.on{background:linear-gradient(180deg, var(--gold-1), var(--gold-2));color:#5b3200;border-color:#fff6cf}.zukan-empty{text-align:center;background:#14224a99;border-radius:14px;margin:0;padding:24px 12px;font-size:14px}.zukan-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.zukan-card{color:#fff;cursor:pointer;background:linear-gradient(#2f4a8ce6,#14224af2);border:1.5px solid #ffffff40;border-radius:14px;flex-direction:column;align-items:center;gap:3px;width:100%;height:100%;padding:6px 6px 8px;display:flex;position:relative}.zukan-card.owned{background:var(--game-panel);color:var(--navy);border:2px solid #fff;box-shadow:0 4px #6e8fc6}.zukan-card.owned.final{border-color:var(--gold-1);box-shadow:0 0 0 2px var(--gold-2), 0 4px 0 2px var(--gold-3)}.zukan-card.secret{border-color:var(--gold-2);color:#fff;box-shadow:none;background:linear-gradient(135deg,#2a0a3e,#6b1a6e 55%,#b7863a)}.zukan-no{font-family:var(--latin);opacity:.8;align-self:flex-start;font-size:12px;font-weight:700;line-height:1}.mon-thumb.shadow img{filter:brightness(0)opacity(.62)}.zukan-card:not(.owned) .mon-thumb.shadow img{filter:brightness(0)invert()opacity(.28)}.zukan-star{color:var(--gold-1);place-items:center;font-size:34px;display:grid}.zukan-star.big{font-size:90px}.zukan-name{min-height:2.6em;font-family:var(--display);text-align:center;place-items:center;font-size:12px;font-weight:800;line-height:1.3;display:grid}.zukan-card .pips{gap:2px}.zukan-card .pips i{width:6px;height:6px;box-shadow:none;background:#cfdaee}.zukan-card .pips i.on{background:var(--gold-2)}.zukan-sheet-back{z-index:50;background:#0c1633b8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.zukan-sheet{width:100%;max-width:520px;max-height:88svh;padding:12px 16px calc(20px + env(safe-area-inset-bottom));border-top:3px solid var(--gold-2);color:var(--navy);background:linear-gradient(#fff,#eaf3ff);border-radius:24px 24px 0 0;animation:.22s ease-out zukan-up;overflow-y:auto}.zukan-sheet.secret{color:#fff;background:linear-gradient(#2a0a3e,#12041f)}@keyframes zukan-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.zukan-sheet-head{font-family:var(--latin);justify-content:space-between;align-items:center;font-size:15px;font-weight:700;display:flex}.zukan-close{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:none;margin-right:-8px;font-size:28px;line-height:1}.zukan-hero{width:min(62vw,250px);margin:0 auto 8px}.zukan-sheet-name{color:inherit;text-align:center;margin:0;font-size:22px;font-weight:900}.zukan-sheet-form{text-align:center;color:var(--gold);font-size:14px;font-weight:800;display:block}.zukan-sheet-title{text-align:center;opacity:.75;margin:8px 0 0;font-size:13px;font-weight:700}.zukan-sheet-desc{text-align:center;margin:8px 0 14px;font-size:14px;line-height:1.7}.zukan-forms{grid-template-columns:repeat(5,1fr);gap:6px;margin:0 0 14px;padding:0;list-style:none;display:grid}.zukan-forms li{aspect-ratio:1;background:#fff;border-radius:12px;place-items:center;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #c9d6ea}.zukan-forms button{cursor:pointer;background:0 0;border:none;border-radius:12px;width:100%;height:100%;padding:0}.zukan-forms button.on{box-shadow:inset 0 0 0 3px var(--gold-2)}.zukan-forms li.unknown{color:var(--fg-3);font-family:var(--latin);background:#e3ebf7;font-size:20px;font-weight:700}.zukan-forms .mon-thumb img,.zukan-hero .mon-thumb img,.zukan-card .mon-thumb img{object-fit:contain;transform-origin:50% 100%;width:100%;height:100%}@media (prefers-reduced-motion:reduce){.zukan-sheet{animation:none}}.hatch{z-index:60;color:#fff;background:#070b1c;position:fixed;inset:0;overflow:hidden}.hatch-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hatch-tap{padding:0 16px calc(64px + env(safe-area-inset-bottom));color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(#070b1c00 56%,#070b1cd9 100%);border:none;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.hatch-tap-label{font-family:var(--display);color:var(--gold-1);font-size:16px;font-weight:800}.hatch-tap-go{font-family:var(--display);font-size:28px;font-weight:900;animation:1.3s ease-in-out infinite chip-pulse}.hatch-tap-sound{color:#c7d6f5;font-size:13px}.hatch-skip{top:calc(12px + env(safe-area-inset-top));color:#fff;cursor:pointer;background:#070b1c8c;border:1.5px solid #ffffff80;border-radius:22px;min-height:44px;padding:0 16px;font-size:14px;font-weight:700;position:absolute;right:12px}.hatch-show{text-align:center;background:radial-gradient(circle at 50% 38%,#3b64c8 0%,#1f3570 42%,#0c1633 100%);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;inset:0;overflow:hidden}.hatch.secret .hatch-show{background:radial-gradient(circle at 50% 38%,#a03fc0 0%,#3f1160 45%,#12041f 100%)}.hatch-show:after{content:"";pointer-events:none;background:#fff;animation:.75s ease-out forwards hatch-white;position:absolute;inset:0}.hatch-mon{z-index:1;aspect-ratio:1;width:min(80vw,46svh,400px);animation:.7s cubic-bezier(.2,1.4,.4,1) .15s both hatch-pop;position:relative}.hatch-mon img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.hatch-shadow{filter:brightness(0);animation:.3s ease-in 1s forwards hatch-fade}.hatch-color{opacity:0;animation:.3s ease-out 1s forwards hatch-in}.hatch-show .reveal-text{animation-delay:1.35s}@keyframes hatch-white{0%{opacity:1}to{opacity:0}}@keyframes hatch-pop{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes hatch-fade{to{opacity:0}}@keyframes hatch-in{to{opacity:1}}.rank-tag{background:linear-gradient(180deg, var(--gold-1), var(--gold-2));color:#5b3200;font-family:var(--display);white-space:nowrap;border-radius:10px;padding:0 10px;font-size:13px;font-weight:900;line-height:1.7;display:inline-block}@media (height<=640px){.mon-say.first{display:none}}.mon-say:before,.mon-say:after{content:"";border-style:solid;border-color:#0000;width:0;height:0;position:absolute;left:50%}.mon-say:before{border-width:10px 10px 0;border-top-color:var(--navy-2);margin-left:-10px;top:100%}.mon-say:after{border-width:7px 7px 0;border-top-color:#fff;margin-top:-3.5px;margin-left:-7px;top:100%}.quest-page{max-width:560px;padding:10px 14px calc(var(--tab-h) + 40px + env(safe-area-inset-bottom));color:#fff;flex-direction:column;gap:12px;margin:0 auto;display:flex}.quest-top{align-items:center;gap:8px;display:flex}.quest-back{border:2px solid var(--gold-2);color:#fff;cursor:pointer;background:linear-gradient(#1f3570f5,#14224af5);border-radius:50%;flex:none;width:44px;height:44px;padding-bottom:4px;font-size:26px;line-height:1}.quest-crest{object-fit:contain;filter:drop-shadow(0 3px 2px #070b1c99);flex:none;width:54px;height:54px}.quest-heading{flex:1;min-width:0}.quest-where{color:var(--gold-1);text-shadow:0 1px 2px #070b1ccc;font-size:12px;font-weight:800;display:block}.quest-heading h1{color:#fff;text-shadow:0 2px 3px #070b1cd9;font-size:20px;font-weight:900;line-height:1.35}.quest-screen{background:linear-gradient(135deg, var(--gold-1), var(--gold-2) 45%, var(--gold-3));border-radius:16px;padding:4px;box-shadow:0 10px 26px #070b1c99}.quest-screen .player{border-radius:12px;overflow:hidden}.quest-progress,.quest-review{background:linear-gradient(#1f3570f7,#14224af7);border:2px solid #5277c4;border-radius:18px;padding:12px 14px}.quest-review{align-items:center;gap:6px;margin:0;font-size:13px;font-weight:700;display:flex}.quest-steps{margin:0;padding:0;list-style:none;display:flex}.quest-steps li{color:#9fb3dd;text-align:center;flex-direction:column;flex:1;align-items:center;gap:3px;font-size:12px;font-weight:800;display:flex;position:relative}.quest-steps li:not(:first-child):before{content:"";background:#fff3;width:100%;height:4px;position:absolute;top:12px;right:50%}.quest-steps li.done:not(:first-child):before,.quest-steps li.cur:not(:first-child):before{background:var(--gold-2)}.quest-steps i{z-index:1;color:#5b3200;background:#2b417c;border-radius:50%;place-items:center;width:28px;height:28px;font-size:15px;font-style:normal;font-weight:900;display:grid;position:relative;box-shadow:inset 0 0 0 2px #ffffff47}.quest-steps li.done,.quest-steps li.cur{color:#fff}.quest-steps li.done i{background:linear-gradient(180deg, var(--gold-1), var(--gold-2));box-shadow:none}.quest-steps li.cur i{box-shadow:0 0 0 3px var(--gold-2);background:#fff}.quest-reward{border-top:1px solid #ffffff29;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;padding-top:10px;display:flex}.quest-reward-label{color:var(--gold-1);margin-right:2px;font-size:12px;font-weight:800}.quest-reward-chip{font-family:var(--latin);background:#ffffff1f;border-radius:12px;align-items:center;gap:3px;padding:1px 10px 1px 4px;font-size:16px;font-weight:700;display:inline-flex}.quest-reward-chip:not(:has(img)){padding-left:10px}.quest-mate{align-items:center;gap:12px;margin-top:8px;display:flex}.quest-mate .mon-thumb{flex:none;width:56px}.quest-mate .mon-thumb img{object-fit:contain;transform-origin:50% 100%;width:100%;height:100%}.quest-say{color:var(--navy);font-family:var(--display);background:#fff;border-radius:12px;margin:0;padding:5px 12px;font-size:13px;font-weight:800;position:relative}.quest-say:before{content:"";border:6px solid #0000;border-left-width:0;border-right:8px solid #fff;margin-top:-6px;position:absolute;top:50%;right:100%}.quest-sheet{border-top:3px solid var(--gold-2);background:linear-gradient(#fff,#f1f7ff);border-radius:22px;margin:0;padding:18px 16px 22px;box-shadow:0 8px 22px #070b1c73}.quest-sheet h2{color:var(--navy);font-weight:900}.quiz{flex-direction:column;gap:12px;display:flex}.quiz .q-head{align-items:center}.quiz .q-head b{font-family:var(--display);color:#d9266b;font-size:14px;font-weight:900}.quiz .q-head small{color:var(--fg-2);font-size:12px}.q-dots{gap:5px;display:inline-flex}.q-dots i{background:#dbe4f2;border-radius:50%;width:12px;height:12px}.q-dots i.on{background:radial-gradient(circle at 35% 30%, #fff5c4, var(--gold-2));box-shadow:0 0 0 1px var(--gold-3)}.q-prompt{font-size:18px;line-height:1.5}.q-choices{flex-direction:column;gap:9px;display:flex}.choice{min-height:56px;color:var(--navy);background:linear-gradient(#fff,#e6f0ff);border:2px solid #fff;border-radius:14px;align-items:center;gap:10px;padding:8px 12px 8px 8px;font-weight:700;transition:transform 80ms;display:flex;box-shadow:0 0 0 1.5px #9dbce6,0 4px 0 1.5px #7fa6dd}.choice:not(:disabled):active{transform:translateY(3px);box-shadow:0 0 0 1.5px #9dbce6,0 1px 0 1.5px #7fa6dd}.choice-mark{color:#fff;width:34px;height:34px;font-family:var(--latin);background:linear-gradient(#4f7fd9,#2f5ca8);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:700;display:grid}.choice-text{text-align:left;flex:1;min-width:0}.choice-ok{color:#0b8f6b;flex:none;font-size:13px}.choice.right{background:linear-gradient(#eafff7,#bff3e0);border-color:#fff;box-shadow:0 0 0 2.5px #12b886,0 4px 0 2.5px #0b8f6b}.choice.right .choice-mark{background:linear-gradient(#2fd4a6,#0b8f6b)}.choice.wrong{color:var(--fg-3);background:#eef1f6;box-shadow:0 0 0 1.5px #d3d9e3}.choice.wrong .choice-mark{background:#b5bdcb}.explain{border:none;border-radius:14px;padding:10px 14px;scroll-margin:80px 0 100px}.explain.ok{background:#e7fbf3}.explain.ng{background:#fff1f4}.explain b{font-family:var(--display);font-size:14px;font-weight:900;display:block}.explain.ok b{color:#0b8f6b}.explain.ng b{color:#d9266b}.explain p{margin:2px 0 0;font-size:15px;line-height:1.75}.quest-page .overlay .panel{color:var(--fg)}.operator{color:var(--fg-2);text-align:center;margin:12px 0 0;font-size:12px}.operator a{color:inherit}.gate-egg{object-fit:contain}
