.oshii-flip{aspect-ratio:1;perspective:1200px;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;container-type:inline-size}.oshii-flip-inner{border-radius:inherit;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.oshii-flip.is-back .oshii-flip-inner{transform:rotateY(180deg)}.oshii-flip-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:inherit;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.oshii-flip-front{background:#0b1730}.oshii-flip-art{flex:1;min-height:0;position:relative}.oshii-flip .oshii-flip-art>img{object-fit:cover;width:100%;height:100%;display:block}.oshii-flip-badge{background:var(--rank);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:grid;position:absolute;top:8px;left:8px;box-shadow:0 2px 6px #0000004d}.oshii-flip-mono,.oshii-flip-bar,.oshii-flip-back dt,.oshii-flip-back dd,.oshii-flip-tag,.oshii-flip-hint{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.oshii-flip-back{color:#fff;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--rank) 65%,transparent);background:#17191f;padding:5cqw;transform:rotateY(180deg)}.oshii-flip-window{background:#1d2027;border:1px solid #33363f;border-radius:4cqw;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.oshii-flip .oshii-flip-bar{color:#c9ccd6;letter-spacing:.04em;background:#25282f;border-bottom:1px solid #33363f;align-items:center;gap:1.8cqw;margin:0;padding:3cqw 4cqw;font-size:max(9px,4.6cqw);display:flex}.oshii-flip-bar i{background:#ff5f57;border-radius:50%;flex:none;width:2.8cqw;min-width:6px;height:2.8cqw;min-height:6px}.oshii-flip-bar i:nth-child(2){background:#febc2e}.oshii-flip-bar i:nth-child(3){background:#28c840}.oshii-flip-bar span{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.oshii-flip-bar em{color:#17191f;letter-spacing:.08em;background:#fff;border-radius:999px;flex:none;padding:.6cqw 2.4cqw;font-style:normal;font-weight:800}.oshii-flip-body{flex-direction:column;flex:1;gap:3.5cqw;min-height:0;padding:4.5cqw;display:flex}.oshii-flip .oshii-flip-who{align-items:center;gap:4cqw;min-width:0;margin:0;display:flex}.oshii-flip .oshii-flip-who img{object-fit:cover;width:18cqw;height:18cqw;box-shadow:0 0 0 2px var(--rank);border-radius:4cqw;flex:none}.oshii-flip-who>span{gap:1cqw;min-width:0;display:grid}.oshii-flip-who strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:max(11px,6.4cqw);font-weight:900;line-height:1.25;overflow:hidden}.oshii-flip-who small{color:var(--rank);filter:brightness(1.35);font-size:max(9px,4.6cqw);font-weight:800}.oshii-flip-back dl{border-top:1px solid #33363f;grid-template-columns:1fr 1fr;gap:3cqw 4cqw;margin:0;padding-top:3.5cqw;display:grid}.oshii-flip-back dl>div{gap:.8cqw;min-width:0;display:grid}.oshii-flip-back dl>div.is-wide{grid-column:1/-1}.oshii-flip-back dt{letter-spacing:.12em;color:#8b90a0;font-size:max(8px,3.8cqw);font-weight:700}.oshii-flip-back dd{color:#eef0f5;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:max(10px,4.8cqw);font-weight:700;overflow:hidden}.oshii-flip-link{color:#ffd76a;align-self:flex-start;align-items:center;gap:4px;min-height:28px;margin-top:auto;font-size:max(10px,4.8cqw);font-weight:800;text-decoration:none;display:inline-flex}.oshii-flip-link:hover{text-decoration:underline}.oshii-flip-turn{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0e1cb8;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:6px;right:6px}:is(.oshii-flip-turn:focus-visible,.oshii-flip-hint:focus-visible){outline-offset:2px;outline:2px solid #ffd76a}.oshii-flip.is-small .oshii-flip-back{padding:0}.oshii-flip.is-small .oshii-flip-window{border:0;border-radius:0}@container (width<=200px){.oshii-flip .oshii-flip-who img,.oshii-flip-bar i{display:none}.oshii-flip-bar span{text-align:left}}.oshii-flip-wrap{justify-items:center;gap:10px;min-width:0;display:grid}.oshii-flip.is-large{aspect-ratio:4/5;border-radius:24px;width:100%;box-shadow:0 18px 40px #141a2e2e}.oshii-flip.is-large .oshii-flip-front{background:#fff;box-shadow:inset 0 0 0 1px #141a2e14}.oshii-flip-caption{color:#171a22;background:#fff;align-items:center;gap:12px;padding:14px 16px;display:flex}.oshii-flip-tag{border:1px solid color-mix(in srgb,var(--rank) 55%,#d7dae2);color:var(--rank);letter-spacing:.12em;border-radius:999px;flex:none;padding:6px 12px;font-size:.75rem;font-weight:800}.oshii-flip-caption>span{gap:2px;min-width:0;display:grid}.oshii-flip-caption strong{text-overflow:ellipsis;white-space:nowrap;font-size:1.125rem;font-weight:900;line-height:1.3;overflow:hidden}.oshii-flip-caption small{color:#6b7080;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.oshii-flip-hint{min-height:40px;color:var(--muted-foreground,#6b7080);letter-spacing:.22em;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 12px;font-size:.8125rem;font-weight:700;display:inline-flex}.oshii-flip-hint:hover{color:var(--foreground,#171a22)}@media (prefers-reduced-motion:reduce){.oshii-flip-inner{transition:none}}.home-keeper{color:#4a3a12;background:linear-gradient(135deg,#fff8e6,#fff3d1);border:1px solid #f1d58a;border-radius:18px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.home-keeper h2{margin:0 0 2px;font-size:1rem;font-weight:900}.home-keeper p{margin:0;font-size:.875rem;font-weight:700;line-height:1.6}.home-keeper small{color:#8a7232;margin-top:4px;font-size:.75rem;display:block}.home-keeper-icon{color:#fff;background:#e9b93a;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.home-oshii-mark{color:#4a3200;letter-spacing:.02em;background:linear-gradient(135deg,#f7d46b,#e9a92e);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:900;display:inline-flex;box-shadow:inset 0 1px #fff9}.home-oshii-note{color:#6b5420;margin:6px 0 0;font-size:.8125rem;font-weight:700;line-height:1.6}.oshii-flip-home{z-index:2;color:#4a3200;background:linear-gradient(135deg,#f7d46b,#e9a92e);border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:6px;left:6px;box-shadow:0 1px 3px #0003}.oshii-flip.is-home .oshii-flip-art{box-shadow:0 0 0 3px #f1c94f}
