.home-view-body{z-index:1;width:100%;max-width:1100px;padding:calc(.85rem + env(safe-area-inset-top,0px)) 1rem calc(2rem + env(safe-area-inset-bottom,0px));box-sizing:border-box;margin:0 auto;position:relative}@media (min-width:761px){.home-view-body{padding-inline:1.5rem;padding-top:calc(1.1rem + env(safe-area-inset-top,0px))}}.home-site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem 1rem;margin-bottom:.35rem;display:flex}.home-site-brand{color:#fff;align-items:center;gap:.55rem;min-width:0;text-decoration:none;display:inline-flex}.home-site-logo{object-fit:contain;width:3.25rem;height:3.25rem;box-shadow:none;background:0 0;border-radius:0;flex:none}.home-site-brand-text{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.02em;text-transform:none;text-shadow:0 1px 10px #0006;font-size:1.2rem;font-weight:700;overflow:hidden}.home-site-header-end{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem .85rem;margin-left:auto;display:inline-flex}.home-site-links{color:#ffffffe0;align-items:center;gap:.45rem;font-size:.84rem;font-weight:550;display:inline-flex}.home-site-link{appearance:none;color:inherit;font:inherit;font-weight:inherit;cursor:pointer;text-shadow:0 1px 8px #00000059;background:0 0;border:none;margin:0;padding:0}.home-site-link:hover{color:#fff;text-underline-offset:.18em;text-decoration:underline}.home-site-link-sep{opacity:.45;-webkit-user-select:none;user-select:none}.home-site-header-end .locale-switch{flex:none}@media (max-width:420px){.home-site-brand-text{display:none}}.home-notice{justify-content:center;width:100%;margin:0 auto 1.25rem;display:flex}.home-notice-frame{width:100%;max-width:420px;position:relative}.home-notice-img{object-fit:contain;opacity:.2;filter:drop-shadow(0 6px 18px #00000047);width:100%;height:auto;display:block}.home-notice-title{z-index:1;color:#2a1808;font-family:var(--font-calligraphy), "Great Vibes", cursive;letter-spacing:.01em;text-align:center;white-space:pre-line;text-shadow:.4px 0,-.4px 0,0 .4px,0 -.4px,0 1px #fff8e673,0 1px 2px #5a371438;-webkit-text-stroke:.35px #2a180859;paint-order:stroke fill;pointer-events:none;margin:0;font-size:clamp(1.15rem,4.6vw,1.65rem);font-weight:400;line-height:1.2;position:absolute;top:52%;left:15%;right:15%;transform:translateY(-50%)}.home-ban-guide{appearance:none;color:#fff;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c1873;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:.4rem;margin:0;padding:.55rem .85rem;font-size:.86rem;font-weight:550;transition:background .2s,border-color .2s;display:inline-flex}.home-ban-guide:hover{background:#080c18a6;border-color:#ffffff6b}.home-ban-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.75rem;display:grid}@media (min-width:640px){.home-ban-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}}@media (min-width:960px){.home-ban-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}.home-ban-grid>[role=listitem]{min-height:0;display:flex}.home-ban-card{appearance:none;color:#fff;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:default;background:linear-gradient(165deg,#121c34d1 0%,#0a1020e0 100%);border:1px solid #8caadc2e;border-radius:1rem;flex-direction:column;align-items:center;width:100%;height:100%;min-height:100%;margin:0;padding:1rem .75rem .85rem;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 10px 28px #00000047}button.home-ban-card{font:inherit}.home-ban-card.is-interactive{cursor:pointer}.home-ban-card.is-interactive:hover{border-color:#c8dcff59;transform:translateY(-2px)}.home-ban-card.is-featured{border-color:#e8c76ad9;box-shadow:0 0 0 1px #e8c76a59,0 0 22px #e8c76a59,0 12px 32px #00000059}.home-ban-card.is-offline{opacity:.72}.home-ban-card:disabled{cursor:not-allowed}.home-ban-icon-wrap{background:radial-gradient(circle at 50% 40%,#e8c76a2e,#0000 62%),#ffffff0a;border-radius:999px;place-items:center;width:5.5rem;height:5.5rem;margin-bottom:.65rem;display:grid;box-shadow:inset 0 0 0 1px #e8c76a38}.home-ban-icon-img{object-fit:contain;filter:drop-shadow(0 0 10px #e8c76a59);width:80px;height:80px}.home-ban-icon-placeholder{background:#080c1859;border:1px solid #e8c76a73;border-radius:999px;place-items:center;width:4.4rem;height:4.4rem;display:grid}.home-ban-icon-han{color:#e8c76a;text-shadow:0 0 12px #e8c76a73;font-size:1.65rem;font-weight:600;line-height:1}.home-ban-card-title{letter-spacing:.02em;justify-content:center;align-items:center;gap:.4rem;margin:0 0 .55rem;font-size:.98rem;font-weight:700;display:inline-flex}.home-ban-presence{border-radius:999px;flex:none;width:.55rem;height:.55rem;box-shadow:0 0 0 2px #00000040}.home-ban-presence.is-online{background:#22c55e;box-shadow:0 0 0 2px #00000040,0 0 8px #22c55e8c}.home-ban-presence.is-offline{background:#9ca3af}.home-ban-status{border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .65rem;font-size:.72rem;font-weight:650;line-height:1.2;display:inline-flex}.home-ban-status-dot{background:currentColor;border-radius:999px;width:.45rem;height:.45rem}.home-ban-status.is-empty{color:#fff;background:#1f9d55}.home-ban-status.is-viewing{color:#fff;background:#d64545}.home-ban-status.is-offline{color:#e5e7eb;background:#4b5563}.home-ban-guest{color:#ffffffc7;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .5rem;width:100%;min-height:2.35rem;margin-top:.55rem;font-size:.72rem;display:flex}.home-ban-guest[data-empty=true]{visibility:hidden}.home-ban-guest-avatar{background:linear-gradient(135deg,#9ca3af,#4b5563);border-radius:999px;width:1.15rem;height:1.15rem;box-shadow:inset 0 0 0 1px #ffffff40}.home-ban-guest-time{color:#ffffffb3;font-variant-numeric:tabular-nums;align-items:center;gap:.25rem;display:inline-flex}.home-ban-duration{color:#e2e8f0b8;align-items:center;gap:.3rem;margin:auto 0 0;padding-top:.7rem;font-size:.78rem;font-weight:500;display:inline-flex}.home-ban-card.is-featured .home-ban-duration{color:#e8c76a}