.home{display:flex;align-items:flex-start;gap:var(--hg);container-type:inline-size;--hg: clamp(24px, 5vw, 56px);--g: 16px;--c: min(136px, calc((100cqw - var(--hg) - 4 * var(--g)) / 6), calc((100svh - 150px) / 5.75));justify-content:center}.home .side{flex:0 0 auto;width:var(--c)}.home .deck{flex:0 0 auto;width:calc(5 * var(--c) + 4 * var(--g))}.home .board{grid-template-columns:repeat(5,var(--c));column-gap:var(--g);row-gap:20px}.home .slot .label .kan{font-size:max(13px,calc(var(--c) * .132));line-height:1.4}.home .slot .label .sub{font-size:max(8px,calc(var(--c) * .088));line-height:1.4}.sitename-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}.side .brandcard{width:var(--c);margin:0;border:0;padding:0;background:transparent;cursor:pointer}.brandcard .back.brandback{align-items:center;justify-content:center;padding:16px 10px;gap:0}.brandcard .back.brandback .couplet{font-family:var(--f-min);color:var(--ink);font-size:clamp(10px,calc(var(--c) * .11),16px);line-height:1.4;letter-spacing:.08em;white-space:nowrap}:root:lang(en) .brandcard .back.brandback .couplet{white-space:pre-line;letter-spacing:.03em;font-size:clamp(9px,calc(var(--c) * .1),14px);line-height:1.6}.side .intro{margin:18px 0 0;width:var(--c);display:flex;justify-content:center}.side .intro span{writing-mode:vertical-rl;white-space:pre-line;color:var(--nezumi);font-family:"Noto Serif SC",Songti SC,serif;font-size:clamp(10px,calc(var(--c) * .1),15px);line-height:1.5;letter-spacing:.22em}.langs{display:flex;justify-content:flex-end;gap:3px;margin-top:8px;width:var(--c)}.langs button{font-family:var(--font-sans);font-size:7px;line-height:1.3;letter-spacing:.02em;color:var(--sumi);background:var(--washi-raised);border:1px solid var(--sumi);border-radius:var(--radius-full);padding:0 4px;min-width:15px;cursor:pointer}.langs button:hover{background:var(--sakura)}.langs button[aria-pressed=true]{background:var(--yamabuki)}.langs button:focus-visible{outline:3px solid var(--yamabuki);outline-offset:2px}.ctrlrow{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:8px;width:var(--c)}.ctrlrow .langs{margin-top:0;width:auto}.dimswitch{display:inline-flex;align-items:center;gap:3px;padding:0;border:0;background:none;cursor:pointer;font-family:var(--font-sans);font-size:7px;line-height:1.3;letter-spacing:.02em;color:var(--sumi)}.dimswitch__track{position:relative;width:16px;height:9px;border:1px solid var(--sumi);border-radius:var(--radius-full);background:var(--washi-raised);transition:background .2s}.dimswitch__knob{position:absolute;top:1px;left:1px;width:5px;height:5px;border-radius:50%;background:var(--sumi);transition:transform .2s}.dimswitch[aria-checked=true] .dimswitch__track{background:var(--yamabuki)}.dimswitch[aria-checked=true] .dimswitch__knob{transform:translate(7px)}.dimswitch:hover .dimswitch__track{background:var(--sakura)}.dimswitch[aria-checked=true]:hover .dimswitch__track{background:var(--yamabuki)}.dimswitch:focus-visible{outline:3px solid var(--yamabuki);outline-offset:2px;border-radius:4px}.home .slot{transition:opacity .3s,filter .3s}.home.dim-empty .slot[data-empty="1"]{opacity:.35;filter:grayscale(.85)}@media(max-width:900px){.home{--g: 12px}}@media(max-width:600px){.home{--c: calc((100cqw - var(--hg) - 2 * var(--g)) / 4)}.home .deck{width:calc(3 * var(--c) + 2 * var(--g))}.home .board{grid-template-columns:repeat(3,var(--c))}}@media(max-width:560px){.home{--c: calc((100cqw - 2 * var(--g)) / 3)}.home .deck{width:100%}.home{display:block}.home .side{width:auto;margin-bottom:26px}.home .side{display:grid;grid-template-columns:var(--c) var(--c);column-gap:var(--g)}.side .brandcard{grid-column:1;grid-row:1}.side .intro{grid-column:2;grid-row:1;margin:0;align-self:center}.side .ctrlrow{grid-column:1;grid-row:2;margin-top:8px}.langs{margin-top:8px}}.months{display:flex;gap:3px;flex-wrap:wrap;margin-bottom:26px}.months button{flex:1 1 auto;min-width:40px;font-family:var(--f-min);font-size:12px;letter-spacing:.06em;padding:6px 2px;border:1px solid var(--line-2);background:transparent;color:var(--ink-3);cursor:pointer;transition:.18s}.months button:hover{border-color:var(--line);color:var(--ink-2)}.months button[aria-pressed=true]{border-color:var(--brand);color:var(--ink);background:var(--pick)}.board,.outer{display:grid;grid-template-columns:repeat(5,1fr);gap:22px 16px}@media(max-width:900px){.board,.outer{gap:18px 12px}}@media(max-width:600px){.board,.outer{grid-template-columns:repeat(3,1fr);gap:16px 10px}}@media(max-width:420px){.board,.outer{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.home{--c: calc((100cqw - var(--g)) / 2)}.home .board{grid-template-columns:repeat(2,var(--c))}}.slot{width:auto;min-width:0}.slot .label{display:flex;flex-direction:column;align-items:center;gap:1px;margin-top:10px}.slot .label .sub{font-family:var(--f-label);font-size:8px;line-height:11px;letter-spacing:.06em;color:var(--label-sub)}.slot .label .kan{font-family:var(--f-label);font-weight:600;font-size:13px;line-height:18px;letter-spacing:.08em;color:var(--label)}.fuda{position:relative;width:100%;aspect-ratio:5/8;cursor:pointer;border:0;padding:0;background:transparent;display:block}.fuda .back{visibility:hidden}.fuda[data-flip] .face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.fuda[data-flip] .front{transform:perspective(1100px) rotateY(0)}.fuda[data-flip] .back{visibility:visible;transform:perspective(1100px) rotateY(180deg)}.fuda[data-flip="1"] .front{transform:perspective(1100px) rotateY(-180deg)}.fuda[data-flip="1"] .back{transform:perspective(1100px) rotateY(0)}.fuda:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.face{position:absolute;inset:0;border:1.5px solid var(--edge);border-radius:5px;overflow:hidden;display:flex}.front{background:var(--card)}.back{background:var(--back);writing-mode:vertical-rl;flex-direction:column;align-items:stretch;padding:9px 8px;gap:4px;text-align:start}.front .inner{position:absolute;inset:3px;border:1px solid var(--line-2);border-radius:3px}.front .name{position:absolute;right:9px;top:11px;writing-mode:vertical-rl;font-family:var(--f-min);font-weight:600;font-size:17px;letter-spacing:.16em;color:var(--ink)}.front .mark{position:absolute;left:7px;top:7px;font-size:8.5px;letter-spacing:.08em;color:var(--ink-3);font-variant-numeric:tabular-nums;line-height:1.3}.front .cat-slot{position:absolute;left:7px;bottom:26px;font-family:var(--f-min);font-size:13px;color:var(--ink);opacity:0;transition:opacity .3s;z-index:2}.front.art .cat-slot{left:6px;bottom:24px;font-size:10px;color:#22211f;background:color-mix(in srgb,#f7f3ea 92%,transparent);padding:1px 4px;border-radius:2px}.front.drawn .role{position:absolute;left:0;right:0;bottom:0;padding:4px 6px;font-size:8.5px;letter-spacing:.1em;color:var(--ink-2);z-index:2;border-top:1px solid var(--line-2);background:color-mix(in srgb,var(--card) 60%,transparent);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.front .rank{position:absolute;right:5px;bottom:22px;font-size:8px;letter-spacing:.06em;color:var(--ink-3);writing-mode:vertical-rl}.front .tanzaku{position:absolute;left:14px;top:12px;bottom:26px;width:17px;border:1px solid var(--tz, var(--line));background:color-mix(in srgb,var(--tz, var(--line)) 12%,transparent);writing-mode:vertical-rl;font-family:var(--f-min);font-size:9px;letter-spacing:.1em;color:var(--ink-2);padding:5px 2px;overflow:hidden}.front.art{padding:0;border:0;border-radius:0;overflow:visible;background:transparent}.front.art .art-svg{position:absolute;inset:0;width:100%;height:100%;display:block}.back .bt{font-family:var(--f-min);font-weight:600;font-size:14px;line-height:1.15;letter-spacing:.14em;color:var(--ink)}.back .couplet{font-family:var(--f-min);font-size:10px;line-height:1.2;letter-spacing:.04em;color:var(--nezumi)}.back ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;flex:1}.back li{font-size:10px;line-height:1.2;letter-spacing:0;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.back li .dt{color:var(--muted);font-variant-numeric:tabular-nums}.back .empty{font-family:var(--f-min);font-size:10px;line-height:1.25;color:var(--muted);flex:1}.back .enter{font-size:10px;line-height:1.15;letter-spacing:.1em;color:var(--brand);cursor:pointer;padding:2px 1px}.back .enter:hover{text-decoration:underline;text-underline-offset:3px}.tools{display:flex;gap:6px;flex-wrap:wrap;margin-top:28px}button.t{font-family:var(--f-mono);font-size:11px;color:var(--ink-2);background:transparent;border:1px solid var(--line);padding:5px 10px;cursor:pointer}button.t:hover{border-color:var(--brand);color:var(--brand)}.fuda{text-decoration:none;color:inherit}.fuda[data-flip="1"] .back:before{content:"";position:absolute;left:0;top:0;bottom:0;width:25%;border-radius:inherit;pointer-events:none}.fuda[data-flip="1"]:hover .back:before{background:var(--pick);opacity:.55}