.toast-region{z-index:1000;pointer-events:none;gap:10px;width:min(380px,100vw - 32px);display:grid;position:fixed;top:88px;right:20px}.toast{border:1px solid var(--line-2);background:var(--surface);color:var(--text);pointer-events:auto;border-left-width:3px;border-radius:10px;grid-template-columns:22px minmax(0,1fr) 30px;align-items:start;gap:11px;padding:14px;animation:.18s both toast-enter;display:grid}.toast--success{border-left-color:var(--ok)}.toast--error{border-left-color:var(--danger)}.toast--info{border-left-color:var(--info)}.toast--success .toast__icon{color:var(--ok)}.toast--error .toast__icon{color:var(--danger)}.toast--info .toast__icon{color:var(--info)}.toast__content{gap:3px;display:grid}.toast__content strong{font-size:13px}.toast__content p{color:var(--text-soft);margin:0;font-size:12px;line-height:1.45}.toast__close{width:30px;height:30px;color:var(--text-dim);background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.toast__close:hover{background:var(--surface-2);color:var(--text)}@keyframes toast-enter{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@media (width<=620px){.toast-region{width:auto;top:76px;left:16px;right:16px}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.dropdown{position:relative}.dropdown__trigger{height:40px;color:var(--text-soft);background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 11px;font-size:13px;font-weight:700;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.dropdown__trigger:hover,.dropdown--open .dropdown__trigger{border-color:var(--line);background:var(--surface-2);color:var(--text)}.dropdown__chevron{transition:transform .15s}.dropdown--open .dropdown__chevron{transform:rotate(180deg)}.dropdown__compact-label{text-align:center;min-width:20px}.dropdown__menu{z-index:300;border:1px solid var(--line-2);background:var(--surface);border-radius:10px;min-width:210px;padding:6px;animation:.14s both dropdown-enter;position:absolute;top:calc(100% + 8px)}.dropdown__menu--right{right:0}.dropdown__menu--left{left:0}.dropdown__option{width:100%;min-height:41px;color:var(--text-soft);text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:20px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:0 10px;font-size:13px;font-weight:650;transition:background-color .13s,color .13s;display:grid}.dropdown__option:hover{background:var(--surface-2);color:var(--text)}.dropdown__option--selected{color:var(--accent)}.dropdown__check{justify-self:end}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dropdown__menu{animation:none}.dropdown__chevron{transition:none}}.text-field{gap:7px;width:100%;display:grid}.text-field__label{color:var(--text);font-size:12px;font-weight:750}.text-field__input{border:1px solid var(--line-2);background:var(--surface);width:100%;height:44px;color:var(--text);border-radius:9px;outline:none;padding:0 15px;font-size:14px;transition:border-color .15s,background-color .15s,transform .15s}.text-field__input::placeholder{color:var(--text-dim)}.text-field__input:hover{border-color:var(--text-dim)}.text-field__input:focus{border-color:var(--accent)}.text-field--error .text-field__input{border-color:var(--danger)}.text-field__message{color:var(--text-soft);margin:0;font-size:11px}.text-field__message--error{color:var(--danger)}.app-shell{background:var(--bg);min-height:100vh}.app-shell__body{min-height:100vh;padding-top:72px}.app-shell__content{min-width:0;margin-left:260px}.topbar{z-index:100;border-bottom:1px solid var(--line);background:var(--surface);grid-template-columns:260px minmax(320px,720px) minmax(420px,1fr);align-items:center;height:72px;display:grid;position:fixed;top:0;left:0;right:0}.topbar__brand-area{border-right:1px solid var(--line);align-items:center;height:100%;padding:0 28px;display:flex}.topbar__brand{min-width:0;color:var(--text);align-items:center;gap:11px;transition:opacity .15s,transform .15s;display:inline-flex}.topbar__brand:hover{opacity:.82}.topbar__brand:active{transform:scale(.98)}.topbar__brand-logo{flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid;position:relative;overflow:hidden}.topbar__brand-image{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.topbar__brand-image--dark,:root[data-theme=dark] .topbar__brand-image--light{display:none}:root[data-theme=dark] .topbar__brand-image--dark{display:block}.topbar__brand-text{color:var(--text);letter-spacing:.075em;white-space:nowrap;font-size:21px;font-weight:900;line-height:1}.topbar__search{width:100%;max-width:720px;padding:0 24px;position:relative}.topbar__search-field{width:100%}.topbar__search-icon{z-index:2;color:var(--text-dim);pointer-events:none;position:absolute;top:50%;right:42px;transform:translateY(-50%)}.topbar__actions{justify-content:flex-end;align-items:center;gap:6px;min-width:0;padding-right:24px;display:flex}.topbar__icon-button,.topbar__signin{height:40px;color:var(--text-soft);background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:background-color .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.topbar__icon-button{width:40px;padding:0;position:relative}.topbar__icon-button:hover{border-color:var(--line);background:var(--surface-2);color:var(--text)}.topbar__icon-button:active{transform:scale(.94)}.topbar__signin{border-color:var(--text);background:var(--text);color:var(--bg);margin-left:4px;padding:0 18px}.topbar__signin:hover{opacity:.86}.topbar__notification-dot{border:2px solid var(--surface);background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.sidebar{z-index:90;border-right:1px solid var(--line);background:var(--surface);flex-direction:column;width:260px;display:flex;position:fixed;top:72px;bottom:0;left:0;overflow-y:auto}.sidebar__navigation{flex:1;padding:24px 16px}.sidebar__group{gap:4px;display:grid}.sidebar__group-title{color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;margin:0 12px 10px;font-size:10px;font-weight:800}.sidebar__divider{background:var(--line);height:1px;margin:19px 12px}.sidebar__link{min-height:45px;color:var(--text-soft);border-radius:8px;align-items:center;gap:13px;padding:0 13px;font-size:14px;font-weight:650;transition:background-color .15s,color .15s,transform .15s;display:flex;position:relative}.sidebar__link:before{background:var(--accent);content:"";border-radius:0 4px 4px 0;width:3px;height:0;transition:height .15s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar__link:hover{background:var(--surface-2);color:var(--text);transform:translate(2px)}.sidebar__link--active{background:var(--surface-2);color:var(--accent)}.sidebar__link--active:before{height:24px}.sidebar__footer{padding:16px}.sidebar__status{border:1px solid var(--line);background:var(--surface);color:var(--accent);border-radius:9px;gap:11px;padding:14px;display:flex}.sidebar__status div{gap:2px;display:grid}.sidebar__status strong{color:var(--text);font-size:12px}.sidebar__status span{color:var(--text-soft);font-size:11px;line-height:1.45}@media (width<=1180px){.topbar{grid-template-columns:230px minmax(260px,1fr) auto}.topbar__brand-area{padding-inline:22px}.sidebar{width:230px}.app-shell__content{margin-left:230px}}@media (width<=900px){.topbar{grid-template-columns:max-content minmax(0,1fr) max-content;height:64px}.topbar__brand-area{border-right:0;padding:0 15px}.topbar__brand{gap:8px}.topbar__brand-logo{flex-basis:26px;width:26px;height:26px}.topbar__brand-text{letter-spacing:.065em;font-size:18px}.topbar__search{padding:0 10px}.topbar__search-icon{right:25px}.topbar__actions{gap:3px;padding-right:10px}.topbar__desktop-action{display:none}.app-shell__body{padding-top:64px}.app-shell__content{margin-left:0}.sidebar{z-index:110;border-top:1px solid var(--line);border-right:0;width:100%;height:68px;top:auto;bottom:0;right:0;overflow:visible}.sidebar__navigation{grid-template-columns:repeat(5,minmax(0,1fr));height:100%;padding:7px 8px;display:grid}.sidebar__group{display:contents}.sidebar__divider,.sidebar__group-title,.sidebar__footer,.sidebar__group:first-of-type .sidebar__link:nth-child(n+5),.sidebar__group:nth-of-type(2) .sidebar__link:nth-child(n+3),.sidebar__group:nth-of-type(3){display:none}.sidebar__link{text-align:center;flex-direction:column;gap:4px;min-height:54px;padding:6px 3px;font-size:10px;transform:none}.sidebar__link:hover{transform:none}.sidebar__link:before{width:0;height:3px;top:-7px;left:50%;transform:translate(-50%)}.sidebar__link--active:before{width:24px;height:3px}}@media (width<=620px){.topbar__signin{display:none}.topbar__search input{height:40px}.topbar__brand-area{padding-inline:13px}.topbar__brand{gap:7px}.topbar__brand-logo{flex-basis:24px;width:24px;height:24px}.topbar__brand-text{letter-spacing:.055em;font-size:16px}}@media (width<=460px){.topbar__brand-text{display:none}.topbar__brand-logo{flex-basis:28px;width:28px;height:28px}}.home-page{width:100%;max-width:1480px;margin:0 auto;padding:38px 42px 72px;animation:.22s both page-enter}.home-hero{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:minmax(0,1fr) 380px;align-items:stretch;gap:0;min-height:420px;display:grid;overflow:hidden}.home-hero__content{flex-direction:column;justify-content:center;max-width:none;padding:62px 64px;display:flex}.home-hero__eyebrow{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;margin:0 0 18px;font-size:11px;font-weight:850}.home-hero__title{max-width:780px;color:var(--text);letter-spacing:-.06em;margin:0;font-size:clamp(48px,5vw,76px);font-weight:900;line-height:.98}.home-hero__description{max-width:680px;color:var(--text-soft);margin:24px 0 0;font-size:16px;line-height:1.7}.home-hero__actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.home-hero__primary,.home-hero__secondary{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:13px;font-weight:750;transition:background-color .15s,color .15s,border-color .15s,transform .15s;display:inline-flex}.home-hero__primary{border:1px solid var(--accent);background:var(--accent);color:#fff}.home-hero__primary:hover{opacity:.88;transform:translateY(-1px)}.home-hero__secondary{border:1px solid var(--line-2);background:var(--surface);color:var(--text)}.home-hero__secondary:hover{background:var(--surface-2)}.home-hero__stats{border-left:1px solid var(--line);background:var(--surface-2);grid-template-columns:1fr;align-content:center;display:grid}.home-hero__stats article{border-bottom:1px solid var(--line);gap:5px;min-width:0;padding:28px 34px;display:grid}.home-hero__stats article:last-child{border-bottom:0}.home-hero__stats strong{color:var(--text);letter-spacing:-.04em;font-size:30px;font-weight:850}.home-hero__stats span{color:var(--text-soft);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.home-section{margin-top:48px}.home-section__header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.home-section__header h2{color:var(--text);letter-spacing:-.035em;margin:5px 0 0;font-size:24px;font-weight:800}.home-section__header>a{color:var(--text-soft);align-items:center;gap:7px;font-size:13px;font-weight:700;transition:color .15s,transform .15s;display:inline-flex}.home-section__header>a:hover{color:var(--accent);transform:translate(2px)}.home-section__eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:850;display:flex}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.game-card{border:1px solid var(--line);background:var(--surface);border-radius:11px;transition:border-color .15s,transform .15s;overflow:hidden}.game-card:hover{border-color:var(--text-dim);transform:translateY(-3px)}.game-card__cover{border-bottom:1px solid var(--line);background:var(--surface-2);align-items:flex-end;min-height:250px;padding:16px;display:flex;position:relative}.game-card__cover:before{border:1px solid var(--line-2);content:"";border-radius:7px;position:absolute;inset:16px}.game-card__cover span{z-index:1;color:var(--text-dim);letter-spacing:-.07em;font-size:54px;font-weight:900;position:relative}.game-card__content{padding:18px;position:relative}.game-card__content h3{color:var(--text);letter-spacing:-.02em;margin:0;font-size:16px;font-weight:750}.game-card__content p{color:var(--text-soft);margin:6px 0 0;font-size:12px}.game-card__rating{border:3px solid var(--surface);background:var(--accent);color:#fff;border-radius:999px;align-items:center;gap:5px;height:32px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:-17px;right:15px}.home-columns{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:18px;margin-top:48px;display:grid}.home-panel{border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:24px}.discussion-list,.reviewer-list{display:grid}.discussion-item,.reviewer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:17px 0;transition:color .15s,transform .15s;display:flex}.discussion-item:first-child,.reviewer:first-child{border-top:0}.discussion-item:hover,.reviewer:hover{transform:translate(3px)}.discussion-item span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.discussion-item h3{color:var(--text);margin:5px 0 0;font-size:14px;font-weight:700}.discussion-item__comments{color:var(--text-soft);flex-shrink:0;align-items:center;gap:6px;font-size:12px;display:flex}.reviewer{justify-content:flex-start}.reviewer__avatar{border:1px solid var(--line);background:var(--surface-2);width:40px;height:40px;color:var(--text);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:800;display:grid}.reviewer__identity{flex:1;gap:2px;display:grid}.reviewer__identity strong{color:var(--text);font-size:13px}.reviewer__identity span{color:var(--text-soft);font-size:11px}.reviewer__score{color:var(--accent);align-items:center;gap:5px;font-size:12px;font-weight:800;display:flex}.home-upcoming{border:1px solid var(--line);background:var(--surface);border-radius:11px;justify-content:space-between;align-items:center;gap:24px;margin-top:18px;padding:25px;display:flex}.home-upcoming>div{color:var(--accent);align-items:center;gap:16px;display:flex}.home-upcoming h2{color:var(--text);margin:0;font-size:17px;font-weight:750}.home-upcoming p{color:var(--text-soft);margin:4px 0 0;font-size:12px}.home-upcoming>a{color:var(--accent);flex-shrink:0;align-items:center;gap:8px;font-size:13px;font-weight:750;transition:transform .15s;display:inline-flex}.home-upcoming>a:hover{transform:translate(3px)}@keyframes page-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (width<=1250px){.home-hero{grid-template-columns:minmax(0,1fr) 300px}.home-hero__content{padding:50px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1050px){.home-hero{grid-template-columns:1fr}.home-hero__stats{border-top:1px solid var(--line);border-left:0;grid-template-columns:repeat(3,minmax(0,1fr))}.home-hero__stats article{border-right:1px solid var(--line);border-bottom:0}.home-hero__stats article:last-child{border-right:0}.home-columns{grid-template-columns:1fr}}@media (width<=900px){.home-page{padding:28px 22px 100px}.home-hero__content{padding:42px 36px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=580px){.home-page{padding-inline:16px}.home-hero__content{padding:30px 22px}.home-hero__title{font-size:42px}.home-hero__stats{grid-template-columns:1fr}.home-hero__stats article{border-right:0;border-bottom:1px solid var(--line)}.home-hero__stats article:last-child{border-bottom:0}.game-grid{grid-template-columns:1fr}.game-card__cover{min-height:210px}.home-upcoming{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.home-page{animation:none}.game-card,.sidebar__link,.discussion-item,.reviewer,.home-hero__primary,.home-section__header>a,.home-upcoming>a{transition:none}}:root{--bg:#fff;--surface:#fff;--surface-2:#f4f5f7;--text:#171a1f;--text-soft:#565c68;--text-dim:#8b909c;--line:#ececf0;--line-2:#dfe1e6;--game:#2563eb;--board:#ea7317;--accent:var(--game);--danger:#dc2626;--ok:#059669;--warn:#d97706;--info:#2563eb;--radius:12px;--radius-sm:9px;--shadow:none}:root[data-theme=dark]{--bg:#0b1120;--surface:#111a2c;--surface-2:#16223a;--text:#e7ebf3;--text-soft:#9aa6bd;--text-dim:#5f6b85;--line:#ffffff12;--line-2:#ffffff21;--game:#4e8df5;--board:#f79a3c;--danger:#f0605a;--ok:#3ad29b;--warn:#f0a63c;--info:#6ea8ff;--shadow:none}:root[data-world=board]{--accent:var(--board)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;letter-spacing:-.006em;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.mono{font-family:Space Mono,monospace}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.lang-fade{will-change:opacity;transition:opacity .16s,filter .16s}.lang-fade[data-switching=true]{opacity:0;filter:blur(1.5px)}@media (prefers-reduced-motion:reduce){.lang-fade{transition:none}.lang-fade[data-switching=true]{opacity:1;filter:none}}html{overflow-x:hidden}body{min-width:320px}button,input,textarea,select{font:inherit}button{color:inherit}img{max-width:100%;display:block}input,textarea,select{color:var(--text)}#root{min-height:100%}.page{width:100%;max-width:1480px;margin:0 auto;padding:34px 38px 64px}.page__header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.page__eyebrow{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.page__title{color:var(--text);letter-spacing:-.045em;margin:0;font-size:clamp(30px,4vw,48px);font-weight:850;line-height:1.05}.page__description{max-width:720px;color:var(--text-soft);margin:12px 0 0;font-size:16px;line-height:1.7}.placeholder-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.placeholder-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:220px;padding:22px}.placeholder-card__line{background:var(--surface-2);border-radius:999px;width:58%;height:12px;margin-bottom:12px}.placeholder-card__line:last-child{width:84%}@media (width<=1180px){.placeholder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.page{padding:28px 22px 110px}.placeholder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.page{padding-inline:16px}.page__header{flex-direction:column;align-items:flex-start}.placeholder-grid{grid-template-columns:1fr}}