:root{--bg: #141413;--surface: #1f1e1c;--surface2: #262522;--surface3: #2e2d2a;--input-bg: #111110;--text: #f0eee6;--muted: #a3a198;--placeholder: #6d6b64;--border: #3a3935;--accent: #85b7eb;--danger: #f09595;--ok: #97c459;--silver: #dfe3e8;--silver2: #b9bfc7;--silver-shadow: #6d727a;--ink: #1a1a19;--gold-text: #fbf2cf;--gold-meta: #e8dfc2;--gold-border: #5a4a25;--gold-bg: #3a2f08;--frame: #f6ecd0;--nft-bg: #e1ded4;--alert-border: #7a3a3a;--alert-bg: #2a1616;--ok-border: #4a6a2a;--ok-bg: #18220f;--banner-border: #6a5a2a;--banner-bg: #2a2410;--f0: #501313;--b0: #e24b4a;--t0: #f7c1c1;--f1: #3a2412;--b1: #b07a4a;--t1: #e2c3a5;--f2: #042c53;--b2: #378add;--t2: #b5d4f4;--f3: #173404;--b3: #639922;--t3: #c0dd97;--f4: #3a2f08;--b4: #d9b23a;--t4: #f2dc8c;--font: system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;--mincho: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-xs: 12px;--fs-s: 12px;--fs-m: 13px;--fs-base: 15px;--fs-l: 16px;--r-s: 6px;--r-m: 8px;--r-l: 12px;--r-xl: 14px;--r-pill: 999px;--gap-s: 6px;--gap: 8px;--gap-l: 12px;--pad-x: 14px;--column: 600px;--btn-h: 48px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-text-size-adjust:100%}#root{min-height:100dvh}.app{position:relative;max-width:var(--column);min-height:100dvh;margin:0 auto;background:var(--surface);overflow:clip}.screen{display:flex;min-height:100dvh;padding:calc(10px + env(safe-area-inset-top)) calc(var(--pad-x) + env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) calc(var(--pad-x) + env(safe-area-inset-left));flex-direction:column;gap:var(--gap-l)}.muted{color:var(--muted)}small,.small{font-size:var(--fs-s)}h1,h2,h3{margin:0;font-weight:700}p{margin:0;line-height:1.7}a{color:var(--accent)}.center{text-align:center}.stack{display:flex;flex-direction:column;gap:var(--gap-l)}.stack.tight{gap:var(--gap-s)}.topbar{display:flex;align-items:center;gap:var(--gap);min-height:36px}.topbar h2{flex:1;font-size:var(--fs-l);text-align:center}.topbar .sp{width:56px}.back{width:56px;padding:4px 0;border:0;background:none;color:var(--muted);font:inherit;font-size:14px;text-align:left;cursor:pointer;white-space:nowrap}.icon-btn{width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:var(--r-m);background:var(--surface2);color:var(--text);font-size:15px;cursor:pointer}.icon-btn img{display:block;width:20px;height:20px;margin:auto}.panel{border:1px solid var(--border);border-radius:var(--r-l);background:var(--surface2);padding:var(--gap-l)}.panel h3{font-size:14px;margin-bottom:var(--gap)}.btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;min-height:var(--btn-h);padding:10px var(--pad-x);border:1px solid var(--border);border-radius:var(--r-l);background:var(--surface2);color:var(--text);font:inherit;font-size:var(--fs-base);font-weight:700;text-decoration:none;cursor:pointer}.btn small{font-size:var(--fs-xs);font-weight:400;color:var(--muted)}.btn:active{transform:translateY(2px)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn.primary{border-color:transparent;background:linear-gradient(#f1f3f5,var(--silver2));color:var(--ink);box-shadow:0 3px 0 var(--silver-shadow),0 0 0 1px #ffffff26 inset}.btn.primary small{color:#4a4d52}.btn.primary:active{box-shadow:0 1px 0 var(--silver-shadow)}.btn.ghost{background:transparent}.btn.slim{min-height:36px;font-size:var(--fs-m);font-weight:400}.btn.inline{width:auto;min-height:36px;font-size:var(--fs-m)}.btn-row{display:flex;gap:var(--gap)}.btn-row .btn{flex:1}.sticky-foot{position:sticky;bottom:0;margin:auto calc(-1 * var(--pad-x)) 0;padding:10px var(--pad-x) calc(10px + env(safe-area-inset-bottom));background:linear-gradient(rgba(31,30,28,0),var(--surface) 30%);display:flex;flex-direction:column;gap:var(--gap)}.chip{display:inline-flex;align-items:center;gap:3px;font-size:var(--fs-xs);border-radius:var(--r-s);padding:1px 6px;border:1px solid var(--border);background:var(--surface);color:var(--muted);white-space:nowrap}.tag-silver{border-color:var(--silver2);color:var(--silver)}.chip.dev{border-style:dashed;border-color:#8a6d2a;color:var(--t4);background:var(--banner-bg)}.note{font-size:var(--fs-s);line-height:1.6;color:var(--muted)}.c0{background:var(--f0);border-color:var(--b0);color:var(--t0)}.c1{background:var(--f1);border-color:var(--b1);color:var(--t1)}.c2{background:var(--f2);border-color:var(--b2);color:var(--t2)}.c3{background:var(--f3);border-color:var(--b3);color:var(--t3)}.c4{background:var(--f4);border-color:var(--b4);color:var(--t4)}.gem{display:inline-block;width:22px;height:22px;background:center/contain no-repeat;vertical-align:middle;flex:none}.gem.kiwami{position:relative}.gem.kiwami:after{content:"極";position:absolute;top:-4px;left:-4px;width:14px;height:14px;border-radius:50%;background:var(--b4);color:#1f1e1c;font-size:10px;font-weight:700;line-height:14px;text-align:center}.gem.g0.kiwami:after{background:var(--b0)}.gem.g1.kiwami:after{background:var(--b1)}.gem.g2.kiwami:after{background:var(--b2)}.gem.g3.kiwami:after{background:var(--b3)}.g0{background-image:url(/assets/fire-C8GvdiuE.webp)}.g1{background-image:url(/assets/earth-BbldEjKE.webp)}.g2{background-image:url(/assets/water-BNOGgca9.webp)}.g3{background-image:url(/assets/wood-D1Ng-qLy.webp)}.g4{background-image:url(/assets/metal-BG4NQTnQ.webp)}.vals{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.vals .v{font-size:var(--fs-s);border:1px solid;border-radius:var(--r-s);padding:2px 0;text-align:center;white-space:nowrap}.vals .v b{font-size:14px;margin-left:2px}.vals .v.top{box-shadow:0 0 0 1.5px var(--silver) inset;font-weight:700}.nft{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-l);border:2px solid var(--frame);background:var(--nft-bg)}.dev-box{display:flex;flex-direction:column;gap:var(--gap);border:1px dashed #8a6d2a;border-radius:var(--r-l);padding:10px 12px;background:#1c1a12;font-size:var(--fs-m)}.dev-box>b{color:var(--t4);font-size:var(--fs-s)}.todo{border:1px dashed var(--muted);border-radius:var(--r-l);padding:10px 12px;font-size:var(--fs-s);color:var(--muted);line-height:1.6}.todo b{color:var(--text)}.loading{display:flex;flex-direction:column;align-items:center;gap:var(--gap);padding:24px 0;color:var(--muted);font-size:var(--fs-m)}.spinner{width:40px;height:40px;margin:4px auto;border-radius:50%;border:3px solid var(--border);border-top-color:var(--silver);animation:spin 1s linear infinite}.loading .spinner{width:28px;height:28px}@keyframes spin{to{transform:rotate(360deg)}}.alert{border:1px solid var(--alert-border);background:var(--alert-bg);border-radius:var(--r-l);padding:var(--gap-l);display:flex;flex-direction:column;gap:var(--gap-s)}.alert b{color:var(--danger)}.alert.ok{border-color:var(--ok-border);background:var(--ok-bg)}.alert.ok b{color:var(--ok)}.field-error{font-size:var(--fs-s);color:var(--danger)}.title-top{position:absolute;top:10px;right:var(--pad-x);z-index:1}.logo{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 0 0}.logo .ring{display:flex;gap:var(--gap-s);align-items:flex-end}.logo .ring .gem{width:40px;height:40px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}.logo .ring .gem:nth-child(2),.logo .ring .gem:nth-child(4){transform:translateY(-8px)}.logo .ring .gem:nth-child(3){width:48px;height:48px;transform:translateY(-14px)}.logo h1{font-family:var(--mincho);font-size:30px;letter-spacing:.12em;line-height:1.1;text-shadow:0 2px 0 #000}.castle-card{position:relative;overflow:hidden;width:100%;padding:0;border-radius:var(--r-xl);border:1px solid var(--gold-border);min-height:128px;background:var(--gold-bg);display:flex;flex-direction:column;justify-content:flex-end;font:inherit;color:inherit;text-align:left;cursor:pointer}.castle-card .bg{position:absolute;inset:0;background:url(/assets/f3-U3CwhCgX.webp) center 70%/cover}.castle-card .bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#140c04eb,#140c0499 55%,#140c0426)}.castle-card>*{position:relative}.castle-card .lbl{position:absolute;top:10px;left:10px;padding:2px 10px;border-radius:var(--r-pill);background:#140c04b8;color:var(--gold-text);font-size:var(--fs-s);font-weight:700;letter-spacing:.1em}.castle-card .body{width:62%;padding:36px 12px 10px var(--pad-x);display:flex;flex-direction:column;gap:2px;color:var(--gold-text)}.castle-card .name{font-family:var(--mincho);font-size:21px;font-weight:700;letter-spacing:.05em;line-height:1.25}.castle-card .meta,.castle-card .left{font-size:var(--fs-xs);color:var(--gold-meta)}.castle-card .best{display:flex;flex-direction:column;margin-top:4px;padding-top:4px;border-top:1px solid rgba(251,242,207,.25);font-size:var(--fs-xs);color:var(--gold-meta)}.castle-card .best b{font-size:18px;color:var(--gold-text);line-height:1.2}.castle-card .boss{position:absolute;top:0;right:0;bottom:0;width:38%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;pointer-events:none}.castle-card .boss img{position:absolute;bottom:18px;height:calc(100% - 22px);width:auto;filter:drop-shadow(0 2px 6px rgba(20,12,4,.6))}.castle-card .boss.portrait img{top:14px;bottom:auto;width:84px;height:84px;padding:3px;border-radius:50%;object-fit:cover;object-position:50% 22%;background:linear-gradient(#ffffff,var(--silver) 35%,var(--silver2) 60%,var(--silver-shadow));box-shadow:0 0 0 1.5px #111,0 3px 8px #140c0499;filter:none}.castle-card .boss-name{position:relative;margin-bottom:6px;padding:1px 8px;border-radius:var(--r-pill);background:#140c04c7;color:var(--gold-text);font-size:var(--fs-xs);font-weight:700;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.ecastles{display:flex;flex-direction:column;gap:6px}.ecastles .head{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--fs-s)}.ecastles .head b{font-family:var(--mincho);font-size:14px;letter-spacing:.1em}.erow{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.ecard{position:relative;overflow:hidden;aspect-ratio:3 / 4;padding:0;border:1px solid var(--b);border-radius:var(--r-l);background:radial-gradient(120% 80% at 50% 20%,color-mix(in srgb,var(--b) 45%,transparent),transparent 70%),linear-gradient(var(--f),#141210);color:var(--t);font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.ecard:active{transform:translateY(2px)}.ecard .lord{position:absolute;left:50%;bottom:30%;height:62%;transform:translate(-50%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.ecard .gem{position:absolute;z-index:1;top:4px;left:4px;width:18px;height:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.ecard .foot{position:relative;width:100%;padding:3px 2px 4px;background:linear-gradient(transparent,#000000bf 35%);text-align:center;line-height:1.25}.ecard .nm{display:block;font-family:var(--mincho);font-size:14px;font-weight:700;letter-spacing:.05em;color:#fff}.ecard .sc{display:block;min-height:1.25em;font-size:10px;color:var(--t);white-space:nowrap}.ecard.e0{--f: var(--f0);--b: var(--b0);--t: var(--t0)}.ecard.e1{--f: var(--f1);--b: var(--b1);--t: var(--t1)}.ecard.e2{--f: var(--f2);--b: var(--b2);--t: var(--t2)}.ecard.e3{--f: var(--f3);--b: var(--b3);--t: var(--t3)}.ecard.e4{--f: var(--f4);--b: var(--b4);--t: var(--t4)}.castle-card.sel,.ecard.sel{box-shadow:0 0 0 2px var(--silver),0 0 14px #dfe3e859}.castle-card.dim .bg,.ecard.dim .lord,.castle-card.dim .boss img{filter:grayscale(1) brightness(.8) drop-shadow(0 2px 4px rgba(0,0,0,.6))}.castle-card.dim{border-color:var(--border)}.ecard.dim{--f: #262523;--b: #4a4946;--t: #9d9b94}.ecard.dim .nm{color:#c9c7c0}.title-links{display:flex;justify-content:center;gap:18px;margin-top:4px}.title-links button{border:0;background:none;color:var(--muted);font:inherit;font-size:var(--fs-m);padding:6px 2px;cursor:pointer}.title-links button:before{content:"・";color:var(--border)}.ext-banner{display:flex;align-items:center;gap:var(--gap);border:1px solid var(--banner-border);border-radius:var(--r-l);padding:6px 10px;background:var(--banner-bg)}.ext-banner p{flex:1;line-height:1.5}.ext-banner .ext-link{flex:none;font-size:var(--fs-s);font-weight:700;color:var(--accent);white-space:nowrap}.steps{display:flex;gap:4px;font-size:var(--fs-xs);color:var(--muted)}.steps span{flex:1;text-align:center;padding:4px 0;border-bottom:2px solid var(--border)}.steps span.on{color:var(--text);border-color:var(--silver)}.dodont{width:100%;border-collapse:collapse;font-size:var(--fs-m)}.dodont th{width:28px;padding:7px 0;vertical-align:top;font-size:var(--fs-base)}.dodont td{padding:7px 4px;border-top:1px solid var(--border);line-height:1.5;vertical-align:top}.dodont tr:first-child td{border-top:0}.dodont .yes th{color:var(--ok)}.dodont .no th{color:var(--danger)}.dodont td small{display:block;color:var(--muted);font-size:var(--fs-xs)}.dd-head{display:flex;justify-content:space-between;align-items:center;margin:4px 0 2px;font-size:var(--fs-s);font-weight:700}.dd-head.yes{color:var(--ok)}.dd-head.no{color:var(--danger)}.siwe-ja{margin:0 0 4px;font-size:var(--fs-m)}.siwe-ja.ok{color:var(--ok);margin-bottom:10px}.siwe{margin:0;padding:10px;border-radius:var(--r-m);background:var(--input-bg);border:1px solid var(--border);font:12px/1.6 var(--mono);color:#d8d6ce;white-space:pre-wrap;overflow-wrap:anywhere}.siwe mark{background:none;color:var(--ok)}.reco{display:flex;gap:10px;align-items:flex-start}.reco .num{flex:none;width:22px;height:22px;border-radius:50%;background:var(--silver);color:var(--ink);font-size:var(--fs-s);font-weight:700;line-height:22px;text-align:center}.reco p{font-size:var(--fs-m)}details.panel summary{cursor:pointer;font-size:14px;font-weight:700;list-style:none}details.panel summary::-webkit-details-marker{display:none}details.panel summary:after{content:"＋";float:right;color:var(--muted)}details.panel[open] summary:after{content:"－"}details.panel[open] summary{margin-bottom:var(--gap)}.overlay{position:fixed;inset:0;max-width:var(--column);margin:0 auto;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;background:#0009}.overlay .panel{width:100%;max-width:360px;background:var(--surface);display:flex;flex-direction:column;gap:var(--gap-l);padding:18px}.way{display:flex;flex-direction:column;gap:var(--gap);width:100%;padding:var(--pad-x);border:1px solid var(--border);border-radius:var(--r-l);background:var(--surface2);color:var(--text);font:inherit;text-align:left;cursor:pointer}.way:active{transform:translateY(2px)}.way .way-h{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-l)}.way .way-h:after{content:"›";color:var(--muted);font-size:20px}.way .way-tags{display:flex;flex-wrap:wrap;gap:4px}.way .way-tags .chip{font-size:var(--fs-s);padding:2px 8px}.way.sign{border-color:var(--silver2)}.field-label{font-size:var(--fs-m);font-weight:700}.input{width:100%;font:inherit;font-size:17px;color:var(--text);background:var(--input-bg);border:1px solid var(--border);border-radius:10px;padding:12px}.input:focus{outline:2px solid var(--silver2);outline-offset:1px}.input.mono{font-family:var(--mono);font-size:var(--fs-base)}.input::placeholder{color:var(--placeholder)}.count{font-size:var(--fs-xs);color:var(--muted);text-align:right}.who{display:flex;justify-content:space-between;align-items:center;gap:var(--gap);font-size:var(--fs-s);color:var(--muted)}.who b{color:var(--text)}.panel.pinned{position:sticky;top:0;z-index:3;box-shadow:0 8px 16px #00000073}.hero{display:grid;grid-template-columns:132px 1fr;gap:var(--gap-l);align-items:start}.hero .info{display:flex;flex-direction:column;gap:var(--gap-s);min-width:0}.hero .nm{font-size:var(--fs-l);font-weight:700;line-height:1.3;word-break:break-word}.hero .no{font-size:var(--fs-s);color:var(--muted)}.nj{display:flex;gap:var(--gap);align-items:flex-start;padding-top:var(--gap);border-top:1px dashed var(--border)}.nj .gem{width:30px;height:30px}.nj b{font-size:14px}.nj p{font-size:var(--fs-s);color:var(--muted);line-height:1.5}.nj .gems{display:flex;gap:2px}.nj .wp-icon{width:30px;height:30px;object-fit:contain;flex:none}.kv{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--fs-s);color:var(--muted)}.kv b{font-size:var(--fs-l);color:var(--text)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}.tile{position:relative;padding:0;border:2px solid transparent;border-radius:var(--r-l);background:none;color:var(--text);font:inherit;cursor:pointer;text-align:center}.tile img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:var(--nft-bg)}.tile .t-no{display:block;font-size:var(--fs-xs);color:var(--muted);margin-top:2px}.tile .t-gems{position:absolute;top:3px;left:3px;display:flex;gap:1px;padding:1px 3px;border-radius:var(--r-pill);background:#140c04a6}.tile .t-gems .gem{width:14px;height:14px}.tile .t-gems .gem.kiwami:after{top:-3px;left:-3px;width:9px;height:9px;font-size:7px;line-height:9px}.tile.sel{border-color:var(--silver)}.tile.sel img{box-shadow:0 0 12px #dfe3e873}.owned{display:flex;flex-direction:column;gap:var(--gap-s)}.grp-h{display:flex;justify-content:space-between;margin-top:2px;font-size:var(--fs-s);font-weight:700;color:var(--muted)}.grp-h span{font-weight:400}.id-row{display:flex;gap:var(--gap)}.id-row .input{flex:1}.id-row .btn{width:auto}.trial-banner{display:flex;gap:var(--gap);align-items:center;border:1px dashed var(--silver2);border-radius:10px;padding:var(--gap) 10px;font-size:var(--fs-m)}.res-head{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:6px}.res-head .big{font-family:var(--mincho);font-size:34px;font-weight:700;letter-spacing:.15em}.res-head .big.clear{color:var(--gold-text);text-shadow:0 0 18px rgba(251,242,207,.35)}.res-head .big.lose{color:#c9c6bd}.res-head .stage{font-size:var(--fs-s);color:var(--muted)}.res-who{display:flex;gap:10px;align-items:center}.res-who img{width:56px;height:56px;border-radius:10px;object-fit:cover;border:2px solid var(--frame);background:var(--nft-bg)}.score-total{display:flex;justify-content:space-between;align-items:baseline;padding:4px 2px}.score-total b{font-size:34px;letter-spacing:.02em}.brk{width:100%;border-collapse:collapse;font-size:var(--fs-m)}.brk td{padding:6px 2px;border-top:1px solid var(--border)}.brk td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.brk td small{color:var(--muted);font-size:var(--fs-xs);margin-left:4px}.ribbon{display:flex;justify-content:center;gap:var(--gap);flex-wrap:wrap}.lord-ask{display:flex;flex-direction:column;gap:var(--gap);border-color:var(--silver)}.ribbon .r{padding:4px 12px;border-radius:var(--r-pill);font-size:var(--fs-m);font-weight:700;border:1px solid var(--silver2);color:var(--silver);background:#2e2f31}.ribbon .r.new{background:linear-gradient(#f1f3f5,var(--silver2));color:var(--ink);border-color:transparent}.invite{border:1px solid var(--silver2);border-radius:var(--r-l);padding:var(--gap-l);background:#26272a;display:flex;flex-direction:column;gap:var(--gap)}.tabs{display:flex;gap:var(--gap-s)}.tabs button{flex:1;padding:7px 0;border:1px solid var(--border);border-radius:var(--r-m);background:var(--surface2);color:var(--muted);font:inherit;font-size:var(--fs-m);cursor:pointer}.tabs button.on{color:var(--ink);background:var(--silver);border-color:transparent;font-weight:700}.tabs button:disabled{opacity:.45;cursor:default}.rank-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-l);overflow:hidden}.rk{display:grid;grid-template-columns:36px 36px 1fr auto;gap:var(--gap);align-items:center;padding:7px 10px;border-top:1px solid var(--border);background:var(--surface2);font-size:var(--fs-m)}.rk:first-child{border-top:0}a.rk{grid-template-columns:36px 36px 1fr auto 12px;color:inherit;text-decoration:none;cursor:pointer}.rk .ext{width:12px;height:12px;fill:none;stroke:var(--muted);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}a.rk:active{filter:brightness(1.15)}.rk .n{font-weight:700;font-size:var(--fs-base);text-align:center;font-variant-numeric:tabular-nums}.rk.p1 .n{color:var(--gold-text);font-size:17px}.rk.p2 .n{color:var(--silver)}.rk.p3 .n{color:#d9a37a}.rk img{width:36px;height:36px;border-radius:var(--r-m);object-fit:cover;background:var(--nft-bg)}.rk .who2{min-width:0;display:flex;flex-direction:column}.rk .who2 b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rk .who2 small{font-size:var(--fs-xs);color:var(--muted)}.rk .sc{font-weight:700;font-variant-numeric:tabular-nums}.rk.me{background:#34352f;box-shadow:inset 3px 0 0 var(--silver)}.rk.gap{display:block;padding:8px 0;text-align:center;color:var(--muted);background:var(--surface);font-size:var(--fs-s)}.my-rank{display:flex;justify-content:space-between;align-items:center}.my-rank b{font-size:22px}.how{display:flex;flex-direction:column;gap:10px}.how .panel p{font-size:var(--fs-m)}.how .gems5{display:flex;justify-content:space-around;margin:var(--gap) 0 2px}.how .gems5 div{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:var(--fs-s)}.how .gems5 .gem{width:36px;height:36px}.cycle{display:block;width:100%;max-width:260px;margin:4px auto}.seal-grid{display:grid;grid-template-columns:repeat(9,minmax(0,32px));gap:6px;justify-content:center;margin:6px 0 8px}.seal-grid svg{width:100%;height:auto;aspect-ratio:1}.seal-grid rect{fill:#ffffff14}.seal-grid rect.on{fill:var(--silver)}.sheet{position:fixed;inset:0;max-width:var(--column);margin:0 auto;z-index:20;display:flex;flex-direction:column;justify-content:flex-end;background:#0000008c}.sheet .body{background:var(--surface);border-radius:16px 16px 0 0;border-top:1px solid var(--border);padding:var(--pad-x) 16px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--gap-l)}.sheet .grab{width:40px;height:4px;border-radius:2px;background:var(--border);margin:0 auto}.set-row{display:flex;align-items:center;gap:10px;font-size:14px}.set-row .lab{flex:1;min-width:0;overflow-wrap:anywhere}.set-row input[type=range]{width:46%;accent-color:var(--silver)}.switch{position:relative;width:46px;height:26px;border-radius:13px;background:var(--border);border:0;padding:0;cursor:pointer;flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#8a887f;transition:left .15s}.switch.on{background:var(--silver2)}.switch.on:after{left:23px;background:#fff}