body:has(.auth-screen:not(.hidden)){background:#f6f8f5;touch-action:pan-y}body:has(.auth-screen:not(.hidden)) #gameWrapper{width:100%;height:100dvh;max-width:none;max-height:none;transform:none;background:#f6f8f5;touch-action:pan-y}#gameWrapper .auth-screen{top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow-y:auto;background:#f6f8f5;color:#223a30;touch-action:pan-y}.auth-screen .screen-bg,.auth-screen .screen-bg-overlay{display:none}#gameWrapper .auth-screen .screen-content{height:auto;min-height:100%;padding:max(32px,env(safe-area-inset-top)) 20px max(32px,env(safe-area-inset-bottom));justify-content:center;gap:18px}#gameWrapper .auth-screen .game-title{font:700 25px/1.5 Noto Sans KR,sans-serif;color:#223a30;letter-spacing:-.7px;text-shadow:none;white-space:normal;text-align:center}.auth-brand{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700}.auth-brand img{border-radius:16px}.auth-intro{color:#71817a;font-size:13px;line-height:1.7;text-align:center}.auth-screen .form-box{width:min(400px,100%);padding:24px;gap:12px;border:1px solid #dce6e1;border-radius:16px;background:#fff;box-shadow:0 12px 36px #213e300c}.auth-screen .form-box button,.portal-shell .portal-popup button{min-height:44px;padding:10px 14px;border:1px solid #dce6e1;border-radius:8px;background:#f1f6ef;color:#355c46;font:600 13px/1.5 Noto Sans KR,sans-serif;letter-spacing:0;box-shadow:none;white-space:normal;word-break:keep-all;cursor:pointer}.auth-screen .form-box .btn-main,.portal-shell .portal-popup .portal-form>button,.portal-shell .portal-popup .portal-game-action{background:#32785b;border-color:#32785b;color:#fff}.auth-screen .form-box button:hover,.portal-shell .portal-popup button:hover{background:#e5efe3;color:#294d38;transform:none}.auth-screen .form-box .btn-main:hover,.portal-shell .portal-popup .portal-form>button:hover,.portal-shell .portal-popup .portal-game-action:hover{background:#286448;color:#fff}.auth-screen button:disabled,.portal-shell .portal-popup button:disabled{opacity:.45;cursor:default}.auth-screen .form-box input:not([type=checkbox]),.portal-shell .portal-popup input:not([type=checkbox]),.portal-shell .portal-popup textarea,.portal-shell .portal-popup select{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #dce6e1;border-radius:8px;background:#fff;color:#223a30;font:400 16px/1.5 Noto Sans KR,sans-serif;box-shadow:none}.auth-screen .form-box input:focus,.portal-shell .portal-popup input:focus,.portal-shell .portal-popup textarea:focus,.portal-shell .portal-popup select:focus{outline:2px solid #32785b;outline-offset:1px;border-color:#32785b}.auth-screen input[type=checkbox],.portal-shell input[type=checkbox]{width:16px;height:16px;flex-shrink:0;accent-color:#32785b}.auth-screen .auth-warning{border:1px solid #eadbc5;background:#fcf7ed;color:#78654b;border-radius:8px;padding:12px;font-size:12px;line-height:1.8;word-break:keep-all}.auth-screen .auth-warning strong{color:#86602d}.auth-screen .auth-hint,.auth-screen .auth-confirm-text{color:#71817a;font-size:13px;line-height:1.8;word-break:keep-all}.auth-screen .issued-code,.portal-shell .portal-my-code{padding:16px 8px;border:1px solid #dce6e1;border-radius:10px;background:#f1f6ef;color:#32785b;font:700 clamp(16px,5vw,24px)/1.5 monospace;letter-spacing:1px;overflow-wrap:anywhere}.auth-screen .login-progress{background:#edf3eb;border-color:#dce6e1}.auth-screen .login-progress-bar{background:#32785b}.auth-screen .error-msg{color:#a3453e}.portal-shell .portal-popup-title{font-family:Noto Sans KR,sans-serif;font-weight:700;line-height:1.5}.portal-shell .portal-popup-body{min-width:0;overflow-x:hidden;overscroll-behavior:contain}.portal-shell .portal-popup .portal-section{padding:0;background:transparent;border:0;display:flex;flex-direction:column;gap:14px}.portal-shell .portal-popup .portal-section>.portal-panel-title:first-child{display:none}.portal-shell .portal-popup .portal-panel-title,.portal-shell .portal-account-group-title{color:#355c46;font-size:13px;font-weight:700}.portal-shell .portal-popup .portal-form{gap:10px}.portal-shell .portal-popup textarea{min-height:110px;resize:vertical}.portal-shell .portal-popup .portal-account-card,.portal-shell .portal-popup .portal-account-group,.portal-shell .portal-popup .portal-ticket-item,.portal-shell .portal-popup .post-body{border:1px solid #dce6e1;border-radius:10px;padding:14px;background:#fff;color:#223a30}.portal-shell .portal-popup .portal-account-actions{gap:14px}.portal-shell .portal-popup .portal-ticket-reply{background:#eff5ed;color:#355c46;border-radius:8px}.portal-shell .portal-popup .portal-code-status,.portal-shell .portal-popup .portal-status{color:#71817a;font-size:12px;line-height:1.7;font-weight:400}.portal-shell .portal-popup #btnPortalDeleteAccount{background:#fbefec;color:#a3453e;border-color:#e8cec7}.portal-shell .portal-popup .admin-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 4px}.portal-shell .portal-popup .admin-tab{padding:10px 4px;font-size:12px;white-space:nowrap;word-break:keep-all}.portal-shell .portal-popup .admin-tab.selected{background:#e8f2e5;border-color:#32785b;color:#286448}.portal-shell .portal-popup .admin-word-item{min-width:0;background:#fff;border-color:#dce6e1}.portal-shell .portal-popup .board-table tbody tr:hover td{background:#eff5ed}.portal-shell .portal-popup .post-comment-item{flex-wrap:wrap}.portal-shell .portal-popup .portal-game-unavailable{background:#eff3ed;border-color:#dce6e1;border-radius:8px;font-weight:400}.portal-shell .portal-popup .portal-popup-close{padding:0;min-height:36px;width:36px;flex-shrink:0;border:0;background:transparent;font-size:24px}@media (max-width:380px){.auth-screen .form-box{padding:18px}.portal-shell .portal-popup{padding:14px}.portal-shell .portal-popup .admin-tabs{gap:5px}.portal-shell .portal-popup .admin-tab{font-size:11px}}@media (min-width:720px){.portal-shell .portal-popup .admin-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}}.portal-shell .portal-popup .portal-admin-notice{border:1px solid #dce6e1;border-radius:10px;padding:12px;font-size:12px;display:flex;flex-direction:column;gap:8px;background:#fff}body:has(#portalHome:not(.hidden)){touch-action:pan-y}body:has(#portalHome:not(.hidden)) #gameWrapper{touch-action:pan-y;width:100%;height:100dvh;max-width:none;max-height:none;transform:none;border:0;border-radius:0;box-shadow:none}#portalHome{--portal-border:#dce6e1;--portal-surface:#fff;--portal-text-dim:#71817a;display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;background:#f6f8f5;color:#223a30;font-family:Noto Sans KR,sans-serif;touch-action:pan-y}#portalHome.hidden{display:none}.portal-shell .portal-layout{display:block;width:min(1020px,100%);height:auto!important;min-height:100%;max-height:none;margin:0 auto!important;padding:24px 36px max(24px,env(safe-area-inset-bottom));border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;box-sizing:border-box}body.dc-ticker-visible .portal-shell .portal-layout{padding-top:52px;height:auto!important;margin:0 auto!important}.portal-shell .portal-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 0 22px;border-bottom:1px solid #dce6e1}.portal-shell .portal-brand{display:flex;align-items:center;gap:9px;color:#243c31;font:800 24px Noto Sans KR,sans-serif;text-decoration:none}.portal-brand-mark{display:grid;place-items:center;width:34px;height:34px;background:#32785b;color:#fff;border-radius:11px;font-size:25px}.portal-shell .portal-brand small{color:#819087;font:400 11px Noto Sans KR,sans-serif;margin-left:5px}.portal-top-links{display:flex;align-items:center;gap:20px}.portal-top-links>button,.portal-footer button{border:0;background:transparent;color:#66776e;font:inherit;font-size:12px;cursor:pointer;min-height:40px}.portal-profile{position:relative}.portal-profile summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;min-height:44px}.portal-profile summary::-webkit-details-marker{display:none}.portal-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e5ede6;color:#44705a;font-size:13px}.portal-shell .portal-user{margin:0;color:#445d4e;font-size:12px;font-weight:600;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-profile-menu{position:absolute;top:100%;right:0;width:170px;padding:7px;border:1px solid #dce6e1;border-radius:12px;background:#fff;box-shadow:0 12px 30px #213e3020;z-index:35}.portal-profile-menu button{display:block;text-align:left;width:100%;padding:12px;min-height:44px;border:0;border-radius:7px;background:transparent;color:#3b5043;font:inherit;font-size:13px;cursor:pointer}.portal-profile-menu button:hover{background:#eff5ef}.portal-profile-menu button.hidden{display:none}.portal-shell .portal-main{display:block;overflow:visible;padding:30px 0 0}.portal-welcome>span{color:#739082;font-size:11px;letter-spacing:1px}.portal-welcome h1{font-size:26px;letter-spacing:-1px;margin:9px 0;line-height:1.5}.portal-welcome p{color:#7a887e;font-size:12px;margin:0 0 30px;line-height:1.7}.portal-content{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:start;gap:34px}.portal-shell .portal-game-grid{display:flex;flex-direction:column;gap:30px;width:100%;overflow:visible}.portal-library-head{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.portal-library-head h2{font-size:14px;font-weight:700;margin:0}.portal-library-head>span{color:#84958c;font-size:11px}.portal-game-list{border:1px solid #e0e8e0;background:#fff;border-radius:14px;overflow:hidden}.portal-shell .portal-game-icon{width:100%;display:flex;flex-direction:row;grid-template-rows:none;gap:15px;justify-content:start;text-align:left;padding:15px 16px;border:0;border-bottom:1px solid #edf1ec;border-radius:0;background:#fff;color:#223a30;transition:background .15s}.portal-shell .portal-game-icon:last-child{border-bottom:0}.portal-shell .portal-game-icon:hover,.portal-shell .portal-game-icon.selected{background:#f5f9f3;transform:none}.portal-shell .portal-game-mark{width:62px;height:62px;flex:0 0 62px;border:1px solid #e5ebe3;border-radius:13px;box-shadow:none}.portal-shell .portal-game-icon--renewal .portal-game-mark{filter:grayscale(.6)}.portal-game-copy{flex:1;min-width:0;position:relative;padding-right:12px}.portal-game-heading{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.portal-shell .portal-game-name{font-size:14px;font-weight:700;margin:0;white-space:normal;line-height:1.5}.portal-shell .portal-game-status{padding:2px 6px;border:0;border-radius:5px;background:#eff2ee;color:#879487;font-size:9px;font-weight:500}.portal-game-teaser{font-size:11px;color:#839084;margin:3px 0 7px;line-height:1.5}.portal-game-tags{display:flex;gap:5px;flex-wrap:wrap}.portal-game-tags span{font-size:10px;color:#668171;background:#eff5ee;border-radius:4px;padding:2px 5px;line-height:1.4}.portal-game-row-action{position:static;flex-shrink:0;color:#94a998;font-size:10px;white-space:nowrap}.portal-quicklinks{padding:18px;border:1px solid #e0e8e0;border-radius:13px;background:#f0f4ed;margin-top:33px}.portal-quicklinks h2{font-size:12px;margin:0}.portal-quicklinks p{font-size:11px;color:#879584;line-height:1.9;margin:8px 0 13px}.portal-quicklinks button{width:100%;border:0;background:transparent;text-align:left;font:inherit;font-size:11px;color:#6d826e;min-height:40px;cursor:pointer}.portal-quicklinks #btnPortalPWA{background:#fff;border:1px solid #dde6d9;padding:8px;text-align:center;border-radius:6px;font-weight:600}.portal-quicklinks button span{float:right}.portal-quick-divider{border-top:1px solid #dce5d7;margin:18px 0 7px}.portal-quicklinks small{display:block;font-size:9px;color:#99a591;margin-top:15px;line-height:1.7}.portal-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #e1e8de;margin-top:32px;padding:15px 0 0;color:#a1afa1;font-size:9px;letter-spacing:1px}.portal-footer div{display:flex;gap:14px}.portal-shell .portal-popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));background:#122c2266;z-index:50}.portal-shell .portal-popup{width:min(650px,100%);max-height:85dvh;background:#fafcf9;border:1px solid #dce6e1;border-radius:16px;box-shadow:0 24px 65px #10251d33;padding:20px;box-sizing:border-box}.portal-shell .portal-popup-title{color:#2c4535;font-size:18px}.portal-shell .portal-popup-close{background:transparent;border:0;color:#75917f}.portal-shell .portal-popup-body{touch-action:pan-y}.portal-status-link{display:block;border:1px solid #cbdccd;background:#eef5ed;padding:12px;border-radius:8px;color:#32785b;text-decoration:none;font-size:13px}.portal-admin-caption{color:#71817a;font-size:12px;margin-top:10px}.portal-shell button:focus-visible,.portal-shell summary:focus-visible,.portal-shell a:focus-visible{outline:2px solid #32785b;outline-offset:-2px}@media (max-width:760px){.portal-shell .portal-layout{padding:max(16px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom))}.portal-content{grid-template-columns:minmax(0,1fr)}.portal-quicklinks{display:none}.portal-shell .portal-top{padding-bottom:14px}.portal-shell .portal-brand{font-size:20px;gap:7px}.portal-shell .portal-brand small{display:none}.portal-top-links{gap:10px}.portal-shell .portal-user{max-width:92px;font-size:11px}.portal-avatar{width:27px;height:27px}.portal-shell .portal-main{padding-top:24px}.portal-welcome h1{font-size:23px}.portal-welcome p{font-size:11px;margin-bottom:23px}.portal-shell .portal-game-icon{padding:13px 12px;gap:11px}.portal-shell .portal-game-mark{width:49px;height:49px;flex-basis:49px;border-radius:11px}.portal-shell .portal-game-name{font-size:13px}.portal-game-teaser{font-size:10px}.portal-game-tags{gap:4px}.portal-game-tags span{font-size:9px;padding:2px 4px}.portal-footer{flex-wrap:wrap}}.portal-shell .portal-game-popup .portal-game-tags{margin:12px 0}.portal-brand-mark{overflow:hidden}.portal-brand-mark img{display:block;width:100%;height:100%;object-fit:cover}