.home-page{display:grid;width:100%;min-width:0;gap:22px;padding:24px 0 56px}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:20px;align-items:stretch}.home-hero-copy{display:grid;min-width:0;align-content:center;gap:16px;padding:12px 0}.home-hero h1{max-width:780px;margin:0;color:var(--text);font-size:var(--text-3xl);font-weight:900;line-height:1.08;overflow-wrap:anywhere}.home-hero p{max-width:720px;margin:0;color:var(--muted);font-size:var(--text-lg);font-weight:800;line-height:1.55}.home-hero-visual{position:relative;display:grid;min-width:0;overflow:hidden;height:max-content;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.home-visual-media{position:relative;aspect-ratio:var(--home-visual-ratio, 16 / 9);overflow:hidden;background:linear-gradient(135deg,var(--surface-soft),color-mix(in srgb,var(--warning-soft),var(--surface) 54%))}.home-visual-image{display:block;width:100%;height:100%;object-fit:cover}.home-visual-video{display:block;width:100%;height:100%;background:#000;object-fit:contain}.home-latest-win-media{position:relative;display:block;width:100%;height:100%;color:inherit;text-decoration:none}.home-video-toggle{background:radial-gradient(circle at 72% 18%,rgba(13,110,253,.22),transparent 34%),linear-gradient(135deg,var(--surface-soft),color-mix(in srgb,var(--warning-soft),var(--surface) 48%));cursor:pointer}.home-video-toggle[data-video-state=preview] .home-visual-video{opacity:0;background:transparent;object-fit:cover}.home-visual-play{position:absolute;left:50%;top:50%;display:grid;width:56px;height:56px;place-items:center;border:1px solid rgba(255,255,255,.58);border-radius:50%;color:#fff;background:#11182794;box-shadow:var(--shadow-md);pointer-events:none;transform:translate(-50%,-50%)}.home-visual-play:before{content:"";width:0;height:0;margin-left:4px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:17px solid currentColor}.home-latest-win-media:focus-visible{outline:3px solid var(--accent-soft);outline-offset:-3px}.home-visual-badge{position:absolute;top:12px;left:12px;display:inline-flex;min-height:34px;max-width:calc(100% - 24px);align-items:center;gap:8px;padding:0 12px;border:1px solid color-mix(in srgb,var(--success),transparent 52%);border-radius:var(--radius);color:var(--success);background:color-mix(in srgb,var(--surface),transparent 8%);font-size:var(--text-sm);font-weight:900;box-shadow:var(--shadow-sm);transition:opacity .2s}.home-visual-badge:hover{opacity:0}.home-visual-badge span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-visual-caption{position:absolute;left:12px;right:12px;bottom:12px;display:grid;gap:4px;padding:12px;border:1px solid color-mix(in srgb,var(--line-strong),transparent 24%);border-radius:var(--radius);color:#fff;background:#111827b8;backdrop-filter:blur(8px)}.home-visual-caption strong,.home-visual-caption span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-visual-caption strong{font-size:var(--text-base);font-weight:900}.home-visual-caption span{font-size:var(--text-sm);font-weight:800}.home-visual-html{min-width:0;color:inherit;font-size:var(--text-sm);font-weight:800;line-height:1.35;overflow-wrap:anywhere}.home-visual-html :where(p,ul,ol){margin:0}.home-visual-html a{color:inherit;font-weight:900;text-decoration:underline;text-underline-offset:3px}.home-visual-html :where(img,video){max-width:100%;height:auto}.home-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.home-stat{display:grid;min-width:0;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:12px;background:var(--surface)}.home-stat+.home-stat{border-left:1px solid var(--line)}.home-stat-icon,.home-notice-icon,.home-empty-icon,.home-loading-icon,.home-action-icon{display:grid;place-items:center;color:var(--accent);background:var(--accent-soft)}.home-stat-icon{width:34px;height:34px;border-radius:var(--radius)}.home-stat-body{display:grid;min-width:0;gap:2px}.home-stat strong{color:var(--text);font-size:var(--text-lg);font-weight:900;line-height:1}.home-stat span{min-width:0;overflow:hidden;color:var(--muted);font-size:var(--text-xs);font-weight:900;text-overflow:ellipsis;white-space:nowrap}.home-loading,.home-notice,.home-empty{display:flex;min-width:0;align-items:center;gap:10px;padding:14px;border:1px solid var(--line-strong);border-radius:var(--radius-lg);color:var(--muted);background:var(--surface);font-weight:900}.home-loading{justify-content:center;min-height:84px}.home-loading-icon,.home-notice-icon,.home-empty-icon{width:42px;height:42px;flex:0 0 auto;border-radius:var(--radius)}.home-loading-icon{color:var(--info);background:var(--info-soft)}.home-notice-icon{color:var(--warning);background:var(--warning-soft)}.home-empty-icon{color:var(--muted);background:var(--surface-soft)}.home-section,.home-banner-section,.home-catalogs{display:grid;min-width:0;gap:14px}.home-section>h2,.home-catalogs h2,.home-section-copy h2{margin:0;color:var(--text);font-size:var(--text-2xl);font-weight:900;line-height:1.16}.home-section-header{display:flex;min-width:0;align-items:end;justify-content:space-between;gap:16px}.home-section-copy{display:grid;min-width:0;gap:6px}.home-section-copy p{max-width:680px;margin:0;color:var(--muted);font-size:var(--text-base);font-weight:800;line-height:1.55}.home-section-link{flex:0 0 auto}.home-banner-carousel{position:relative;display:grid;min-width:0;gap:10px}.home-banner-viewport{position:relative;display:block;min-width:0;aspect-ratio:16 / 5;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface-soft);box-shadow:var(--shadow-sm)}.home-banner-track{display:flex;width:100%;height:100%;transform:translate(calc(var(--home-banner-index, 0) * -100%));transition:transform .36s ease}.home-banner-slide{position:relative;min-width:100%;height:100%;flex:0 0 100%;opacity:.92;pointer-events:none;transition:opacity .18s ease}.home-banner-slide.is-active{opacity:1;pointer-events:auto}.home-banner-item{position:relative;display:block;width:100%;height:100%;min-width:0;color:inherit;background:var(--surface-soft);text-decoration:none}a.home-banner-item:focus-visible{outline:3px solid var(--accent-soft);outline-offset:-3px}.home-banner-image{display:block;width:100%;height:100%;object-fit:cover}.home-banner-copy{position:absolute;left:12px;right:12px;bottom:12px;display:grid;gap:4px;width:fit-content;max-width:min(560px,calc(100% - 24px));padding:10px 12px;border:1px solid color-mix(in srgb,var(--line-strong),transparent 28%);border-radius:var(--radius);color:#fff;background:#111827b8;backdrop-filter:blur(8px)}.home-banner-copy strong,.home-banner-copy span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-banner-copy strong{font-size:var(--text-base);font-weight:900}.home-banner-copy span{font-size:var(--text-sm);font-weight:800}.home-banner-html{min-width:0;color:inherit;font-size:var(--text-sm);font-weight:800;line-height:1.35;overflow-wrap:anywhere}.home-banner-html :where(p,ul,ol){margin:0}.home-banner-html a{color:inherit;font-weight:900;text-decoration:underline;text-underline-offset:3px}.home-banner-html :where(img,video){max-width:100%;height:auto}.home-banner-controls{position:absolute;top:0;left:0;right:0;z-index:2;aspect-ratio:16 / 5;pointer-events:none}.home-banner-nav{position:absolute;top:50%;display:grid;width:38px;height:38px;place-items:center;padding:0;border:1px solid color-mix(in srgb,var(--line-strong),transparent 18%);border-radius:var(--radius);appearance:none;color:var(--text);background:color-mix(in srgb,var(--surface),transparent 8%);box-shadow:var(--shadow-sm);cursor:pointer;pointer-events:auto;transform:translateY(-50%);backdrop-filter:blur(8px);transition:border-color .14s ease,background .14s ease,transform .14s ease}.home-banner-nav:hover{border-color:var(--accent);background:var(--surface);transform:translateY(calc(-50% - 1px))}.home-banner-nav:focus-visible,.home-banner-dot:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}.home-banner-prev{left:10px}.home-banner-next{right:10px}.home-banner-dots{display:flex;min-width:0;justify-content:center;gap:8px}.home-banner-dot{width:26px;height:6px;padding:0;border:0;border-radius:999px;appearance:none;background:var(--line-strong);cursor:pointer;transition:width .16s ease,background .16s ease}.home-banner-dot.is-active{width:38px;background:var(--accent)}.home-action-grid,.home-section-grid{display:grid;min-width:0;gap:12px}.home-action-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.home-section-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-action-card{display:grid;min-width:0;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;padding:14px;border:1px solid var(--line-strong);border-radius:var(--radius-lg);color:var(--text);background:color-mix(in srgb,var(--surface),var(--surface-soft) 28%);text-decoration:none;box-shadow:var(--shadow-sm);transition:border-color .14s ease,transform .14s ease,background .14s ease}.home-action-card:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft),var(--surface) 46%);transform:translateY(-1px)}.home-action-icon{width:44px;height:44px;border-radius:var(--radius)}.home-action-title{min-width:0;overflow:hidden;color:var(--text);font-size:var(--text-base);font-weight:900;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.home-catalog-list{display:flex;flex-wrap:wrap;gap:8px}.home-catalog-button{--btn-bg: color-mix(in srgb, var(--surface), var(--surface-soft) 28%);--btn-border: var(--line-strong);--btn-color: var(--info);--btn-text: var(--text);--btn-soft: var(--info-soft);display:inline-flex;min-height:34px;max-width:220px;align-items:center;padding:0 12px;overflow:hidden;border:1px solid var(--btn-border);border-radius:var(--radius);color:var(--btn-text);background:var(--btn-bg);font:inherit;font-size:var(--text-sm);font-weight:900;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.home-catalog-button:hover,.home-catalog-button:focus-visible{--btn-bg: var(--btn-soft);--btn-border: var(--btn-color);--btn-text: var(--btn-color)}.home-catalog-button:focus-visible{outline:3px solid var(--info-soft);outline-offset:2px}.home-catalog-button.is-active,.home-catalog-button[aria-pressed=true]{--btn-bg: var(--btn-color);--btn-border: var(--btn-color);--btn-text: var(--info-contrast)}.home-machine-content{min-width:0}.home-machine-grid{display:grid;min-width:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.home-machine-card{display:grid;min-width:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.home-machine-media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--surface-soft)}.home-machine-image{width:100%;height:100%;object-fit:cover}.home-machine-body{display:grid;min-width:0;gap:12px;padding:14px}.home-machine-body h3{margin:0;overflow:hidden;color:var(--text);font-size:var(--text-lg);font-weight:900;line-height:1.25;overflow-wrap:anywhere}.home-machine-meta{position:absolute;right:10px;bottom:10px;display:flex;flex-wrap:wrap;gap:8px;max-width:calc(100% - 20px);justify-content:flex-end}.home-meta-chip{display:inline-flex;min-height:30px;max-width:100%;align-items:center;gap:6px;padding:0 10px;border-radius:var(--radius);color:var(--accent);background:color-mix(in srgb,var(--surface),transparent 10%);font-size:var(--text-sm);font-weight:900;box-shadow:var(--shadow-sm);backdrop-filter:blur(8px)}.home-meta-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-machine-button{width:100%}.home-activity-grid{display:grid;min-width:0;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:14px}.home-activity-section{align-content:start}.home-record-list,.home-player-list{display:grid;min-width:0;gap:10px}.home-record-item,.home-player-item{--btn-bg: var(--surface);--btn-border: var(--line-strong);--btn-color: var(--text);--btn-text: var(--btn-color);--btn-soft: var(--surface-soft);display:grid;width:100%;min-width:0;align-items:center;gap:12px;padding:12px;border:1px solid var(--btn-border);border-radius:var(--radius-lg);color:var(--btn-text);background:var(--btn-bg);font:inherit;text-decoration:none;box-shadow:var(--shadow-sm)}.home-record-item{grid-template-columns:58px minmax(0,1fr) 34px;text-align:left}.home-player-item{grid-template-columns:48px 48px minmax(0,1fr) minmax(96px,auto)}button.home-record-item{cursor:pointer}button.home-record-item:hover,a.home-player-item:hover{--btn-bg: var(--btn-soft);--btn-border: var(--accent)}button.home-record-item:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}.home-record-media,.home-player-avatar{overflow:hidden;border-radius:var(--radius);background:var(--surface-soft)}.home-record-media{width:58px;aspect-ratio:1}.home-player-avatar{width:48px;aspect-ratio:1}.home-record-media img,.home-player-avatar img{width:100%;height:100%;object-fit:cover}.home-record-body,.home-player-body,.home-player-score{display:grid;min-width:0;gap:3px}.home-record-body strong,.home-player-body strong,.home-player-score strong{min-width:0;overflow:hidden;color:var(--text);font-weight:900;text-overflow:ellipsis;white-space:nowrap}.home-record-body span,.home-player-body span,.home-player-score span{min-width:0;overflow:hidden;color:var(--muted);font-size:var(--text-sm);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.home-player-score{text-align:right}.home-record-play{display:grid;width:34px;height:34px;place-items:center;border-radius:var(--radius);color:var(--info);background:var(--info-soft)}.home-player-rank{display:grid;width:48px;height:48px;place-items:center;border-radius:var(--radius);color:#8a5600;background:var(--warning-soft);font-weight:900}[data-theme=dark] .home-player-rank,.home-tone-warning .home-action-icon,.home-tone-warning.home-meta-chip{color:var(--warning)}.home-tone-info .home-action-icon,.home-tone-info.home-meta-chip{color:var(--info)}.home-tone-success .home-action-icon,.home-tone-success.home-meta-chip{color:var(--success);background:var(--success-soft)}.home-tone-question .home-action-icon,.home-tone-question.home-meta-chip{color:var(--question);background:var(--question-soft)}.home-skeleton-card{display:grid;gap:12px;padding:12px;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface)}.home-skeleton{overflow:hidden;border-radius:var(--radius);background:linear-gradient(90deg,var(--surface-soft),var(--line),var(--surface-soft));background-size:240% 100%;animation:home-skeleton 1.2s ease-in-out infinite}.home-skeleton-image{aspect-ratio:16 / 10}.home-skeleton-title{width:72%;height:24px}.home-skeleton-line{height:16px}@keyframes home-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.home-banner-track,.home-banner-slide,.home-banner-nav,.home-banner-dot{transition:none}}@media(max-width:1040px){.home-action-grid,.home-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-machine-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-activity-grid{grid-template-columns:1fr}}@media(max-width:820px){.home-page{padding-top:18px}.home-hero{grid-template-columns:1fr}.home-hero h1{font-size:2.125rem}.home-hero p{font-size:var(--text-base)}.home-machine-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.home-section-link{width:100%}.home-action-grid,.home-section-grid{grid-template-columns:1fr}.home-machine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-stats{grid-template-columns:1fr}.home-stat+.home-stat{border-top:1px solid var(--line);border-left:0}.home-section-header{align-items:stretch;flex-direction:column}.home-record-item{grid-template-columns:52px minmax(0,1fr) 34px}.home-record-media{width:52px}.home-player-item{grid-template-columns:40px 44px minmax(0,1fr)}.home-player-rank{width:40px;height:44px}.home-player-avatar{width:44px}.home-player-score{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) auto;text-align:left}}@media(max-width:420px){.home-hero h1{font-size:1.875rem}.home-action-card{grid-template-columns:40px minmax(0,1fr)}.home-machine-grid{grid-template-columns:1fr}}