.home-main{padding-block:var(--sp-8)}.home-hero{align-items:center;gap:var(--sp-7);min-height:600px;padding-block:var(--sp-6) var(--sp-8);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid}.home-eyebrow{margin:0 0 var(--sp-5);color:var(--gem);font-size:var(--fs-small);letter-spacing:.12em}.home-hero .pt-hero-title{font-size:var(--fs-hero)}.home-lead{margin:var(--sp-5) 0;color:var(--ink-2);font-size:var(--fs-lead);max-width:32em;line-height:1.9}.home-actions{gap:var(--sp-4);flex-wrap:wrap;display:flex}.home-hero__note{margin:var(--sp-5) 0 0;color:var(--ink-3);font-size:var(--fs-small)}.home-item{min-width:0;margin:0}.home-item__stack{isolation:isolate;justify-items:center;padding-block-start:calc(var(--sp-8) + var(--sp-5));display:grid;position:relative}.home-tip{width:min(100% - var(--sp-5), 340px);background:var(--bg);box-shadow:0 0 0 1px var(--line-2), 0 var(--sp-5) var(--sp-8) color-mix(in srgb, var(--well) 70%, transparent);text-align:center;transition:translate .42s var(--ease-out), rotate .42s var(--ease-out);grid-area:1/1}.home-tip--back{z-index:1;translate:calc(-1 * var(--sp-4)) calc(-1 * (var(--sp-8) + var(--sp-5)));rotate:-2deg}.home-tip--front{z-index:2;translate:var(--sp-3) 0;rotate:1deg}.home-tip__head{align-content:center;gap:var(--sp-1);min-height:84px;padding:var(--sp-3) var(--sp-4);background:linear-gradient(180deg, var(--raised-2), var(--surface));box-shadow:inset 0 1px 0 var(--prop), inset 0 -1px 0 var(--line-2);display:grid}.home-tip .home-tip__name{color:var(--ink);font-size:var(--fs-display-s);letter-spacing:.04em;line-height:1.25;display:block}.home-tip[data-rarity=magic] .home-tip__head{box-shadow:inset 0 1px 0 var(--rarity-magic), inset 0 -1px 0 var(--line-2)}.home-tip[data-rarity=magic] .home-tip__name{color:var(--rarity-magic)}.home-tip[lang=en] .home-tip__name{font-size:var(--fs-title);letter-spacing:.06em}.home-tip__cls{color:var(--ink-3);font-size:var(--fs-small)}.home-tip__sep{background:linear-gradient(90deg, transparent, var(--prop) 50%, transparent);height:1px;display:block}.home-tip__body{gap:var(--sp-2);padding:var(--sp-4) var(--sp-4) var(--sp-5);color:var(--mod-hi);font-size:var(--fs-lead);line-height:1.6;display:grid}.home-tip[lang=en] .home-tip__body{font-size:var(--fs-data)}.home-item__flip{padding:var(--sp-2) var(--sp-3);color:var(--ink-2);font:inherit;font-size:var(--fs-small);cursor:pointer;background:0 0;border:0;margin-block-start:var(--sp-4)}.home-item__flip:after{content:"";z-index:2;position:absolute;inset:0}.home-item__flip:hover{color:var(--ink)}.home-item__flip:focus-visible{outline:none}.home-item__flip:focus-visible:after{outline:var(--focus-ring);outline-offset:4px}.home-item figcaption{margin-top:var(--sp-2);color:var(--ink-3);font-size:var(--fs-micro);text-align:center}.entry{column-gap:var(--sp-8);row-gap:var(--sp-5);padding-block:var(--sp-8);border-top:1px solid var(--line-2);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-content:center;display:grid}.entry__head{grid-column:1;align-self:end}.entry__head .pt-subhead--lg{font-size:var(--fs-section);line-height:1.4}.entry__head p{margin:var(--sp-5) 0 0;color:var(--ink-2);line-height:1.9}.entry__act{grid-column:1;align-self:start}.entry__facts{margin:var(--sp-4) 0 0;color:var(--ink-3);font-size:var(--fs-small);line-height:1.8}.strip__side{min-width:0;padding:var(--sp-5);border:1px solid var(--line-2);background:var(--bg);grid-area:1/2/span 2;margin:0}.mini-board{border-collapse:collapse;table-layout:fixed;width:100%;font-size:var(--fs-small)}.mini-board col.mini-board__slot{width:52px}.mini-board th{padding:var(--sp-3) var(--sp-2);text-align:left;color:var(--ink-2);font-weight:400}.mini-board .pt-stagehead{font-size:var(--fs-lead);color:var(--label);border-bottom:2px solid var(--metal-line);font-weight:700}.mini-board td{border-bottom:1px solid var(--line);padding:0}.mini-cell{gap:var(--sp-1);padding:var(--sp-3) var(--sp-2);display:grid}.mini-cell__title{align-items:baseline;gap:var(--sp-1);flex-wrap:wrap;display:flex}.mini-cell__zh{color:var(--ink);font-weight:600}.mini-cell__en{color:var(--ink-3);font-size:var(--fs-micro);overflow-wrap:anywhere}.mini-cell__mark{background:color-mix(in srgb, var(--metal-line) 30%, transparent);border:1px solid var(--control-edge);padding-inline:var(--sp-1);color:var(--label);font-size:var(--fs-micro)}.mini-cell--added,.mini-cell--changed{border-inline-start:2px solid var(--bronze-lo);background:var(--surface)}.mini-detail{padding:var(--sp-3);background:var(--surface)}.mini-detail--mid{padding-block:0}.mini-detail__head{align-items:center;gap:var(--sp-2) var(--sp-4);font-size:var(--fs-small);color:var(--ink-2);flex-wrap:wrap;display:flex}.mini-detail__head b{color:var(--ink)}.mini-detail__ok{align-items:center;gap:var(--sp-1);display:inline-flex}.mini-detail .pt-pair{grid-template-columns:20px minmax(0,1fr)}.mini-detail .pt-pair__zh{grid-column:2}.demo__spot{font-size:var(--fs-lead)}.coe-after{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.home-common{padding-block:var(--sp-5);border-top:1px solid var(--line);color:var(--ink-3);font-size:var(--fs-small);margin:0}@media (width<=980px){.home-main{padding-block:var(--sp-6)}.home-hero{grid-template-columns:minmax(0,1fr);min-height:0}.home-item{justify-self:center;width:min(100%,500px)}.entry{gap:var(--sp-5);padding-block:var(--sp-7);grid-template-columns:minmax(0,1fr)}.strip__side{grid-area:auto/1}}@media (width<=620px){.home-actions{flex-direction:column}.home-item__stack{padding-block-start:calc(var(--sp-7) + var(--sp-5))}.home-tip__head{min-height:68px}.home-tip--back{translate:calc(-1 * var(--sp-2)) calc(-1 * (var(--sp-7) + var(--sp-5)))}.home-tip--front{translate:var(--sp-2) 0}.home-tip .home-tip__name{font-size:var(--fs-title)}.home-item__flip{min-height:44px}.home-tip__body{font-size:var(--fs-data)}.strip__side{padding:var(--sp-4)}.entry__act .pt-btn{width:100%}.entry .nw{white-space:normal}.demo__spot{font-size:var(--fs-data)}}@media (prefers-reduced-motion:reduce){.home-tip{transition:none}.home-tip--back,.home-tip--front{rotate:none}}@media (forced-colors:active){.home-tip,.mini-cell--added,.mini-cell--changed{border-color:canvastext}}
