:root{--platform-ink: #171717;--platform-paper: #f4f3ef;--platform-panel: #ffffff;--platform-line: #d7d5cf;--platform-muted: #6b6a66;--platform-accent: #e85135;--platform-success: #26734d;--platform-radius: 6px}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--platform-paper)}body{min-width:320px;min-height:100vh;margin:0;color:var(--platform-ink);font-family:Inter,Pretendard,Noto Sans KR,Arial,sans-serif;letter-spacing:0}button,a,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(239,73,52,.3);outline-offset:2px}.platform-loading-page{width:min(940px,calc(100% - 40px));min-height:100vh;margin:0 auto;display:grid;place-content:center;justify-items:center;gap:24px;animation:platform-page-enter .18s ease-out both}.platform-loading-brand{display:flex;align-items:center;gap:12px}.platform-loading-brand strong,.platform-loading-brand small{display:block}.platform-loading-brand strong{font-size:18px;font-weight:900}.platform-loading-brand small{margin-top:3px;color:var(--platform-muted);font-size:9px;font-weight:900}.platform-loading-status{min-width:150px;padding-top:12px;display:grid;gap:9px;border-top:1px solid var(--platform-line);color:var(--platform-muted);font-size:10px;text-align:center}.platform-loading-status>span{width:100%;height:2px;overflow:hidden;position:relative;background:var(--platform-line)}.platform-loading-status>span:after{content:"";width:42%;position:absolute;inset:0 auto 0 -42%;background:#ef4934;animation:platform-loading-line .9s ease-in-out infinite}@keyframes platform-loading-line{to{transform:translate(338%)}}@keyframes platform-page-enter{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.platform-loading-page,.platform-loading-status>span:after{animation:none}}.platform-auth-page{width:min(940px,calc(100% - 40px));min-height:100vh;margin:0 auto;padding:52px 0;display:flex;flex-direction:column;justify-content:center}.platform-auth-brand{margin-bottom:24px;display:flex;align-items:center;gap:12px}.platform-auth-brand strong,.platform-auth-brand small{display:block}.platform-auth-brand strong{font-size:18px;font-weight:900}.platform-auth-brand small{margin-top:3px;color:var(--platform-muted);font-size:9px;font-weight:900}.platform-auth-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(360px,1fr);border:1px solid var(--platform-ink);background:var(--platform-panel);box-shadow:9px 9px 0 var(--platform-ink)}.platform-auth-aside{min-height:420px;padding:40px;display:flex;flex-direction:column;background:#202b35;color:#fff}.platform-auth-aside>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.65);color:#ff7865;font-size:11px;font-weight:900}.platform-auth-aside>p{margin:auto 0 7px;color:#ff7865;font-size:10px;font-weight:900}.platform-auth-aside>strong{font-size:27px;line-height:1.25}.platform-auth-aside dl{margin:28px 0 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.3)}.platform-auth-aside dl div{padding-top:15px}.platform-auth-aside dt{color:#ffffff94;font-size:9px;font-weight:700}.platform-auth-aside dd{margin:4px 0 0;font-size:14px;font-weight:900}.platform-auth-form{padding:40px;display:grid;align-content:center;gap:20px}.platform-auth-mode{min-height:44px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--platform-ink)}.platform-auth-mode button{display:flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;font-size:12px;font-weight:900;cursor:pointer}.platform-auth-mode button+button{border-left:1px solid var(--platform-ink)}.platform-auth-mode button.active{background:var(--platform-ink);color:#fff}.platform-field{display:grid;gap:8px}.platform-field>span{color:var(--platform-muted);font-size:11px;font-weight:800}.platform-field>input,.platform-pin-input{min-height:52px;border:1px solid var(--platform-line);background:#fff}.platform-field>input{width:100%;min-width:0;padding:0 14px;font-size:14px}.platform-pin-input input{width:100%;min-width:0;padding:0 14px;border:0;outline:0;background:transparent;font-size:14px}.platform-pin-input{display:flex;align-items:center}.platform-pin-input svg{margin-left:14px;color:var(--platform-muted)}.platform-auth-message{min-height:17px;color:#a33d2c;font-size:11px;font-weight:800}.platform-auth-message.success{color:#18744d}.platform-auth-submit{min-height:48px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--platform-ink);background:var(--platform-ink);color:#fff;font-size:12px;font-weight:900;cursor:pointer}.platform-auth-submit:disabled{cursor:not-allowed;opacity:.4}.platform-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding-bottom:60px}.platform-header{min-height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--platform-ink)}.platform-header-actions{display:flex;align-items:center;gap:8px}.platform-account{min-height:34px;padding:0 10px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--platform-line);background:#ffffffb8;font-size:10px;cursor:pointer}.pin-change-required{width:min(560px,100%);margin:0 auto;border:1px solid var(--platform-ink);background:var(--platform-panel);box-shadow:9px 9px 0 var(--platform-ink)}.pin-change-form{padding:38px;display:grid;gap:18px}.pin-change-form>header{margin-bottom:7px;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:14px}.pin-change-form header small{color:#a33d2c;font-size:9px;font-weight:900}.pin-change-form header h1{margin:5px 0 7px;font-size:21px}.pin-change-form header p{margin:0;color:var(--platform-muted);font-size:11px;line-height:1.7}.pin-change-icon{width:42px;height:42px;display:grid;place-items:center;background:var(--platform-ink);color:#fff}.pin-change-close{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--platform-line);background:#fff;cursor:pointer}.platform-modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;padding:24px;display:grid;place-items:center;background:#14191dad}.platform-modal{width:min(520px,100%);max-height:calc(100vh - 48px);overflow-y:auto;border:1px solid var(--platform-ink);background:var(--platform-panel);box-shadow:9px 9px 0 var(--platform-ink)}.platform-logout{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--platform-line);background:#ffffffb8;cursor:pointer}.platform-brand{display:inline-flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:var(--platform-ink);color:#fff}.platform-brand strong,.platform-brand small{display:block}.platform-brand strong{font-size:16px;font-weight:900}.platform-brand small{margin-top:3px;color:var(--platform-muted);font-size:9px;font-weight:800}.api-state{min-height:34px;padding-left:10px;display:flex;align-items:center;gap:7px;border:1px solid var(--platform-line);background:#ffffffb8;color:var(--platform-muted);font-size:9px;font-weight:900}.api-state.online{border-color:#82a993;color:var(--platform-success)}.api-state.offline{border-color:#d19b8f;color:#9e432f}.api-state button{width:33px;height:32px;display:grid;place-items:center;border:0;border-left:1px solid var(--platform-line);background:transparent;color:inherit;cursor:pointer}.library-heading{min-height:142px;display:flex;align-items:flex-end;justify-content:space-between;padding:32px 0 24px;border-bottom:1px solid var(--platform-line)}.library-heading span,.library-heading strong{color:var(--platform-muted);font-size:10px;font-weight:900}.library-heading h1{margin:8px 0 0;font-size:clamp(28px,5vw,48px);line-height:1}.game-grid{padding-top:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.game-card{min-height:280px;display:grid;grid-template-columns:minmax(180px,.85fr) minmax(0,1.15fr);overflow:hidden;border:1px solid var(--platform-ink);border-radius:var(--platform-radius);background:var(--platform-panel)}.game-visual{position:relative;min-height:280px;display:grid;place-items:center;border-right:1px solid var(--platform-line);background:#202b35}.game-visual img{width:min(52%,118px);height:auto;filter:drop-shadow(0 9px 18px rgba(0,0,0,.28))}.game-index,.game-status{position:absolute;font-size:9px;font-weight:900}.game-index{top:14px;left:14px;color:#ffffff9e}.game-status{right:12px;bottom:12px;padding:5px 7px;background:#e8f4ed;color:var(--platform-success)}.game-copy{min-width:0;padding:24px;display:flex;flex-direction:column}.game-copy h2{margin:0;font-size:22px}.game-copy p{margin:8px 0 0;color:var(--platform-muted);font-size:12px;line-height:1.6}.game-copy dl{margin:auto 0 18px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--platform-line);border-bottom:1px solid var(--platform-line)}.game-copy dl div{padding:11px 0}.game-copy dl div+div{padding-left:12px;border-left:1px solid var(--platform-line)}.game-copy dt{color:var(--platform-muted);font-size:9px;font-weight:700}.game-copy dd{margin:4px 0 0;font-size:11px;font-weight:900}.game-copy>a{min-height:42px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;background:var(--platform-ink);color:#fff;font-size:11px;font-weight:900;text-decoration:none}.game-copy>a.disabled{pointer-events:none;opacity:.45}.game-slot{min-height:280px;display:grid;place-content:center;border:1px dashed #aaa8a1;color:var(--platform-muted);text-align:center}.game-slot span,.game-slot small{font-size:9px;font-weight:900}.game-slot strong{margin:10px 0 5px;color:#85837d;font-size:18px}@media(max-width:840px){.game-grid{grid-template-columns:1fr}}@media(max-width:560px){.platform-auth-page{width:min(100% - 24px,520px);padding:28px 0}.platform-auth-layout{grid-template-columns:1fr;box-shadow:5px 5px 0 var(--platform-ink)}.platform-auth-aside{min-height:156px;padding:21px}.platform-auth-aside>span{display:none}.platform-auth-aside>p{margin:0 0 4px}.platform-auth-aside>strong{font-size:22px}.platform-auth-aside dl{margin-top:17px}.platform-auth-form{padding:23px;gap:17px}.pin-change-form{padding:23px}.pin-change-form>header{grid-template-columns:1fr auto}.pin-change-icon{display:none}.pin-change-required,.platform-modal{box-shadow:5px 5px 0 var(--platform-ink)}.platform-shell{width:min(100% - 24px,1180px)}.platform-header{min-height:66px}.api-state>span{display:none}.platform-account strong{max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-state{padding-left:8px}.library-heading{min-height:118px}.library-heading strong{display:none}.game-card{grid-template-columns:1fr}.game-visual{min-height:190px;border-right:0;border-bottom:1px solid var(--platform-line)}.game-copy{min-height:230px}}