:root{--sidebar-width:170px;--topbar-height:50px;--inner-outline:#ffffff14}body{color:#fff;background:#0f0f0f;margin:0;font-family:Arial,Helvetica,sans-serif}header{height:var(--topbar-height);background:#1a1a1a;align-items:center;padding:0 20px;display:flex}aside{width:var(--sidebar-width);top:var(--topbar-height);background:#1a1a1a;padding:20px;position:fixed;bottom:50px;left:0}main{margin-left:240px;padding:30px}.topbar{height:var(--topbar-height);grid-template-columns:var(--sidebar-width) 1fr auto;box-shadow:inset 0 -1px 0 var(--inner-outline);z-index:1000;background:#1a1a1a;align-items:center;display:grid;position:sticky;top:0}.topbar h2{margin:0;padding-left:0}.topbar-links{gap:10px;display:flex}.topbar-links a{color:#fff;border-radius:6px;align-items:center;height:34px;padding:0 14px;text-decoration:none;transition:background .15s;display:flex}.topbar-links a:hover{background:#242424}.topbar-links a.active{background:#303030}.topbar-account{align-items:center;gap:10px;padding-right:20px;display:flex}.sidebar{width:var(--sidebar-width);box-sizing:border-box;box-shadow:inset -1px 0 0 var(--inner-outline);background:#1a1a1a;flex-direction:column;gap:4px;display:flex}.sidebar a{color:#fff;border-radius:6px;align-items:center;height:34px;padding:0 10px;text-decoration:none;transition:background .15s;display:flex}.sidebar a:hover{background:#242424}.sidebar a.active{background:#303030}footer{height:50px;box-shadow:inset 0 1px 0 var(--inner-outline);background:#1a1a1a;position:fixed;bottom:0;left:0;right:0}.copyright{justify-content:center;align-items:center;display:flex}.game-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.game-card{color:#fff;border-radius:8px;text-decoration:none;transition:background .15s;display:block}.game-card:hover{background:#1a1a1a}.game-icon{aspect-ratio:1;object-fit:cover;background:#242424;border-radius:8px;width:100%}.game-info{padding:8px}.game-title{margin:0;font-size:16px}.game-playing{color:#aaa;margin:4px 0 0;font-size:14px}.game-page{max-width:1000px}.game-page-thumbnail{border-radius:8px;width:100%;max-width:700px;display:block}.auth-page{min-height:calc(100vh - var(--topbar-height) - 60px);justify-content:center;align-items:center;display:flex}.auth-card{box-sizing:border-box;width:100%;max-width:430px;box-shadow:inset 0 0 0 1px var(--inner-outline);background:#1a1a1a;border-radius:10px;padding:30px}.auth-header{margin-bottom:24px}.auth-header h1{margin:0;font-size:28px}.auth-header p{color:#aaa;margin:8px 0 0;font-size:14px}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-field{flex-direction:column;gap:7px;display:flex}.auth-field>span{font-size:14px;font-weight:600}.auth-field input,.auth-field select{box-sizing:border-box;color:#fff;height:42px;font:inherit;background:#101010;border:none;border-radius:6px;outline:none;padding:0 12px;transition:box-shadow .15s,background .15s;box-shadow:inset 0 0 0 1px #ffffff1f}.auth-field input:hover,.auth-field select:hover{background:#141414}.auth-field input:focus,.auth-field select:focus{box-shadow:inset 0 0 0 2px #ffffff59}.birthday-fields{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) minmax(0,1fr);gap:8px;display:grid}.auth-submit{color:#111;cursor:pointer;background:#fff;border:none;border-radius:6px;height:44px;font-size:15px;font-weight:700;transition:background .15s,transform .1s}.auth-submit:hover:not(:disabled){background:#ddd}.auth-submit:active:not(:disabled){transform:scale(.99)}.auth-submit:disabled{opacity:.6;cursor:default}.auth-error{color:#ff9292;background:#ff50501a;border-radius:6px;padding:10px 12px;font-size:14px;box-shadow:inset 0 0 0 1px #ff505040}.auth-switch{text-align:center;color:#aaa;margin:0;font-size:14px}.auth-switch button{color:#fff;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.auth-switch button:hover{text-decoration:underline}