.social-page{color:#191b22;background:#fff;min-height:100vh;display:flex}.social-main-area{flex:1;min-width:0;height:100vh;overflow-y:auto}.social-content{border-top:1px solid #e5e5e5;min-height:calc(100vh - 165px);margin:0 40px;padding:24px 0 40px}.social-heading{border-bottom:1px solid #dedede;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:24px;display:flex}.social-heading h1{margin:0 0 8px;font-size:32px}.social-heading p{color:#777;margin:0;font-size:14px}.social-example-label{color:#888;white-space:nowrap;font-size:12px}.social-loading{color:#777;text-align:center;margin:0;padding:80px 16px}.social-login-notice{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:520px;display:flex}.social-login-message{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 16px;display:flex}.social-login-icon{background:#eee3ff;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin-bottom:28px;display:flex}.social-login-icon svg{stroke:#7c3aed;stroke-linecap:round;stroke-width:3px;width:48px;height:48px}.social-login-message h2{margin:0 0 12px;font-size:26px}.social-login-message p{color:#777;margin:0;font-size:14px;line-height:1.6}.social-login-message .social-auth-error{color:#b42318;margin-top:12px}.social-login-message button{color:#fff;min-width:210px;min-height:48px;font:inherit;cursor:pointer;background:#8b45f5;border:none;border-radius:14px;margin-top:36px;padding:10px 22px;font-weight:700}.social-login-message button:hover{background:#7c3aed}.social-login-footer{color:#888;border-top:1px solid #eee;width:100%;margin:0;padding:24px 16px 32px;font-size:13px}.social-friends{padding-top:26px}.social-section-heading{align-items:baseline;gap:14px;display:flex}.social-section-heading h2{margin:0;font-size:22px}.social-section-heading span{color:#7c3aed;font-size:14px;font-weight:700}.social-friend-filters{border-bottom:1px solid #dedede;gap:28px;margin-top:22px;display:flex}.social-friend-filters button{color:#666;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:0 4px;font-size:15px}.social-friend-filters button.active{color:#7c3aed;border-bottom-color:#7c3aed;font-weight:700}.social-table-scroll{margin-top:20px;overflow-x:auto}.social-friend-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:690px}.social-friend-table th{text-align:left;background:#f0f0f0;padding:14px 16px;font-size:13px}.social-friend-table th:first-child{width:38%}.social-friend-table th:nth-child(2){width:20%}.social-friend-table th:nth-child(3){width:25%}.social-friend-table th:last-child{text-align:center;width:17%}.social-friend-table td{border-bottom:1px solid #e5e5e5;height:72px;padding:10px 16px;font-size:14px}.social-friend-table tbody tr:first-child{background:#faf7ff}.social-friend-profile{align-items:center;gap:12px;display:flex}.social-friend-avatar{color:#7c3aed;background:#eee3ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;font-weight:700;display:flex}.social-friend-profile strong,.social-friend-profile small{display:block}.social-friend-profile small{color:#888;margin-top:4px;font-size:12px}.social-friend-status:before{content:"";background:#a0a0a0;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.social-friend-status--playing:before{background:#8b45f5}.social-friend-status--online:before{background:#2cb577}.social-friend-status--away:before{background:#f2a93b}.social-friend-game{color:#4c267d;font-weight:700}.social-friend-no-game{color:#999}.social-friend-last-seen{color:#666;text-align:center}.social-recent-activity{padding-top:32px}.social-recent-activity .social-section-heading span{color:#777;font-weight:400}.social-activity-row{color:#444;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;justify-content:space-between;gap:16px;margin-top:16px;padding:16px;font-size:14px;display:flex}.social-activity-row time{color:#888;white-space:nowrap}.social-content :is(button,a):focus-visible{outline-offset:3px;outline:2px solid #7c3aed}@media (width<=1100px){.social-content{margin:0 24px}.social-page .header{grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:0 24px}.social-page .search-area{grid-column:1}.social-page .auth-buttons{grid-column:2}}@media (width<=700px){.social-page{flex-direction:column;height:100vh}.social-page .sidebar{border-radius:0;width:100%;height:auto;max-height:180px;padding:12px;position:static}.social-page .site-info{margin-bottom:12px}.social-page .site-info img{width:28px;height:28px}.social-page .sidebar-menu{flex-direction:row;align-items:flex-start;overflow-x:auto}.social-page .menu-group{flex-shrink:0;min-width:110px}.social-main-area{height:auto;min-height:0}.social-page .header{grid-template-columns:minmax(0,1fr);height:auto;min-height:125px;padding:16px}.social-page .auth-buttons{grid-column:1}.social-content{margin:0 16px}.social-heading{align-items:flex-start}.social-login-message h2{font-size:21px}.social-login-notice{min-height:480px}}.steam-api-key-panel{background:#faf7ff;border:1px solid #e5e5e5;border-radius:12px;margin-top:24px;padding:24px}.steam-api-key-panel h2{margin:0 0 12px;font-size:20px}.steam-api-key-panel p{line-height:1.6}.steam-api-key-panel a{color:#6d28d9}.steam-api-key-panel form{flex-direction:column;align-items:flex-start;gap:12px;margin-top:20px;display:flex}.steam-api-key-panel input{box-sizing:border-box;width:100%;max-width:480px;font:inherit;border:1px solid #aaa;border-radius:8px;padding:12px}.steam-api-key-panel input:focus-visible{outline-offset:2px;outline:2px solid #7c3aed}.steam-api-key-panel button{color:#fff;font:inherit;cursor:pointer;background:#7c3aed;border:none;border-radius:8px;padding:10px 18px}.steam-api-key-panel button:disabled{opacity:.55;cursor:not-allowed}.steam-api-key-panel .steam-api-key-error{color:#b42318}.steam-api-key-panel .steam-api-key-success{color:#166534}.social-my-profile{background:#fff;border:1px solid #e5e5e5;border-radius:12px;margin-top:24px;padding:24px}.social-my-profile h2{margin:0 0 20px;font-size:22px}.social-my-profile-content{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.social-my-profile-avatar{object-fit:cover;background:#eee3ff;border-radius:16px;flex-shrink:0;width:80px;height:80px}.social-my-profile-placeholder{color:#7c3aed;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex}.social-my-profile-name{overflow-wrap:anywhere;flex:1;min-width:0;font-size:22px}.social-profile-button{color:#fff;font:inherit;cursor:pointer;background:#7c3aed;border:none;border-radius:10px;justify-content:center;align-items:center;padding:12px 18px;font-weight:600;text-decoration:none;display:inline-flex}.social-profile-button:hover{background:#6d28d9}.social-profile-error{color:#b42318}@media (width<=600px){.social-profile-link{box-sizing:border-box;width:100%}}.social-friend-avatar{object-fit:cover}.social-friend-profile>span:last-child{overflow-wrap:anywhere;min-width:0}.social-friends-checked{color:#777;margin:12px 0 0;font-size:13px}.social-friends-message{padding:24px 0;line-height:1.6}.social-profile-button:disabled{opacity:.55;cursor:not-allowed}.social-friend-table .social-friend-last-seen{font-size:12px;line-height:1.5}.library-games-section{padding-top:28px}.library-checked-at{color:#777;margin:12px 0 20px;font-size:13px}.library-game-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.library-game-card{background:#fff;border:1px solid #e5e5e5;border-radius:14px;min-width:0;overflow:hidden}.library-game-open{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0;display:block}.library-game-open:disabled{cursor:default}.library-game-open:not(:disabled):hover h3{color:#7c3aed}.library-game-open:focus-visible{outline-offset:-3px;outline:2px solid #7c3aed}.library-game-image{aspect-ratio:460/215;object-fit:cover;background:#f1edf7;width:100%;display:block}.library-game-placeholder{color:#777;justify-content:center;align-items:center;font-size:14px;display:flex}.library-game-open h3{overflow-wrap:anywhere;margin:0;padding:16px 18px 12px;font-size:17px;line-height:1.5}.library-game-info{padding:0 18px 18px}.library-game-info dl{gap:10px;margin:0;display:grid}.library-game-info dl>div{justify-content:space-between;gap:12px;font-size:13px;line-height:1.5;display:flex}.library-game-info dt{color:#777;flex-shrink:0}.library-game-info dd{text-align:right;overflow-wrap:anywhere;margin:0}.library-detail-unavailable{color:#777;margin:14px 0 0;font-size:12px}.library-message{padding:32px 0;line-height:1.6}.library-unclassified{border-top:1px solid #e5e5e5;margin-top:32px;padding-top:24px}.library-unclassified summary{color:#555;cursor:pointer;width:fit-content;font-weight:700}.library-unclassified summary:focus-visible{outline-offset:4px;outline:2px solid #7c3aed}.library-unclassified>p{color:#777;margin:16px 0;font-size:14px}.library-page .social-profile-button:disabled{opacity:.55;cursor:not-allowed}@media (width<=600px){.library-game-grid{grid-template-columns:minmax(0,1fr)}}.not-found-page{color:#191b22;background:#fff;min-height:100vh;display:flex}.not-found-main-area{flex:1;min-width:0;height:100vh;overflow-y:auto}.not-found-content{text-align:center;border-top:1px solid #e5e5e5;justify-content:center;align-items:center;min-height:calc(100vh - 165px);margin:0 40px;padding:48px 20px;display:flex}.not-found-message{max-width:560px}.not-found-code{color:#8b45f5;margin:0 0 12px;font-size:80px;font-weight:800;line-height:1}.not-found-message h1{margin:0 0 14px;font-size:32px}.not-found-message>p:not(.not-found-code){color:#777;margin:0;line-height:1.6}.not-found-actions{justify-content:center;gap:12px;margin-top:32px;display:flex}.not-found-actions button,.not-found-actions a{min-height:46px;font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 20px;font-weight:700;text-decoration:none;display:inline-flex}.not-found-actions button{color:#fff;background:#8b45f5;border:0}.not-found-actions a{color:#191b22;background:#fff;border:1px solid #ddd}.not-found-actions button:hover{background:#7734dc}.not-found-actions a:hover{background:#f8f6fc}.not-found-actions button:focus-visible,.not-found-actions a:focus-visible{outline-offset:2px;outline:3px solid #b99aff}@media (width<=700px){.not-found-content{margin:0 20px}.not-found-code{font-size:64px}.not-found-message h1{font-size:26px}.not-found-actions{flex-direction:column}}body{margin:0;font-family:Arial,sans-serif;overflow:hidden}.home{background:linear-gradient(#bf8aff 0%,#8463ace6 100%);height:100vh;display:flex}.sidebar{z-index:10;background:#7c3aed;border-right:2px solid #5b21b6;border-radius:0 25px 25px 0;flex-shrink:0;width:260px;height:100vh;padding:24px 16px;position:sticky;top:0;overflow-y:auto}.site-info{align-items:center;gap:12px;margin-bottom:25px;padding:0 8px;display:flex}.site-info img{object-fit:contain;flex-shrink:0;width:45px;height:45px}.site-info span{color:#fff;white-space:normal;word-break:break-word;font-size:20px;font-weight:700;line-height:1.2}.sidebar-menu{flex-direction:column;gap:10px;display:flex}.menu-group{flex-direction:column;display:flex}.sidebar-menu-item{color:#fff;cursor:pointer;background:#00000026;border:none;border-radius:40px;justify-content:center;align-items:center;gap:12px;width:100%;height:52px;padding:0 20px;font-size:18px;font-weight:700;transition:all .2s;display:flex}.sidebar-menu-item img{object-fit:contain;width:24px;height:24px;transition:filter .2s}.sidebar-menu-item.active{color:#7c3aed;background:#fff}.sidebar-menu-item.active img{filter:invert(28%)sepia(85%)saturate(3461%)hue-rotate(253deg)brightness(97%)contrast(93%)}.sidebar-menu-item:hover:not(.active){background:#ffffff40}.submenu-list{border-left:2px solid #ffffff4d;flex-direction:column;gap:6px;margin:8px 0 12px 18px;padding-left:12px;display:flex}.submenu-item{color:#fff;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:20px;justify-content:flex-start;align-items:center;gap:10px;width:100%;height:42px;padding:0 8px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.submenu-item img{object-fit:contain;flex-shrink:0;width:20px;height:20px}.submenu-item:hover{background:#fff3}.submenu-item.active{background:#ffffff40;border-radius:10px}.main-area{flex:1;min-width:0;height:100vh;overflow-y:auto}.header{background:#fff;grid-template-columns:minmax(0,1fr) minmax(0,745px) minmax(200px,1fr);align-items:center;column-gap:24px;height:165px;padding:0 60px;display:grid}.search-area{grid-column:2;align-items:center;gap:15px;min-width:0;display:flex}.search-area span{flex-shrink:0;font-size:24px}.search-area input{background:#d9d9d9;border:none;border-radius:30px;outline:none;width:100%;min-width:0;max-width:650px;height:48px;padding:0 24px;font-size:18px}.auth-buttons{flex-direction:column;grid-column:3;justify-self:end;align-items:flex-end;gap:8px;min-width:0;max-width:100%;display:flex}.auth-error{color:#b42318;overflow-wrap:anywhere;margin:0;font-size:13px}.auth-buttons button:disabled{opacity:.6;cursor:wait;transform:none}.auth-buttons button{color:#fff;cursor:pointer;background:#171a21;border:none;border-radius:30px;width:200px;height:48px;font-size:18px;font-weight:700;transition:background-color .2s,transform .1s;box-shadow:0 4px 10px #00000026}.auth-buttons button:hover{background:#2a475e;transform:translateY(-2px)}.content{min-height:calc(100vh - 165px);padding:30px 50px}.game-section{margin-bottom:55px}.game-section h2{text-align:center;color:#fff;margin:0 0 30px;font-size:32px}.game-carousel{justify-content:center;align-items:center;gap:35px;display:flex}.game-list{justify-content:center;align-items:center;gap:32px;width:100%;max-width:1400px;height:345px;padding:25px 0;display:flex;position:relative;overflow:hidden}.game-carousel-item{width:380px;height:235px;transform:translate(-50%, -50%) translateX(calc(var(--offset) * 462px));opacity:1;justify-content:center;align-items:center;transition:transform .45s,opacity .45s;display:flex;position:absolute;top:50%;left:50%}.game-carousel-item[data-hidden=true]{opacity:0;pointer-events:none}.game-card{cursor:pointer;opacity:.35;filter:brightness(.85);background:0 0;border:none;border-radius:20px;flex-shrink:0;width:380px;height:235px;padding:0;transition:all .35s cubic-bezier(.25,1,.5,1);overflow:hidden;box-shadow:0 6px 16px #00000040}.game-card img{object-fit:cover;object-position:center;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;display:block}.game-card.featured{opacity:1;filter:brightness();z-index:2;width:480px;height:295px;transform:translateY(-6px);box-shadow:0 16px 36px #00000080}.carousel-button{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;width:60px;height:60px;font-size:60px;line-height:1;transition:transform .2s,opacity .2s}.carousel-button:hover{opacity:.8;transform:scale(1.15)}@media (prefers-reduced-motion:reduce){.game-carousel-item,.game-carousel-item .game-card{transition:none}}.game-section-message{text-align:center;color:#fff;min-height:170px;font-size:18px}.game-section-message button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:8px;padding:8px 16px}.board-page{background:#fff;min-height:100vh;display:flex}.board-main-area{flex:1;min-width:0;height:100vh;overflow-y:auto}.board-content{background:#fff;min-height:calc(100vh - 165px);padding:0 15px 30px}.board-top{justify-content:space-between;align-items:center;padding:8px 15px 12px;display:flex}.board-top h1{color:#000;margin:0;font-size:32px;font-weight:700}.board-write-button{color:#fff;cursor:pointer;background:#8b45f5;border:none;border-radius:14px;width:80px;height:42px;font-size:16px;font-weight:700;transition:background-color .2s,transform .1s}.board-write-button:hover{background:#7c3aed;transform:translateY(-2px)}.board-table{border-top:1px solid #bdbdbd;border-bottom:1px solid #bdbdbd;width:100%}.board-table-header,.board-row{grid-template-columns:50% 20% 10% 10% 10%;align-items:center;width:100%;display:grid}.board-table-header{text-align:center;border-bottom:1px solid #bdbdbd;height:50px;font-size:15px;font-weight:700}.board-row{color:#000;cursor:pointer;text-align:center;background:#fff;border:none;border-bottom:1px solid #d3d3d3;min-height:46px;font-size:14px}.board-row:last-child{border-bottom:none}.board-row:hover{background:#f4f4f4}.board-state,.board-empty{color:#555;text-align:center;margin:0;padding:24px 16px}.board-title-column{text-align:center;padding:0 16px}.board-post-title{justify-content:center;align-items:center;display:flex;position:relative}.board-post-title-text{text-align:center;width:100%}.board-pin{font-size:18px;position:absolute;left:16px}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.page-button{color:#000;cursor:pointer;background:0 0;border:none;border-radius:50%;min-width:24px;height:24px;font-size:14px}.page-button:hover{background:#e6d7ff}.page-button.active{color:#fff;background:#b784ff}@media (width<=1000px){.board-table{overflow-x:auto}.board-table-header,.board-row{min-width:850px}}.board-detail-page{background:#fff;min-height:100vh;display:flex}.board-detail-main-area{flex:1;min-width:0;height:100vh;overflow-y:auto}.board-detail-content{background:#fff;min-height:calc(100vh - 165px);padding:0 15px 40px}.post-detail{background:#fff;border:1px solid #666;min-height:calc(100vh - 165px)}.post-detail-header{border-bottom:1px solid #d0d0d0;padding:25px 20px 15px}.post-detail-header h1{color:#000;margin:0 0 12px;font-size:22px;font-weight:700}.post-info{color:#8a8a8a;align-items:center;gap:12px;font-size:12px;display:flex}.post-delete-button{color:#555;font:inherit;cursor:pointer;background:#fff;border:1px solid #d0d0d0;border-radius:4px;margin-left:auto;padding:5px 12px}.post-delete-button:hover:not(:disabled){color:#7c3aed;border-color:#8b45f5}.post-delete-button:disabled{cursor:default;opacity:.6}.post-delete-error{color:#b42318;margin:10px 0 0;font-size:13px}.post-detail-body{flex-direction:column;min-height:430px;padding:25px 20px;display:flex}.post-detail-body p{white-space:pre-wrap;overflow-wrap:anywhere;color:#000;margin:0;font-size:16px;line-height:1.6}.like-area{flex-direction:column;align-items:center;gap:8px;margin:auto auto 10px;display:flex}.like-label{font-size:14px;font-weight:700}.like-message{color:#555;text-align:center;min-height:18px;font-size:13px}.like-button{cursor:pointer;background:#7657ff;border:none;border-radius:50%;width:48px;height:48px;margin:0;font-size:24px;transition:transform .2s}.like-button:hover:not(:disabled){transform:scale(1.1)}.like-button:disabled{cursor:default;opacity:.7}.post-detail-bottom{color:#555;justify-content:space-between;align-items:center;padding:0 20px 15px;font-size:13px;display:flex}.comment-section{background:#fff;border:1px solid #666;border-top:none;width:100%}.comment-section-title{border-bottom:1px solid #d3d3d3;align-items:center;height:45px;padding:0 15px;font-size:14px;font-weight:700;display:flex}.comment-list{width:100%}.comment-state,.comment-empty{color:#555;text-align:center;margin:0;padding:20px 15px}.comment-item{border-bottom:1px solid #d3d3d3;grid-template-columns:140px 1fr 160px;align-items:center;min-height:48px;padding:0 15px;font-size:13px;display:grid}.comment-nickname{font-weight:700}.comment-content{word-break:break-word;padding:12px 15px}.comment-date{text-align:right;color:#999;font-size:11px}.comment-form{background:#fff;border-top:2px solid #8b45f5;padding:15px;position:relative}.comment-form textarea{resize:none;border:none;outline:none;width:100%;height:80px;font-family:Arial,sans-serif;font-size:13px}.comment-submit-button{color:#fff;cursor:pointer;background:#8b45f5;border:none;border-radius:14px;width:70px;height:34px;margin-left:auto;font-size:14px;font-weight:700;transition:background-color .2s;display:block}.comment-submit-button:hover{background:#7c3aed}.post-not-found{text-align:center;padding:50px;font-size:20px}@media (width<=900px){.comment-item{grid-template-columns:100px 1fr 120px}}.comment-nickname-input{border:1px solid #d3d3d3;width:180px;height:32px;margin:0;padding:0 10px;font-size:13px;display:block;position:absolute;top:-39px;right:15px}.comment-nickname-input:focus{outline-offset:1px;outline:2px solid #8b45f5}.post-rich-content{color:#222;white-space:pre-wrap;overflow-wrap:anywhere;font-family:Malgun Gothic,sans-serif;font-size:16px;line-height:1.7}.post-rich-content p{font:inherit;color:inherit}.post-rich-content a{color:#7c3aed;text-decoration:underline}.post-rich-content img{border-radius:6px;max-width:100%;height:auto;margin:12px 0;display:block}.board-write-page{background:#fff;min-height:100vh;display:flex}.board-write-main-area{flex:1;min-width:0;height:100vh;overflow-y:auto}.board-write-content{min-height:calc(100vh - 165px);padding:0 15px 30px}.board-write-heading{border-bottom:1px solid #bdbdbd;justify-content:space-between;align-items:center;gap:20px;padding:8px 15px 14px;display:flex}.board-write-heading h1{margin:0;font-size:32px}.board-write-form{padding:14px 15px 0}.board-write-categories{border:1px solid #ccc;grid-template-columns:1fr 1fr;min-height:42px;display:grid}.board-write-category-side,.board-write-nickname-side{align-items:center;gap:12px;min-width:0;display:flex}.board-write-nickname-side{border-left:1px solid #ccc;padding:0 12px}.board-write-nickname-side label{flex-shrink:0;font-size:14px;font-weight:700}.board-write-category-label{background:#f0f0f0;align-self:stretch;align-items:center;padding:0 18px;font-size:14px;font-weight:700;display:flex}.board-category-button{color:#222;cursor:pointer;background:0 0;border:none;border-radius:20px;padding:5px 15px;font-size:14px}.board-category-button.active{color:#fff;background:#8b45f5}.board-write-title{width:100%;height:40px;font:inherit;border:1px solid #ccc;border-radius:0;margin:10px 0;padding:0 14px;font-size:14px}.board-write-nickname{width:100%;min-width:0;height:32px;font:inherit;border:1px solid #ccc;border-radius:0;margin:0;padding:0 14px;font-size:14px}.board-write-editor{border:1px solid #ccc}.board-write-toolbar{background:#f0f0f0;border-bottom:1px solid #ccc;flex-wrap:wrap;align-items:center;gap:6px;min-height:36px;padding:5px 8px;display:flex}.board-write-toolbar button,.board-write-toolbar select{color:#666;opacity:1;cursor:not-allowed;background:#fff;border:1px solid #ccc;min-height:25px;padding:2px 10px;font-size:12px}.board-write-toolbar button:not(:disabled),.board-write-toolbar select:not(:disabled){color:#222;cursor:pointer}.board-write-toolbar button[aria-pressed=true]{color:#6d28d9;background:#eee3ff;border-color:#8b45f5}.board-write-toolbar button:not(:disabled):hover{background:#eee3ff}.board-write-tool-hint{color:#777;margin-left:auto;font-size:12px}.board-write-body{color:#222;white-space:pre-wrap;overflow-wrap:anywhere;resize:vertical;background:#fff;border:none;border-radius:0;width:100%;min-height:300px;padding:14px;font-family:Malgun Gothic,sans-serif;font-size:16px;line-height:1.7;display:block;overflow:auto}.board-write-body p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:#929292;float:left;pointer-events:none;height:0;font-size:13px}.board-write-body img{border-radius:6px;max-width:100%;height:auto;margin:12px 0;display:block}.board-write-title::placeholder,.board-write-nickname::placeholder{color:#929292;font-size:13px}.board-write-form :focus-visible{outline-offset:2px;outline:2px solid #8b45f5}.board-write-message{color:#b42318;min-height:20px;margin:10px 0;font-size:13px}.board-write-actions{justify-content:flex-end;gap:8px;display:flex}.board-write-actions button{color:#fff;cursor:pointer;border:none;min-width:80px;min-height:34px;font-size:14px}.board-write-cancel{background:#737373}.board-write-submit{background:#8b45f5}.board-write-cancel:hover{background:#595959}.board-write-submit:hover{background:#7c3aed}.board-write-actions button:disabled{opacity:.55;cursor:wait}@media (width<=1000px){.board-write-heading h1{font-size:26px}.board-write-heading,.board-write-form{padding-left:0;padding-right:0}.board-write-tool-hint{flex-basis:100%;margin:3px 0 0}}.board-write-body a{color:#7c3aed;text-decoration:underline}.game-detail-page{background:#f7f5fb;min-height:100vh;display:flex}.game-detail-main-area{flex:1;min-width:0;height:100vh;overflow-y:auto}.game-detail-content{color:#222;background:#f7f5fb;min-height:calc(100vh - 165px);padding:35px 50px 45px}.game-detail-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:22px;display:flex}.game-detail-heading h1{margin:0 0 8px;font-size:34px}.game-detail-heading p{color:#777;max-width:760px;margin:0;font-size:14px;line-height:1.6}.game-detail-heading span{color:#7c3aed;flex-shrink:0;font-size:14px;font-weight:700}.game-detail-summary{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:24px;display:grid}.game-detail-media{min-width:0}.game-main-image{object-fit:cover;background:#32243f;border-radius:16px;width:100%;height:420px;display:block}.game-media-list{gap:12px;margin-top:12px;display:flex}.game-media-item{background:#e3d9ee;border:2px solid #8b45f5;border-radius:10px;width:calc(33.3333% - 8px);height:95px;padding:0;overflow:hidden}.game-media-item img{object-fit:cover;width:100%;height:100%;display:block}.game-info-card{background:#fff;border-radius:16px;min-height:420px;padding:26px;box-shadow:0 5px 18px #39284b14}.game-info-card h2{margin:0 0 12px;font-size:25px}.game-genre-list{color:#7c3aed;margin:0 0 18px;font-size:13px;font-weight:700}.game-short-description{color:#555;min-height:72px;margin:0 0 20px;font-size:14px;line-height:1.7}.game-basic-info{margin:0 0 22px;font-size:13px}.game-basic-info div,.game-detail-info-list div{grid-template-columns:85px 1fr;gap:12px;margin-bottom:9px;display:grid}.game-basic-info dt,.game-detail-info-list dt{color:#888}.game-basic-info dd,.game-detail-info-list dd{margin:0}.steam-store-link{color:#fff;background:#8b45f5;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:46px;font-size:15px;font-weight:700;text-decoration:none;transition:background-color .2s;display:flex}.steam-store-link:hover{background:#7c3aed}.steam-store-link:focus-visible{outline-offset:3px;outline:3px solid #7c3aed}.game-detail-tabs{gap:28px;margin:30px 0 16px;padding:0 18px;display:flex}.game-detail-tabs a{color:#777;font-size:14px;text-decoration:none}.game-detail-tabs a:first-child{color:#7c3aed;font-weight:700}.game-detail-sections{grid-template-columns:minmax(0,3fr) minmax(280px,2fr);gap:24px;display:grid}.game-detail-section{background:#fff;border-radius:14px;padding:26px;box-shadow:0 5px 18px #39284b0f}.game-detail-section h2{margin:0 0 18px;font-size:21px}.game-detail-section p{color:#555;margin:0;font-size:14px;line-height:1.8}.game-category-list{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.game-category-list span{color:#6d28d9;background:#efe6fb;border-radius:16px;padding:7px 12px;font-size:12px}.game-detail-info-list{margin:0;font-size:13px;line-height:1.6}.game-video-section{margin-top:24px}.game-video-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;display:grid}.game-movie-card{min-width:0}.game-movie-thumbnail{aspect-ratio:16/9;cursor:pointer;background:#171717;border:0;border-radius:12px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.game-movie-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.game-movie-placeholder{box-sizing:border-box;color:#ddd;justify-content:center;align-items:flex-end;height:100%;padding:20px;display:flex}.game-movie-play{color:#fff;pointer-events:none;background:#000000bf;border-radius:50%;place-items:center;width:56px;height:56px;font-size:24px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-movie-thumbnail:hover .game-movie-play{background:#7c3aed}.game-movie-thumbnail:focus-visible{outline-offset:4px;outline:3px solid #7c3aed}.game-movie-player{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;display:block}.game-movie-card h3{overflow-wrap:anywhere;margin:10px 0 0;font-size:15px;line-height:1.5}.game-movie-error{margin-top:10px;font-size:13px;line-height:1.6}.game-movie-error a{color:#7c3aed}.game-detail-source{color:#999;text-align:right;margin:24px 0 0;font-size:12px}.game-detail-not-found{text-align:center;padding:80px 20px;font-size:20px}@media (width<=1100px){.game-detail-content{padding:30px}.game-detail-summary,.game-detail-sections{grid-template-columns:1fr}.game-main-image{height:350px}.game-info-card{min-height:auto}}@media (width<=700px){.game-detail-content{padding:24px 16px}.game-detail-heading{flex-direction:column;align-items:flex-start;gap:12px}.game-detail-heading h1{font-size:28px}.game-main-image{height:240px}.game-detail-tabs{gap:18px;padding:0}}.hot-games-page{color:#191b22;background:#fff;min-height:100vh;display:flex}.hot-games-main-area{flex:1;min-width:0;height:100vh;overflow-y:auto}.hot-games-content{border-top:1px solid #e5e5e5;margin:0 40px;padding:24px 0 36px}.hot-games-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.hot-games-heading h1{margin:0 0 8px;font-size:32px}.hot-games-heading p{color:#777;margin:0;font-size:14px;line-height:1.6}.hot-games-example{color:#777;flex-shrink:0;font-size:12px}.hot-games-filters,.hot-games-filter-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hot-games-filters{justify-content:space-between;margin-bottom:16px}.hot-games-filters select{color:#191b22;max-width:100%;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:6px;padding:6px 8px;font-size:14px}.hot-games-filters select:hover{border-color:#d9c7f5}.hot-games-table{border-collapse:collapse;table-layout:fixed;width:100%}.hot-games-table th{text-align:left;background:#f0f0f0;padding:10px 12px;font-size:13px;font-weight:400}.hot-games-table th:first-child{text-align:center;width:112px}.hot-games-table th:last-child{text-align:right;width:164px}.hot-games-table td{border-bottom:1px solid #e5e5e5;padding:10px 12px}.hot-games-table tbody tr:hover,.hot-games-table tbody tr:focus-within{background:#faf7ff}.hot-game-rank{color:#7c3aed;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:20px;font-weight:700}.hot-game-link{color:inherit;align-items:center;gap:16px;text-decoration:none;display:flex}.hot-game-image{color:#888;background:#eee;flex-shrink:0;justify-content:center;align-items:center;width:104px;height:58px;font-size:11px;display:flex;position:relative}.hot-game-image img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute}.hot-game-description{overflow-wrap:anywhere;flex-direction:column;gap:6px;min-width:0;display:flex}.hot-game-description strong{font-size:17px}.hot-game-description>span{color:#777;font-size:13px;line-height:1.5}.hot-game-count{text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.hot-games-table.new-games-table th:nth-child(3){width:132px}.hot-games-table.new-games-table th:last-child{width:170px}.new-games-table .new-game-date{white-space:nowrap}.new-games-page button.hot-game-link:focus-visible{outline-offset:4px;outline:2px solid #7c3aed}.new-game-date{color:#7c3aed;text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.hot-games-table.price-games-table th:last-child{width:170px}.price-game-value{color:#7c3aed;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}.hot-game-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:16px;display:flex}.hot-game-pagination .pagination{flex-wrap:wrap;margin:0}.hot-game-pagination button,.hot-games-state button{color:#666;min-width:34px;min-height:34px;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:14px}.hot-game-pagination button.active,.hot-games-state button{color:#6d28d9;background:#efe6fb;font-weight:700}.hot-game-pagination button:hover:not(:disabled){background:#efe6fb}.hot-game-pagination button:disabled{opacity:.4;cursor:default}.hot-games-total{color:#777;text-align:center;font-size:12px}.hot-games-state{color:#666;text-align:center;padding:64px 16px}.hot-games-content :is(button,a,select):focus-visible{outline-offset:3px;outline:2px solid #7c3aed}@media (width<=1100px){.hot-games-content{margin:0 24px}.hot-games-page .header{grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:0 24px}.hot-games-page .search-area{grid-column:1}.hot-games-page .auth-buttons{grid-column:2}}@media (width<=700px){.hot-games-results{overflow-x:auto}.hot-games-table{min-width:650px}.hot-games-table.new-games-table{min-width:760px}.hot-games-page{flex-direction:column;height:100vh}.hot-games-page .sidebar{border-radius:0;width:100%;height:auto;max-height:180px;padding:12px;position:static}.hot-games-page .site-info{margin-bottom:12px}.hot-games-page .site-info img{width:28px;height:28px}.hot-games-page .sidebar-menu{flex-direction:row;align-items:flex-start;overflow-x:auto}.hot-games-page .menu-group{flex-shrink:0;min-width:110px}.hot-games-main-area{height:auto;min-height:0}.hot-games-page .header{grid-template-columns:minmax(0,1fr);height:auto;min-height:125px;padding:16px}.hot-games-page .auth-buttons{grid-column:1}.hot-games-content{margin:0 16px}.hot-games-table th,.hot-games-table td{padding:10px 4px}.hot-game-link{flex-direction:column;align-items:flex-start;gap:8px}.hot-game-description strong{font-size:15px}}.price-games-page button.hot-game-link{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.price-games-page button.hot-game-link:focus-visible{outline-offset:4px;outline:2px solid #7c3aed}.genre-games-page button.hot-game-link{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.genre-games-page button.hot-game-link:focus-visible{outline-offset:4px;outline:2px solid #7c3aed}.hot-games-page button.hot-game-link{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.discount-game-price{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.discount-game-original{color:#737373;font-size:12px}.discount-game-current{justify-content:flex-end;align-items:center;gap:8px;display:flex}.discount-game-badge{color:#6d28d9;background:#ede9fe;border-radius:4px;padding:3px 6px;font-size:12px;font-weight:700}.discount-game-checked{color:#737373;font-size:11px;font-weight:400;line-height:1.4}.hot-games-table.upcoming-games-table th:last-child{width:190px}.upcoming-release-review{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.upcoming-release-review strong{color:#92400e;font-size:13px}.upcoming-release-review small{color:#737373;overflow-wrap:anywhere;font-size:12px}.upcoming-games-page button.hot-game-link:focus-visible{outline-offset:4px;outline:2px solid #7c3aed}.page-jump-form{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;font-size:14px;display:flex}.page-jump-label{align-items:center;gap:8px;display:flex}.page-jump-label input{box-sizing:border-box;color:#333;width:100px;min-height:36px;font:inherit;text-align:center;background:#fff;border:1px solid #ccc;border-radius:6px;padding:6px 8px}.page-jump-label input:focus-visible{outline-offset:2px;outline:2px solid #7c3aed}.page-jump-label input[aria-invalid=true]{border-color:#b42318}.page-jump-total{color:#777}.hot-game-pagination .page-jump-form button{color:#6d28d9;background:#efe6fb;font-weight:700}.page-jump-error{color:#b42318;text-align:center;width:100%;margin:0}*{box-sizing:border-box}.login-page{background:#bf8affb3;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding-top:45px;display:flex}.login-logo-area{flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.login-logo-area img{object-fit:contain;width:75px;height:75px}.login-logo-area h1{color:#d9d9d9;margin:5px 0 0;font-size:28px;font-weight:700}.login-box{background:#fff;flex-direction:column;width:480px;min-height:480px;padding:42px 50px 55px;display:flex}.login-box h2{text-align:center;color:#b452ff;margin:0 0 50px;font-size:28px;font-weight:300}.login-input-group{flex-direction:column;margin-bottom:18px;display:flex}.login-input-group label{color:#222;margin-bottom:5px;font-size:12px}.login-input-group input{background:#fff;border:1px solid #9a9a9a;outline:none;width:100%;height:46px;padding:0 12px;font-size:16px}.login-input-group input:focus{border-color:#b452ff}.remember-area{cursor:pointer;align-items:center;gap:8px;margin-top:14px;display:flex}.remember-area input{appearance:none;cursor:pointer;background:#9a9a9a;width:13px;height:13px;margin:0}.remember-area input:checked{background:#7c3aed;position:relative}.remember-area input:checked:after{content:"✓";color:#fff;font-size:12px;position:absolute;top:-3px;left:2px}.remember-area span{color:#111;font-size:11px}.steam-login-button{color:#fff;cursor:pointer;background:linear-gradient(#091a44 50%,#1383b4 100%);border:none;border-radius:10px;width:100%;height:66px;margin-top:52px;font-size:22px;font-weight:400;transition:transform .15s,filter .15s}.steam-login-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.steam-login-button:active{transform:translateY(0)}@media (width<=600px){.login-page{padding:30px 20px}.login-box{width:100%;padding:35px 30px 45px}.login-box h2{font-size:23px}}.setting-page{color:#191b22;background:#fff;min-height:100vh;display:flex}.setting-main-area{flex:1;min-width:0;height:100vh;overflow-y:auto}.setting-content,.setting-content *{box-sizing:border-box}.setting-content{border-top:1px solid #e5e5e5;min-height:calc(100vh - 165px);margin:0 40px;padding:24px 0 48px}.setting-heading h1{margin:0 0 8px;font-size:32px}.setting-heading p,.setting-language-section>p{color:#777;margin:0;font-size:14px}.setting-language-section{margin-top:58px}.setting-language-section h2{margin:0 0 12px;font-size:22px}.setting-language-card{border:1px solid #e5e5e5;border-radius:12px;width:100%;max-width:655px;margin-top:22px;padding:32px 35px 14px}.setting-language-card label{margin-bottom:27px;font-weight:700;display:block}.setting-language-card select{color:#191b22;width:100%;height:68px;font:inherit;cursor:pointer;background:#f8f6fc;border:0;border-radius:10px;padding:0 30px;font-weight:600}.setting-language-card select:focus-visible,.setting-card-footer button:focus-visible{outline-offset:2px;outline:3px solid #b99aff}.setting-language-hint{color:#888;margin:19px 0 16px;font-size:13px}.setting-card-footer{justify-content:flex-end;display:flex}.setting-card-footer button{color:#fff;width:194px;height:46px;font:inherit;cursor:pointer;background:#8b45f5;border:0;border-radius:10px;font-weight:700}.setting-status-message{color:#6f35cb;text-align:right;min-height:18px;margin:8px 0 0;font-size:12px}@media (width<=700px){.setting-content{margin:0 20px}.setting-language-card{padding:24px 20px 14px}.setting-card-footer button{width:100%}}