.home-game-list{contain:size;gap:var(--space-16);min-width:0;min-height:0;padding:var(--space-24);border-radius:var(--radius-20);background:var(--home-surface-panel);flex-direction:column;display:flex;position:relative;overflow:hidden}.home-game-list-artwork{z-index:0;top:var(--space-10);right:var(--space-20);width:var(--layout-home-marshal-width);height:var(--layout-home-marshal-height);pointer-events:none;position:absolute;overflow:hidden}.home-game-list-artwork img{width:106.11%;max-width:none;height:130.45%;position:absolute;top:-17.12%;left:-3.42%}.home-game-list-header{z-index:2;align-items:center;gap:var(--space-16);flex-wrap:wrap;min-width:0;display:flex;position:relative}.home-game-language-filter{min-height:var(--space-32);align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-999);background:var(--home-surface-control);flex-shrink:0;display:flex}.home-game-language-filter-option{min-width:var(--space-40);height:var(--space-28);padding-inline:var(--space-8);border-radius:var(--radius-999);color:var(--color-text-primary);font-size:var(--type-caption-size);font-weight:700;line-height:var(--type-caption-line);cursor:pointer;background:0 0;border:0;transition:background-color .15s ease-out,color .15s ease-out}.home-game-language-filter-option:not([aria-pressed=true]):hover{background:var(--home-surface-hover)}.home-game-language-filter-option:not([aria-pressed=true]):active{background:var(--home-surface-pressed)}.home-game-language-filter-option[aria-pressed=true]{background:var(--color-accent);color:var(--color-on-accent)}.home-game-language-filter-option[aria-pressed=true]:hover{background:var(--home-action-hover)}.home-game-language-filter-option[aria-pressed=true]:active{background:var(--home-action-pressed)}.home-game-list-rows{z-index:1;width:var(--layout-home-ticket-width);gap:var(--space-12);overscroll-behavior-y:contain;overflow-anchor:none;scrollbar-width:thin;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden auto}.home-game-motion{border-radius:var(--radius-16);flex-shrink:0;width:100%;min-width:0}.home-game-motion:has(.home-game-row:focus-visible){outline:var(--stroke-3) solid var(--home-action-focus);outline-offset:calc(-1 * var(--stroke-3))}.home-game-list-section-label{align-items:center;gap:var(--space-12);color:var(--home-text-muted);font-size:var(--type-caption-size);font-weight:600;line-height:var(--type-caption-line);flex-shrink:0;display:flex}.home-game-list-section-label:after{content:"";height:var(--stroke-1);background:var(--home-border-divider);flex:1}.home-game-row{width:100%;height:var(--layout-home-game-row-height);align-items:center;gap:var(--space-12);padding:0 0 0 var(--space-24);border-radius:var(--radius-16);background:var(--home-surface-ticket);color:var(--color-text-primary);text-align:left;box-shadow:var(--home-ticket-shadow);-webkit-mask:radial-gradient(circle var(--layout-home-ticket-notch-height) at calc(100% - var(--layout-home-ticket-stub-width)) 0, transparent calc(var(--layout-home-ticket-notch-height) - .5px), black var(--layout-home-ticket-notch-height)) top / 100% 50% no-repeat, radial-gradient(circle var(--layout-home-ticket-notch-height) at calc(100% - var(--layout-home-ticket-stub-width)) 100%, transparent calc(var(--layout-home-ticket-notch-height) - .5px), black var(--layout-home-ticket-notch-height)) bottom / 100% 50% no-repeat;-webkit-mask:radial-gradient(circle var(--layout-home-ticket-notch-height) at calc(100% - var(--layout-home-ticket-stub-width)) 0, transparent calc(var(--layout-home-ticket-notch-height) - .5px), black var(--layout-home-ticket-notch-height)) top / 100% 50% no-repeat, radial-gradient(circle var(--layout-home-ticket-notch-height) at calc(100% - var(--layout-home-ticket-stub-width)) 100%, transparent calc(var(--layout-home-ticket-notch-height) - .5px), black var(--layout-home-ticket-notch-height)) bottom / 100% 50% no-repeat;mask:radial-gradient(circle var(--layout-home-ticket-notch-height) at calc(100% - var(--layout-home-ticket-stub-width)) 0, transparent calc(var(--layout-home-ticket-notch-height) - .5px), black var(--layout-home-ticket-notch-height)) top / 100% 50% no-repeat, radial-gradient(circle var(--layout-home-ticket-notch-height) at calc(100% - var(--layout-home-ticket-stub-width)) 100%, transparent calc(var(--layout-home-ticket-notch-height) - .5px), black var(--layout-home-ticket-notch-height)) bottom / 100% 50% no-repeat;border:0;transition:background-color .15s ease-out,transform .15s ease-out;display:flex;position:relative;overflow:hidden}.home-game-row:not(:disabled):hover{background:var(--home-surface-hover)}.home-game-row:not(:disabled):active{transform:translateY(var(--stroke-1));background:var(--home-surface-pressed)}.home-game-row[data-disabled=true]{opacity:var(--home-ticket-disabled-opacity);box-shadow:none}.home-game-accent{width:var(--layout-home-ticket-accent-width);height:var(--layout-home-ticket-accent-height);background:var(--color-accent);position:absolute;top:0;left:0;-webkit-mask:url(../media/ticket-mode-accent.3nlt3n0likbr7.svg) 50%/contain no-repeat;mask:url(../media/ticket-mode-accent.3nlt3n0likbr7.svg) 50%/contain no-repeat}.home-game-row[data-mode=competition] .home-game-accent{background:var(--home-mode-competition)}.home-game-row[data-mode=dictionary] .home-game-accent{background:var(--home-mode-dictionary)}.home-game-notch{z-index:2;right:calc(var(--layout-home-ticket-stub-width) - var(--layout-home-ticket-notch-width) / 2);width:var(--layout-home-ticket-notch-width);height:var(--layout-home-ticket-notch-height);pointer-events:none;position:absolute}.home-game-notch-top{border-radius:0 0 50% 50%;top:0}.home-game-notch-bottom{border-radius:50% 50% 0 0;bottom:0}.home-game-perforation{z-index:2;top:14px;right:calc(var(--layout-home-ticket-stub-width) - var(--stroke-1));width:var(--stroke-1);pointer-events:none;background:repeating-linear-gradient(to bottom, var(--color-text-secondary) 0 var(--space-4), transparent var(--space-4) var(--space-8));height:calc(100% - 28px);position:absolute}.home-game-info{width:var(--layout-home-ticket-info-width);align-items:center;gap:var(--space-12);flex-shrink:0;min-width:220px;display:flex}.home-game-mode-icon{width:var(--space-64);height:var(--layout-home-game-row-height);flex:0 0 var(--space-64);place-items:center;display:grid;overflow:hidden}.home-game-mode-icon img{-o-object-fit:cover;object-fit:cover;width:56px;height:52px}.home-game-row[data-mode=dictionary] .home-game-mode-icon img{width:52.12px;height:53.37px}.home-game-row:not([data-mode=competition]):not([data-mode=dictionary]) .home-game-mode-icon img{-o-object-fit:cover;object-fit:cover;width:48px;height:48.36px}.home-game-copy{align-items:flex-start;gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.home-game-title{max-width:200px;font-size:var(--type-body-large-size);font-weight:600;line-height:var(--type-body-line);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-game-language{min-width:var(--space-40);height:var(--space-24);padding-inline:var(--space-10);border:var(--stroke-1) solid var(--home-badge-border);background:var(--home-badge-surface);color:var(--home-badge-text);font-size:var(--type-caption-size);font-weight:700;line-height:var(--type-caption-line);border-radius:14px;place-items:center;display:grid}.home-game-players{align-items:center;gap:var(--space-16);flex:1;min-width:0;height:66px;display:flex;position:relative;overflow:hidden}.home-game-player{width:var(--layout-home-game-player-width);flex:0 0 var(--layout-home-game-player-width);justify-content:flex-end;align-items:center;gap:var(--space-6);opacity:1;height:66px;transition:opacity var(--motion-game-player-state-duration) ease-out;flex-direction:column;display:flex}.home-game-player[data-connected=false]{opacity:var(--opacity-home-game-player-disconnected)}.home-game-player-vehicle{--home-game-player-vehicle-scale:1.3;--home-game-player-vehicle-offset-y:var(--space-4);width:var(--layout-home-game-player-width);height:44px;display:block;overflow:visible}.home-game-player-vehicle canvas{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;translate:0 var(--home-game-player-vehicle-offset-y);transform:scale(var(--home-game-player-vehicle-scale));transform-origin:bottom;display:block}.home-game-player-name{width:var(--layout-home-game-player-width);height:var(--type-caption-line);color:var(--color-text-primary);font-size:var(--type-caption-size);font-weight:700;line-height:var(--type-caption-line);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-game-more{min-width:var(--space-32);height:var(--space-24);padding-inline:var(--space-8);border:var(--stroke-1) solid var(--home-badge-border);border-radius:var(--radius-999);background:var(--home-badge-surface);color:var(--home-badge-text);font-size:var(--type-caption-size);font-weight:700;line-height:var(--type-caption-line);white-space:nowrap;flex:none;place-items:center;display:grid}.home-game-more-measure{visibility:hidden;pointer-events:none;position:absolute}.home-game-timer{width:var(--layout-home-ticket-stub-width);min-width:var(--layout-home-ticket-stub-width);color:var(--color-text-primary);font-size:var(--type-caption-size);line-height:var(--type-caption-line);flex-direction:column;justify-content:center;align-self:stretch;align-items:center;display:flex;position:relative}.home-game-timer strong{font-size:var(--type-title-size);font-weight:700;line-height:var(--type-title-line);font-variant-numeric:tabular-nums}.home-game-started{color:var(--home-text-muted)}@media (max-width:1200px){.home-game-info{width:220px;min-width:220px}}@media (max-width:700px){.home-game-list{padding:var(--space-16)}.home-game-list-artwork{display:none}.home-game-row{--layout-home-ticket-stub-width:96px;padding-left:var(--space-12)}.home-game-info{flex:1;width:auto;min-width:0}.home-game-players{display:none}.home-game-title{font-size:var(--type-small-size);line-height:var(--type-small-line)}}@media (prefers-reduced-motion:reduce){.home-game-row,.home-game-player,.home-game-language-filter-option{transition:none}}
.home-hero{isolation:isolate;width:100%;height:var(--layout-home-hero-min-height);flex:0 0 var(--layout-home-hero-min-height);border-radius:var(--radius-20);background:var(--home-surface-panel);position:relative;overflow:hidden}.home-hero-artwork{z-index:-1;top:0;right:calc(-1 * var(--layout-home-hero-art-offset-x));width:var(--layout-home-hero-art-width);height:var(--layout-home-hero-min-height);-o-object-fit:cover;object-fit:cover;pointer-events:none;max-width:none;position:absolute}.home-hero-artwork-light{z-index:-1;top:0;right:calc(-1 * var(--layout-home-hero-light-art-offset-x));width:var(--layout-home-hero-light-art-width);height:var(--layout-home-hero-min-height);pointer-events:none;position:absolute;overflow:hidden}.home-hero-artwork-light img{width:100%;max-width:none;height:279.88%;position:absolute;top:-78.27%;left:0}.home-hero-artwork-light:after{content:"";top:0;bottom:0;left:calc(-1 * var(--stroke-1));width:var(--layout-home-hero-light-fade-width);background:linear-gradient(90deg, var(--home-surface-panel), transparent);position:absolute}.home-hero-body{height:100%;padding:var(--space-24);background:var(--gradient-home-hero-compact);align-items:center;display:flex;position:relative}.home-hero-content{width:min(var(--layout-home-hero-content-width), 100%);gap:var(--space-16);flex-direction:column;display:flex}.home-hero-copy{flex-direction:column;gap:4px;display:flex}.home-hero-title{color:var(--color-on-accent);font-size:28px;font-weight:700;line-height:36px}[data-theme=light] .home-hero-title{color:var(--color-text-primary)}.home-hero-description{color:var(--home-text-muted);font-size:14px;line-height:20px}.home-hero-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex;position:relative}.home-hero .home-hero-play,.home-hero .home-hero-create{height:var(--layout-home-control-height);min-height:var(--layout-home-control-height);border-radius:var(--radius-12);padding:var(--space-8) var(--space-16);font-size:var(--type-small-size);line-height:var(--type-small-line)}.home-hero .home-hero-play{padding-left:var(--space-32);box-shadow:0 0 var(--space-6) var(--home-blue-glow);font-weight:700}[data-theme=light] .home-hero .home-hero-play{box-shadow:0 0 6px #2660ff1f}.home-hero .home-hero-create{background:var(--home-surface-control);color:var(--color-text-primary);border:0}.home-hero .home-hero-play:not(:disabled):hover{background:var(--home-action-hover)}.home-hero .home-hero-play:not(:disabled):active{background:var(--home-action-pressed)}.home-hero .home-hero-create:not(:disabled):hover{background:var(--home-surface-hover)}.home-hero .home-hero-create:not(:disabled):active{background:var(--home-surface-pressed)}.home-hero .home-hero-play:focus-visible,.home-hero .home-hero-create:focus-visible{outline:var(--stroke-3) solid var(--home-action-focus);outline-offset:var(--space-2)}.home-hero-lightning{width:8px;height:14px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.home-hero-error{color:var(--color-danger);font-size:12px;position:absolute;top:calc(100% + 4px);left:0}@media (max-width:760px){.home-hero-artwork,.home-hero-artwork-light{opacity:.56;right:-420px}}
.home{width:100%;min-width:0}.home-content{z-index:1;width:100%;max-width:var(--layout-home-content-width);height:calc(var(--layout-viewport-height) - var(--layout-header-height));min-height:0;padding:var(--space-12) var(--space-32) 0;gap:var(--space-12);flex-direction:column;margin:0 auto;display:flex;position:relative}.home-columns{max-height:var(--layout-home-main-max-height);grid-template-columns:minmax(0, 1fr) var(--layout-home-ranking-width);align-items:stretch;gap:var(--space-12);flex:1;min-height:0;display:grid}.home-main-column{gap:var(--space-12);flex-direction:column;min-width:0;min-height:0;display:flex}.home-main-column>.home-game-list{max-height:var(--layout-home-game-list-max-height);flex:1}.home-sidebar{align-self:start;gap:var(--space-12);flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.home-side-panel{border-radius:var(--radius-20);background:var(--home-surface-panel);position:relative;overflow:hidden}.home-panel-title{color:var(--color-text-primary);font-size:var(--type-lead-size);font-weight:600;line-height:var(--type-lead-line)}.daily-tasks{height:auto;min-height:var(--layout-home-daily-compact-height);flex-direction:column;flex:0 .01 max-content;padding:var(--space-16);border-radius:var(--radius-24);display:flex}.daily-tasks-artwork{pointer-events:none;width:105.3%;max-width:none;height:auto;position:absolute;top:0;left:-.25%}.daily-tasks-heading,.daily-tasks-list{z-index:1;position:relative}.daily-tasks-heading{gap:var(--space-4);flex-direction:column;display:flex}.daily-tasks-heading h2{font-size:var(--type-lead-size);font-weight:600;line-height:var(--type-lead-line)}.daily-tasks-heading p{color:var(--home-text-muted);font-size:var(--type-caption-size);line-height:var(--type-caption-line)}.daily-tasks-list{margin:var(--space-12) 0 0;gap:var(--space-6);scrollbar-gutter:stable;scrollbar-width:thin;flex-direction:column;flex:1;min-height:0;padding:0;list-style:none;display:flex;overflow-y:auto}.daily-tasks-guest-notice{z-index:1;margin-top:var(--space-12);padding:var(--space-8) var(--space-12);align-items:center;gap:var(--space-8);border:var(--stroke-1) solid var(--home-guest-notice-border);border-radius:var(--radius-12);background:var(--home-guest-notice-surface);color:var(--home-guest-notice-text);font-size:var(--type-small-size);font-weight:700;line-height:var(--type-small-line);display:flex;position:relative}.daily-tasks-guest-notice svg{width:var(--space-16);height:var(--space-16);flex:0 0 var(--space-16);color:var(--color-accent-text)}.daily-tasks[data-eligible=false] .daily-tasks-list{gap:var(--space-4)}.daily-tasks[data-eligible=false] .daily-task{padding-block:var(--space-4)}.daily-tasks-error{z-index:1;margin-top:var(--space-8);gap:var(--space-8);font-size:var(--type-caption-size);line-height:var(--type-caption-line);color:var(--color-text-secondary);align-items:center;display:flex;position:relative}.daily-tasks-retry{color:var(--color-accent-text);text-underline-offset:var(--space-4);text-decoration:underline}.daily-tasks-retry:hover{color:var(--color-text-primary)}.daily-tasks-retry:active{opacity:var(--home-ticket-disabled-opacity)}.daily-task-loading-line{height:var(--type-small-line);border-radius:var(--radius-4);background:var(--home-progress-track)}.daily-task{min-height:var(--layout-home-row-height);align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-8) var(--space-8) var(--space-12);border-radius:var(--radius-12);background:var(--home-surface-raised);flex-shrink:0;display:flex}.daily-task-body{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.daily-task-title{color:var(--color-text-primary);font-size:var(--type-small-size);line-height:var(--type-small-line)}.daily-task-reward{width:var(--layout-home-task-reward-width);height:var(--layout-home-task-reward-height);flex:0 0 var(--layout-home-task-reward-width);border-radius:var(--radius-12);background:var(--home-xp-surface);color:var(--home-xp-text);font-size:var(--type-caption-size);line-height:var(--type-caption-line);white-space:nowrap;place-items:center;display:grid}.daily-task-progress-row{height:var(--type-caption-line);align-items:center;gap:var(--space-8);display:flex}.daily-task-progress{height:var(--layout-home-progress-height);border-radius:var(--radius-999);background:var(--home-progress-track);flex:1;min-width:0}.daily-task-progress>span{border-radius:inherit;background:var(--color-accent);height:100%;box-shadow:0 0 var(--space-8) var(--home-blue-glow);display:block}.daily-task-counter{color:var(--color-text-primary);font-size:var(--type-caption-size);line-height:var(--type-caption-line);text-align:right;white-space:nowrap;flex-shrink:0}.daily-task[data-completed=true] .daily-task-counter{align-items:center;gap:var(--space-4);color:var(--color-accent-text);font-weight:600;display:inline-flex}.daily-task-counter>svg{width:var(--space-16);height:var(--space-16);flex-shrink:0}.home-footer{height:var(--layout-home-footer-height);min-height:var(--layout-home-footer-height);padding-inline:var(--space-24);color:var(--home-text-muted);font-size:var(--type-caption-size);line-height:var(--type-caption-line);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;margin-top:auto;display:grid}.home-footer-brand,.home-footer-socials{align-items:center;display:flex}.home-footer-brand{gap:var(--space-16)}.home-footer-logo{color:var(--color-text-primary);font-size:var(--type-title-size);font-weight:700;line-height:var(--type-title-line)}.home-footer-logo span{color:var(--color-accent)}.home-footer-divider{width:var(--stroke-1);height:var(--space-20);background:var(--home-border-divider)}.home-footer-socials{justify-content:flex-end;gap:var(--space-16)}.home-footer-socials>a{width:var(--layout-home-control-height);height:var(--layout-home-control-height);border-radius:var(--radius-8);place-items:center;display:grid}.home-footer-socials>a:hover{background:var(--home-surface-hover)}.home-footer-socials>a:active{background:var(--home-surface-pressed)}.home-footer-socials>a:hover .home-footer-social-icon{background:var(--color-text-primary)}.home-footer-social-icon{width:var(--space-20);height:var(--space-20);background:var(--home-text-muted);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (max-width:1600px){.home{--layout-home-footer-height:80px}}@media (min-width:901px) and (max-height:871px){.daily-tasks{flex:1 1 var(--layout-home-daily-height)}}@media (max-width:900px){.home{--layout-home-footer-height:128px}.home-content{padding-inline:var(--space-16)}.home-columns{grid-template-columns:1fr;align-content:start;overflow-y:auto}.home-main-column{min-height:calc(var(--layout-home-hero-min-height) + var(--space-12) + 360px)}.home-main-column>.home-game-list{flex:0 0 360px;height:360px}.home-sidebar{height:auto;max-height:none;overflow:visible}.daily-tasks{height:var(--layout-home-daily-height);min-height:var(--layout-home-daily-height);flex:0 0 var(--layout-home-daily-height)}.home-footer{grid-template-columns:1fr;justify-items:center}.home-footer-socials{justify-content:center}}@media (max-width:560px){.home{--layout-home-hero-min-height:200px}.home-content{padding-inline:var(--space-8)}.home-footer-brand{justify-content:center}}