@charset "utf-8";.game-page{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-md)calc(78px + var(--space-md));overflow:hidden}.game-display{--game-thumbnail:none;--game-thumbnail-shade:radial-gradient(ellipse farthest-corner at 50% 42%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.82) 100%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.78));aspect-ratio:16/9;width:min(1280px,100%,calc((100vh - 2 * var(--space-md)) * 16/9),max(900px,min(58vw,calc(65vh * 16/9))));width:round(down,min(1280px,100%,calc((100vh - 2 * var(--space-md)) * 16/9),max(900px,min(58vw,calc(65vh * 16/9)))),16px);container-type:inline-size;display:grid;grid-template-columns:170px minmax(0,1fr)170px;grid-template-columns:round(clamp(120px,17cqw,220px),1px)minmax(0,1fr)round(clamp(120px,17cqw,220px),1px);gap:var(--space-md);padding:var(--space-lg);overflow:auto;position:relative;isolation:isolate;background-color:rgba(0,0,0,.88);border:1px solid rgba(255,255,255,8%);border-radius:10px;box-shadow:var(--shadow-lg)}.game-display::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:var(--game-thumbnail-shade),var(--game-thumbnail);background-position:50%;background-size:cover;background-repeat:no-repeat;pointer-events:none}.game-stats{display:flex;flex-direction:column;gap:var(--space-sm)}.stat-list{margin:0;display:flex;flex-direction:column;gap:4px}.stat-row{display:flex;gap:5px;font-size:14px;font-size:clamp(14px,1.7cqw,20px);color:var(--text-light)}.stat-row dt{font-weight:700}.stat-row dt::after{content:":"}.stat-row dd{margin:0}.btn{border:none;border-radius:var(--radius-sm);font-family:var(--ff-display);font-size:13px;font-size:clamp(13px,1.35cqw,17px);font-weight:700;color:var(--text-dark);cursor:pointer;height:36px;height:round(clamp(36px,3.7cqw,46px),1px);min-width:110px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:filter var(--transition),transform var(--transition)}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-reveal{background:#e3a72f;margin-top:var(--space-xs)}.btn-refresh{flex:none;height:44px;font-size:15px;background:var(--bright-snow,#f2f2f2);color:var(--text-dark)}.game-main{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:8px;min-width:0}.game-display__heading{margin:0;text-align:center;font-family:var(--ff-display);font-size:22px;font-size:clamp(17px,2.3cqw,29px);font-weight:700;color:var(--accent-mint)}.game-hero{display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,48px)}.game-icon{width:170px;height:170px;width:round(clamp(120px,17cqw,220px),1px);height:round(clamp(120px,17cqw,220px),1px);flex-shrink:0;border-radius:var(--radius-md);background:#05050a;border:1px solid rgba(255,255,255,.15);overflow:hidden}.gameIcon-img{width:100%;height:100%;display:block;object-fit:contain;object-position:center}.game-icon:not(.has-image) .gameIcon-img{visibility:hidden}.arrow-btn{width:26px;height:32px;width:clamp(26px,2.7cqw,34px);height:clamp(32px,3.3cqw,42px);flex-shrink:0;padding:0;background:0 0;border:none;color:var(--bright-snow);cursor:pointer;transition:transform var(--transition),color var(--transition)}.arrow-btn svg{width:100%;height:100%;display:block}.arrow-btn:hover{transform:scale(1.15)}.arrow-btn:active{transform:scale(.95)}.game-name{width:280px;width:round(clamp(220px,29cqw,368px),1px);max-width:100%;height:44px;height:round(clamp(44px,4.5cqw,58px),1px);display:flex;align-items:center;justify-content:center;padding:0 var(--space-md);background:rgba(0,0,0,.75);border:1px solid rgba(255,255,255,.7);border-radius:22px;font-family:var(--ff-display);font-size:18px;font-size:clamp(18px,1.9cqw,24px);font-weight:700;white-space:nowrap;overflow:hidden}.game-name #gameName{display:block;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(90deg,#ff9a3d,#ff4d6d,#9b5cff,#4d9bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.game-link-box{width:100%;max-width:380px;max-width:round(clamp(300px,39cqw,500px),1px);height:44px;height:round(clamp(44px,4.5cqw,58px),1px);display:flex;align-items:center;gap:var(--space-sm);padding:4px 4px 4px 18px;background:#000;border:1px solid rgba(255,255,255,.15);border-radius:22px}.game-link-text{flex:1;font-size:14px;font-size:clamp(14px,1.45cqw,18px);color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-link-btn{width:52px;align-self:stretch;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:#14141c;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:var(--bright-snow);cursor:pointer;transition:background var(--transition),border-color var(--transition)}.copy-link-btn img{width:16px;height:16px}.copy-link-btn:hover{background:#1e1e26;border-color:rgba(255,255,255,.3)}.join-btn{width:170px;width:round(clamp(140px,17cqw,220px),1px);height:42px;height:round(clamp(42px,4.3cqw,54px),1px);background:var(--accent-lime);border:none;border-radius:var(--radius-sm);color:var(--text-dark);font-family:var(--ff-display);font-size:20px;font-size:clamp(20px,2cqw,26px);font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--transition),transform var(--transition)}.join-btn:hover{background:var(--accent-lime-bright);transform:translateY(-1px)}.join-btn:active{transform:translateY(0)}.search-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:nowrap;justify-content:center}.names-status{margin:0;font-family:var(--ff-display);font-size:12px;font-weight:700;color:var(--bright-snow);visibility:hidden}.names-status.is-visible{visibility:visible}.search-toggle{display:inline-flex;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm)}.toggle-btn{border:none;height:36px;height:round(clamp(36px,3.7cqw,46px),1px);min-width:90px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--ff-display);font-size:13px;font-size:clamp(13px,1.35cqw,17px);font-weight:700;cursor:pointer;background:#3a3a40;color:var(--text-light);transition:background var(--transition),color var(--transition)}.toggle-btn.is-active{background:var(--accent-teal);color:var(--text-dark)}.search-input{width:48px;width:round(clamp(48px,4.9cqw,62px),1px);height:36px;height:round(clamp(36px,3.7cqw,46px),1px);text-align:center;background:#2a2a30;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);color:var(--bright-snow);font-family:var(--ff-body);font-size:13px;transition:width .35s cubic-bezier(.22,.9,.36,1),padding .35s cubic-bezier(.22,.9,.36,1)}.search-input.is-name{width:280px;width:round(clamp(280px,29cqw,368px),1px);text-align:left;padding:0 12px}.search-input::placeholder{color:var(--text-light)}.search-input:focus-visible{outline:2px solid rgba(46,230,166,.6);outline-offset:1px}.search-btn{height:36px;height:round(clamp(36px,3.7cqw,46px),1px);min-width:110px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;background:var(--bright-snow);border:none;border-radius:var(--radius-sm);color:var(--text-dark);font-family:var(--ff-display);font-size:13px;font-size:clamp(13px,1.35cqw,17px);font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);transition:filter var(--transition),transform var(--transition)}.search-btn:hover{filter:brightness(.95);transform:translateY(-1px)}.btn-grid{background:var(--accent-teal)}.game-status{margin:0;font-family:var(--ff-display);font-size:13px;font-size:clamp(13px,1.35cqw,17px);font-weight:700;color:var(--bright-snow)}@container(max-width:900px){.game-main {
        gap: 6px;
    }

    .game-name,
    .game-link-box {
        height: 40px;
    }

    .join-btn {
        height: 38px;
        font-size: 18px;
    }

    .btn,
    .toggle-btn,
    .search-btn,
    .search-input {
        height: 32px;
    }
}@media(max-width:1023px){.game-page{height:auto;min-height:100vh;overflow:visible;padding:calc(var(--nav-h-mobile) + var(--space-md))var(--space-md)var(--space-lg)}.game-display{aspect-ratio:auto;width:min(560px,100%);grid-template-columns:1fr;padding:var(--space-md);gap:var(--space-lg)}.game-display::before{bottom:auto;aspect-ratio:16/9;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}.game-main{order:1;height:auto;gap:var(--space-md)}.game-display__heading{font-size:20px}.game-name,.game-link-box,.join-btn,.search-row,.btn-grid,.game-stats{width:min(380px,100%);max-width:100%}.game-name,.game-link-box,.join-btn,.btn,.toggle-btn,.search-btn,.search-input{height:44px}.game-stats{order:2;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin:0 auto}.stat-list{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.stat-row{flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-sm)var(--space-xs);text-align:center;background:rgba(255,255,255,4%);border:1px solid rgba(255,255,255,7%);border-radius:var(--radius-sm)}.stat-row dt{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light)}.stat-row dt::after{content:none}.stat-row dd{font-size:14px;font-weight:600;color:var(--bright-snow);overflow-wrap:anywhere}.game-stats .btn{width:100%;min-width:0;margin:0;padding:0 var(--space-sm)}.search-row{flex-wrap:wrap;gap:var(--space-sm)}.search-toggle{width:100%}.toggle-btn{flex:1;min-width:0}.search-input,.search-input.is-name{flex:1;width:auto;min-width:0;text-align:left;padding:0 12px;transition:none}.search-btn{flex-shrink:0;min-width:96px}.game-hero{width:min(380px,100%);justify-content:space-between;gap:0}.arrow-btn{width:34px;height:44px}}@media(max-width:480px){.game-display{padding:var(--space-sm)}.game-icon{width:min(160px,45vw);height:min(160px,45vw)}.stat-row dd{font-size:13px}}body.grid-open .game-page{display:none}.grid-view{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;padding:var(--space-md)calc(78px + var(--space-md))0;overflow:hidden}.grid-view[hidden]{display:none}.grid-view__title{margin:0 0 var(--space-md);text-align:center;font-family:var(--ff-display);font-size:clamp(24px,2.6vw,40px);font-weight:700;color:var(--bright-snow)}.grid-view__search{display:block;width:round(min(clamp(300px,30vw,580px),100%),1px);height:round(clamp(38px,2.6vw,50px),1px);margin:0 auto var(--space-md);padding:0 18px;background:#040404;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);color:var(--bright-snow);font-family:var(--ff-display);font-size:clamp(14px,.9vw,17px);font-weight:700}.grid-view__search::placeholder{color:rgba(255,255,255,.35)}.grid-view__search:focus-visible{outline:2px solid rgba(46,230,166,.6);outline-offset:1px}.grid-view__search::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:12px;height:12px;cursor:pointer;background-color:var(--text-light);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' d='M2 2l8 8M10 2l-8 8'/%3E%3C/svg%3E")center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' d='M2 2l8 8M10 2l-8 8'/%3E%3C/svg%3E")center/contain no-repeat;transition:background-color .15s ease}.grid-view__search::-webkit-search-cancel-button:hover,.grid-view__search::-webkit-search-cancel-button:active{background-color:var(--bright-snow)}.grid-view__scroll{position:relative;flex:1;min-height:0;display:flex}.grid-view__scroll::after{content:"";position:absolute;left:0;right:14px;bottom:0;height:56px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.6));pointer-events:none;opacity:1;transition:opacity var(--transition)}.grid-view__scroll.at-end::after{opacity:0}.grid-view__cards{flex:1;overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:rgba(255,255,255,.35)rgba(255,255,255,6%);display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-auto-rows:max-content;gap:var(--space-md);align-content:start;padding:var(--space-xs)var(--space-xs)var(--space-md)}.grid-view__cards::-webkit-scrollbar-thumb{background:rgba(255,255,255,.35);border:2px solid transparent;border-radius:8px;background-clip:content-box}.grid-view__empty{margin:var(--space-lg)0;text-align:center;font-family:var(--ff-display);font-size:16px;font-weight:700;color:var(--text-light)}.game-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:42px var(--space-md)var(--space-md);background-color:rgba(0,0,0,.88);border:1px solid rgba(255,255,255,.55);border-radius:6px;box-shadow:0 3px rgba(0,0,0,.2);overflow:hidden}.game-card::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--card-thumb,none)50%/cover no-repeat;opacity:.08;pointer-events:none}.game-card__ordinal{position:absolute;top:8px;left:14px;font-family:var(--ff-display);font-size:22px;font-weight:700;color:var(--bright-snow)}.game-card__icon{position:relative;width:58%;flex-shrink:0;border-radius:var(--radius-md);background:#05050a;border:1px solid rgba(255,255,255,.15);overflow:hidden}.game-card__icon::before{content:"";display:block;padding-top:100%}.game-card__icon img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}.game-card__name{max-width:92%;height:34px;flex-shrink:0;display:flex;align-items:center;padding:0 16px;background:rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.25);border-radius:999px}.game-card__name span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ff-display);font-size:15px;font-weight:700;background:linear-gradient(90deg,#ff9a3d,#ff4d6d,#9b5cff,#4d9bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.game-card__actions{width:100%;flex-shrink:0;display:flex;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-xs)}.game-card__btn{flex:1;min-width:0;height:34px;border:none;border-radius:var(--radius-sm);font-family:var(--ff-display);font-size:14px;font-weight:700;color:var(--text-dark);cursor:pointer;box-shadow:var(--shadow-sm);transition:filter var(--transition),transform var(--transition)}.game-card__btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.game-card__btn:active{transform:translateY(0)}.game-card__btn--closer{background:var(--bright-snow)}.game-card__btn--join{background:var(--accent-lime)}.grid-view__foot{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-sm)0 72px}.grid-view__pager{display:flex;align-items:center;gap:var(--space-sm)}.pager-btn,.pager-num{height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:#2a2a30;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);color:var(--bright-snow);font-family:var(--ff-display);font-size:14px;font-weight:700;cursor:pointer;transition:background var(--transition),transform var(--transition)}.pager-btn{width:36px}.pager-btn svg{width:12px;height:16px}.pager-btn:hover:not(:disabled),.pager-num:hover:not(.is-active){background:#3a3a40;transform:translateY(-1px)}.pager-btn:disabled{opacity:.35;cursor:default}.pager-pages{display:flex;align-items:center;gap:4px}.pager-num{min-width:36px;padding:0 8px}.pager-num.is-active{background:var(--accent-teal);border-color:transparent;color:var(--text-dark);cursor:default}.pager-gap{padding:0 2px;font-family:var(--ff-display);font-weight:700;color:var(--text-light)}.pager-range{font-family:var(--ff-display);font-size:13px;font-weight:700;color:var(--text-light)}.grid-view__back{min-width:180px;height:44px;border:none;border-radius:var(--radius-sm);background:#ff363d;color:var(--text-dark);font-family:var(--ff-display);font-size:20px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);transition:filter var(--transition),transform var(--transition)}.grid-view__back:hover{filter:brightness(1.08);transform:translateY(-1px)}.grid-view__back:active{transform:translateY(0)}@media(max-width:1023px){.grid-view{padding:calc(var(--nav-h-mobile) + var(--space-md))var(--space-md)0}.grid-view__search{width:100%;height:44px;font-size:15px}.grid-view__cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-sm)}.game-card{padding:34px var(--space-sm)var(--space-sm)}.game-card__ordinal{top:6px;left:10px;font-size:17px}.game-card__icon{width:66%}.game-card__name{height:30px;padding:0 12px}.game-card__name span{font-size:13px}.game-card__btn{height:auto;min-height:32px;padding:4px 6px;font-size:12px;line-height:1.15}.grid-view__foot{padding-bottom:var(--space-md)}body.grid-open .site-footer{display:none}}