@import"https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap";:root{font-family:Gowun Dodum,Pretendard,Malgun Gothic,system-ui,sans-serif;color:#18202f;background:#edf3f8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(180deg,#e8f4fb 0,#f4f7fb 360px,#edf2f7),#edf3f8}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}main{min-height:100vh;overflow:hidden}.game-nav{position:fixed;top:0;left:0;right:0;z-index:80;height:84px;overflow:hidden;background:linear-gradient(180deg,#0f1522d1,#080c169e);border-bottom:1px solid rgba(255,255,255,.14);box-shadow:0 16px 34px #0e1c302e;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:height .22s ease,background .22s ease}.game-nav:hover{height:270px;background:linear-gradient(180deg,#0f1522f0,#080c16db)}.nav-inner{display:grid;grid-template-columns:230px minmax(0,1fr) 190px;align-items:start;height:auto;min-height:84px}.brand,.main-menu,.event-menu button,.nav-menu-button,.nav-submenu button{border:0;background:transparent}.brand{display:flex;align-items:center;justify-content:center;gap:10px;height:84px;color:#fff;font-size:27px;font-weight:950}.brand-mark{display:grid;place-items:center;flex:0 0 auto;width:50px;height:50px;overflow:hidden;filter:drop-shadow(0 6px 14px rgba(111,202,255,.28))}.brand-mark img{width:64px;height:48px;object-fit:contain;transform:translate(-6px)}.brand strong{letter-spacing:0;text-shadow:0 3px 14px rgba(91,207,255,.22)}.main-menu{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(94px,1fr);justify-content:center;align-items:start;min-height:84px}.nav-menu-item{min-width:0}.nav-menu-button{width:100%;height:84px;color:#e9edf4;font-size:16px;font-weight:950}.nav-menu-button:hover{color:#ffc400;background:linear-gradient(180deg,#ffffff1f,#ffffff08)}.nav-submenu{display:grid;gap:2px;max-height:0;padding:0 8px 18px;opacity:0;transform:translateY(-8px);pointer-events:none;transition:max-height .22s ease,opacity .18s ease,transform .18s ease}.game-nav:hover .nav-submenu{max-height:170px;opacity:1;transform:translateY(0);pointer-events:auto}.nav-submenu button{width:100%;min-height:32px;border-radius:6px;color:#e9edf4c2;font-size:13px;font-weight:850;text-align:center}.nav-submenu button:hover{color:#fff;background:#ffffff1a}.nav-start{display:grid;place-items:center;height:84px;color:#181000;background:linear-gradient(180deg,#fff5a8f5,#ffd027f0 58%,#f3a10ff0);font-weight:950;box-shadow:inset 0 -5px #824b002e}.hero{position:relative;min-height:720px;padding-top:84px;color:#fff;background:#17242e;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(90deg,#070a122e,#070a1200 46%,#070a123d),linear-gradient(180deg,#080c1600 68%,#080c1661),var(--event-image, url(/images/slide-open-event.png)) center / cover;animation:slideSceneIn .52s ease both}.hero-scene-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.58),transparent 32%),#ffffff29;pointer-events:none;animation:sceneFlash .52s ease-out both}@keyframes slideSceneIn{0%{opacity:.18;filter:brightness(1.45) saturate(.72);transform:scale(1.012)}42%{opacity:.78;filter:brightness(1.12) saturate(.9)}to{opacity:1;filter:brightness(1) saturate(1);transform:scale(1)}}@keyframes sceneFlash{0%{opacity:0}18%{opacity:1}to{opacity:0}}.hero:before{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:150px;background:linear-gradient(180deg,transparent,rgba(237,243,248,.98));pointer-events:none}.hero-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:min(1280px,calc(100% - 48px));min-height:636px;margin:0 auto;padding:42px 0 104px}.hero-copy{width:min(820px,100%);text-align:center}.hero-inner>.hero-copy{display:none}.event-slide-window{position:relative;width:min(1180px,100%);min-height:500px;display:grid;align-content:center;justify-items:center;padding:0 0 58px;text-align:center}.event-slide-hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:0;border-radius:0;background:transparent}.event-slide-copy{display:grid;justify-items:center;width:100%}.event-slide-copy h1{max-width:960px;margin:0;color:#f7fbff;font-size:clamp(54px,5.8vw,80px);line-height:1.02;letter-spacing:0;font-weight:950;text-shadow:0 16px 32px rgba(0,0,0,.42);word-break:keep-all;overflow-wrap:normal}.event-slide-copy p:not(.season-label){max-width:680px;margin:18px 0 0;color:#fff;font-size:clamp(19px,2.1vw,27px);font-weight:900;line-height:1.42;text-shadow:0 8px 22px rgba(0,0,0,.4);word-break:keep-all}.event-slide-controls{position:absolute;z-index:2;left:50%;bottom:0;display:inline-flex;align-items:center;gap:10px;transform:translate(-50%)}.event-slide-controls button{width:12px;height:12px;border:0;border-radius:50%;padding:0;color:#1a2234;background:#ffffff94;font-size:0}.event-slide-controls button:first-child,.event-slide-controls button:last-child{display:grid;place-items:center;width:34px;height:34px;color:#fff;background:#09101e85;font-size:28px;font-weight:950;line-height:1}.event-slide-controls button.active{width:42px;border-radius:999px;background:#fff}.season-label{margin:0 0 16px;display:inline-grid;place-items:center;min-height:36px;padding:0 18px;border:1px solid rgba(255,255,255,.34);border-radius:999px;color:#b8fff8;background:#040f2057;font-size:25px;font-weight:850;text-shadow:0 4px 14px rgba(0,0,0,.35)}.hero-copy h1{margin:0;color:#f7fbff;font-size:clamp(82px,10vw,145px);line-height:.9;letter-spacing:0;font-weight:950;text-shadow:0 18px 34px rgba(0,0,0,.42)}.hero-copy p:not(.season-label){margin:22px 0 0;color:#fff;font-size:clamp(23px,2.5vw,34px);font-weight:900;text-shadow:0 8px 22px rgba(0,0,0,.4)}.event-period{display:inline-grid;place-items:center;width:min(520px,100%);min-height:44px;margin-top:28px;border-radius:999px;color:#4c3610;background:linear-gradient(180deg,#fff4ad,#ffc32d);font-size:16px;font-weight:950;box-shadow:0 12px 26px #00000038}.hero-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-badges span{min-width:112px;padding:9px 14px;border-radius:999px;color:#26314d;background:#ffffffeb;font-size:12px;font-weight:950}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}.event-slide-window .hero-actions{justify-content:center;width:min(520px,100%)}.event-slide-window .hero-actions button{flex:1 1 0;min-width:0}.hero-actions button{min-width:172px;min-height:48px;border:1px solid rgba(255,255,255,.36);border-radius:8px;color:#fff;background:#080d188a;font-weight:950;box-shadow:0 14px 30px #0003}.hero-actions button:first-child{color:#281b00;border-color:transparent;background:linear-gradient(180deg,#fff1a0,#ffc82f)}.hero-statline{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:22px;color:#ffffffd1;font-size:12px;font-weight:950}.hero-statline span{position:relative;padding-left:14px}.hero-statline span:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:#8cf4ff;transform:translateY(-50%)}.event-menu{position:absolute;z-index:3;left:0;top:210px;display:grid;width:210px;padding:24px;border-radius:0 6px 6px 0;background:#080a12d1}.event-menu button,.event-menu span{display:flex;align-items:center;gap:10px;min-height:36px;color:#ffc94f;text-align:left;font-size:15px;font-weight:950}.event-menu span{color:#baff55}.login-box{position:relative;padding:24px;color:#253045;background:linear-gradient(180deg,#fffffff0,#f6f9fce6),#fff;border:1px solid rgba(255,255,255,.74);box-shadow:inset 0 1px #ffffffe6,0 18px 36px #121f3024;overflow:hidden}.login-box:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#ffd85d,#44d6c6 48%,#4e85e8)}.login-box.signed{display:grid;gap:10px;align-content:center}.login-box.signed strong{color:#101827;font-size:25px;line-height:1.1}.login-box.signed span{color:#637189;font-size:14px;font-weight:850}.login-box.signed .representative-name{width:max-content;max-width:100%;padding:6px 10px;border-radius:999px;color:#0f315f;background:#4e85e81f;box-shadow:inset 0 0 0 1px #4e85e829}.panel-title{margin:0;color:#4e85e8;font-size:12px;font-weight:950;letter-spacing:.08em}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 14px;padding:4px;border:1px solid rgba(44,57,80,.08);border-radius:10px;background:#dee6f0c7}.login-tabs button,.small-button,.ghost-button,.write-button,.back-button{min-height:40px;border:0;border-radius:8px;font-weight:950}.login-tabs button{color:#61718a;background:transparent;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.login-tabs .active,.small-button,.write-button{color:#fff;background:linear-gradient(135deg,#24bdb7,#4e85e8);box-shadow:0 8px 18px #3475cc3d}.ghost-button{color:#344057;background:#eaeff6f5;box-shadow:inset 0 0 0 1px #2d3a5212}form{display:grid;gap:9px}input{width:100%;min-height:46px;border:1px solid rgba(101,115,139,.22);border-radius:8px;padding:0 14px;color:#20243a;background:#ffffffeb;outline:none;box-shadow:inset 0 1px #ffffffbf;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:focus{border-color:#35c9bf;background:#fff;box-shadow:0 0 0 3px #35c9bf29,inset 0 1px #ffffffeb}.login-submit{min-height:48px;border:0;border-radius:8px;color:#0f1728;background:linear-gradient(180deg,#ffe57c,#ffc235);font-weight:950;box-shadow:0 12px 24px #c484103d,inset 0 -2px #89500029;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.login-submit:hover,.small-button:hover,.ghost-button:hover,.login-tabs button:hover{filter:brightness(1.03)}.login-submit:hover{transform:translateY(-1px);box-shadow:0 15px 28px #c4841047,inset 0 -2px #89500029}.login-submit:disabled{cursor:wait;filter:saturate(.62);transform:none}.form-message{margin:0;color:#ff6d82;font-size:13px;font-weight:850}.form-message.success{color:#168a63;overflow-wrap:anywhere}.service-board{position:relative;z-index:8;display:grid;grid-template-columns:minmax(420px,1.45fr) minmax(320px,.95fr) minmax(280px,.8fr);gap:28px;width:min(1320px,calc(100% - 48px));margin:-74px auto 42px}.service-board .login-box{min-height:176px;padding:22px 22px 18px;border-radius:0 0 8px 8px}.board-news{min-height:330px;padding:30px 32px;border-radius:8px;background:#fff;box-shadow:0 18px 38px #1220361f}.board-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.board-head strong{color:#161a26;font-size:25px;font-weight:950}.board-head button{width:76px;height:32px;border:1px solid #aeb5c2;border-radius:8px;color:#333;background:#fff;font-weight:850}.news-row{display:grid;grid-template-columns:62px minmax(0,1fr) 78px;align-items:center;gap:12px;width:100%;min-height:50px;border:0;border-top:1px solid #e8ebf0;background:transparent;text-align:left}.news-row em{color:#126cc5;font-style:normal;font-size:14px;font-weight:950}.news-row span{min-width:0;overflow:hidden;color:#4b5365;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:750}.news-row time,.db-state{color:#8a93a5;font-size:12px;font-weight:850}.db-state{margin-top:12px}.server-state{display:flex;align-items:center;gap:10px;margin-top:12px;color:#8a93a5;font-size:12px;font-weight:850}.server-state-label{letter-spacing:.02em}.server-state-checking{color:#8a93a5}.status-dots{display:inline-flex;align-items:center;gap:8px}.status-dot-wrap{position:relative;display:inline-flex;align-items:center}.status-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:#c2c9d4;box-shadow:0 0 0 3px #0000000a;cursor:default}.status-dot.up{background:#35c759;box-shadow:0 0 0 3px #35c7592e}.status-dot.down{background:#ff3b30;box-shadow:0 0 0 3px #ff3b302e}.status-dot-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:5px 9px;border-radius:7px;background:#172033;color:#fff;font-size:11px;font-weight:850;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:20;box-shadow:0 8px 20px #12203638}.status-dot-tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#172033}.status-dot-wrap:hover .status-dot-tip,.status-dot-wrap:focus-within .status-dot-tip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.service-promo{position:relative;display:grid;gap:12px;align-content:end;justify-items:start;min-height:330px;border:0;border-radius:8px;padding:28px;color:#fff;overflow:hidden;text-align:left;background:linear-gradient(180deg,#1314260a,#1314267a),var(--event-image) center / cover;box-shadow:0 18px 38px #1220361f}.service-promo span{width:max-content;padding:7px 12px;border-radius:999px;color:#663d00;background:#ffde57;font-size:12px;font-weight:950}.service-promo strong{display:block;max-width:100%;margin:0;font-size:29px;line-height:1.16;font-weight:950;text-shadow:0 8px 22px rgba(0,0,0,.32);word-break:keep-all;overflow-wrap:normal;text-wrap:balance}.service-promo small{margin:0;font-size:14px;font-weight:900;text-shadow:0 6px 16px rgba(0,0,0,.34)}.service-account{display:grid;align-content:center;min-height:330px;padding:28px 0;border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#ffffffbd,#e5e7eef0),url(/images/slide-community-festa.png) center / cover;box-shadow:0 18px 38px #1220361f}.service-links{display:grid;grid-template-columns:1fr;gap:12px;padding:0 36px 26px}.service-links button{min-height:40px;border:0;border-radius:8px;color:#fff;background:#2f3037b8;font-size:12px;font-weight:950}.promo-rail{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr) minmax(260px,.8fr);gap:18px;width:min(1220px,calc(100% - 48px));margin:0 auto 54px}.promo-card{display:grid;align-content:end;min-height:230px;border:0;border-radius:8px;padding:28px;color:#fff;text-align:left;overflow:hidden;background:linear-gradient(180deg,#0a101e0d,#0a101ed1),url(/images/slide-new-adventurer.png) center / cover;box-shadow:0 18px 38px #12203624}.promo-card.large{min-height:270px;background:linear-gradient(180deg,#0a101e05,#0a101ec7),url(/images/slide-open-event.png) center / cover}.promo-card span{color:#ffd43d;font-size:12px;font-weight:950}.promo-card strong{display:block;margin-top:8px;font-size:28px;line-height:1.15;font-weight:950}.promo-card p{margin:10px 0 0;color:#ffffffe0;line-height:1.58}.live-section{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:22px;width:min(1220px,calc(100% - 48px));margin:0 auto 54px}.live-visual,.event-tile,.hub-card{color:#fff;background:linear-gradient(180deg,#12192c14,#12192cc7),url(/images/slide-community-festa.png) center / cover}.live-visual{display:grid;align-content:end;min-height:390px;padding:34px}.live-visual span,.event-tile span,.hub-card span,.page-title span{color:#126cc5;font-size:12px;font-weight:950}.live-visual span,.event-tile span,.hub-card span{color:#ffc400}.live-visual strong{display:block;margin-top:8px;font-size:clamp(36px,4vw,56px);line-height:1.05;font-weight:950}.live-visual p,.event-tile p,.hub-card p{margin:10px 0 0;color:#ffffffe0;line-height:1.62}.event-stack{display:grid;gap:18px}.event-tile{display:grid;align-content:end;min-height:186px;border:0;padding:26px;text-align:left}.event-tile strong{display:block;margin-top:8px;font-size:28px;font-weight:950}.ranking-section,.ranking-page{width:min(1220px,calc(100% - 48px));margin:0 auto 64px}.ranking-page{padding-top:128px}.ranking-filter-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:22px 0 24px}.ranking-filter-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:92px;min-height:42px;padding:7px 16px;border:1px solid rgba(126,143,166,.24);border-radius:999px;color:#526074;background:#ffffffd6;font-size:14px;font-weight:950;box-shadow:0 8px 18px #1220360f}.ranking-filter-tabs button.active{border-color:#f54fa4;color:#fff;background:#f54fa4}.ranking-filter-tabs .job-icon{flex:0 0 auto;width:22px;height:22px;box-shadow:none}.ranking-filter-tabs button span{line-height:1}.ranking-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.ranking-hero{position:relative;min-height:400px;border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#f7fbfff0,#e2eaf4f5),#fff;box-shadow:0 18px 38px #12203621}.ranking-hero.rank-1{min-height:400px}.ranking-model,.ranking-hero.rank-1 .ranking-model{height:292px}.ranking-model .preview-canvas{min-height:100%}.ranking-model .preview-canvas:after{display:none}.rank-medal{position:absolute;z-index:2;top:16px;left:16px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#513400;background:linear-gradient(180deg,#ffe680,#f5b82f);font-size:0;font-weight:950;box-shadow:0 10px 24px #34445c2e}.rank-medal:before{content:"♛";font-size:22px;line-height:1}.rank-2 .rank-medal{color:#3d4654;background:linear-gradient(180deg,#f6f8fb,#b9c2cf)}.rank-3 .rank-medal{color:#4c2b13;background:linear-gradient(180deg,#f0c097,#b87946)}.ranking-hero-info{display:grid;justify-items:center;gap:6px;padding:0 20px 24px;text-align:center}.ranking-rank-label{min-width:54px;padding:6px 12px;border-radius:999px;color:#5b3900;background:#ffd75c;font-size:13px;font-weight:950}.ranking-hero-info strong{color:#121a2a;font-size:26px;line-height:1.12;font-weight:950}.ranking-hero-info small{display:inline-flex;align-items:center;justify-content:center;gap:7px;justify-self:center;color:#667386;font-weight:850}.ranking-icon-chip{display:inline-grid;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid rgba(126,143,166,.2);border-radius:999px;background:#ffffffc7;vertical-align:middle}.ranking-icon-chip .job-icon{align-self:center;justify-self:center;width:24px;height:24px;box-shadow:none}.ranking-icon-chip .job-icon img{width:24px;height:24px}.ranking-list{display:grid;gap:8px;margin-top:18px}.ranking-row{display:grid;grid-template-columns:44px 46px minmax(0,1fr) 170px 90px;align-items:center;gap:14px;min-height:62px;padding:0 18px;border:1px solid #dbe3ee;border-radius:8px;background:#ffffffd6;box-shadow:0 8px 22px #1220360f}.ranking-no{color:#7a8496;font-size:18px;font-weight:950}.job-icon{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:var(--job-icon-frame, 38px);height:var(--job-icon-frame, 38px);border:0;border-radius:9px;background:transparent;box-shadow:0 4px 10px #1220361f;overflow:hidden}.job-icon img{display:block;width:var(--job-icon-cell, 32px);height:var(--job-icon-cell, 32px);object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.job-icon.class-emblem{background:transparent;box-shadow:none;border-radius:0;overflow:visible}.job-icon.class-emblem img{object-fit:contain;filter:drop-shadow(0 2px 5px rgba(18,32,54,.22))}.ranking-icon-chip .job-icon.class-emblem{box-shadow:none}.ranking-icon-chip .job-icon.class-emblem img{filter:none}.job-icon.empty:after{content:"";width:40%;height:40%;border-radius:50%;background:#52617447}.ranking-row strong{min-width:0;overflow:hidden;color:#172033;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:950}.ranking-row span:not(.ranking-no):not(.job-icon){color:#687384;font-weight:850}.ranking-row em{justify-self:end;color:#126cc5;font-style:normal;font-weight:950}.ranking-more{display:block;min-width:180px;min-height:46px;margin:22px auto 0;border:0;border-radius:8px;color:#fff;background:linear-gradient(135deg,#24bdb7,#4e85e8);font-weight:950;box-shadow:0 14px 28px #3475cc38}.ranking-pager{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:22px}.ranking-pager button{min-width:72px;min-height:40px;border:1px solid #d6e0eb;border-radius:8px;color:#39445a;background:#fff;font-weight:900}.ranking-pager button:disabled{opacity:.42;cursor:not-allowed}.ranking-pager span{color:#526074;font-weight:950}.empty-ranking{display:grid;place-items:center;min-height:180px;border-radius:8px;color:#687384;background:#fff;font-weight:850;box-shadow:0 18px 38px #1220361a}.community-hub,.page-shell{width:min(1220px,calc(100% - 48px));margin:0 auto 76px}.page-shell{padding-top:128px}.page-shell:before{content:"";display:block;width:100%;height:150px;margin-bottom:24px;border-radius:8px;background:linear-gradient(90deg,#0e182ad1,#0e182a33),url(/images/slide-open-event.png) center 42% / cover;box-shadow:0 18px 38px #1220361f}.centered{max-width:760px;margin:0 auto 28px;text-align:center}.page-title h2{margin:6px 0 14px;color:#161a26;font-size:clamp(30px,4vw,46px);line-height:1.08;font-weight:950}.page-title p{margin:0;color:#687384;line-height:1.62}.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hub-card{display:grid;align-content:end;min-height:230px;border:0;border-radius:8px;padding:26px;text-align:left;box-shadow:0 18px 38px #1220361f}.hub-card strong{display:block;margin-top:8px;font-size:27px;font-weight:950}.board-layout{display:grid;grid-template-columns:1fr;gap:0}.board-main,.detail-panel,.write-panel,.profile-panel,.represent-panel{background:#fff;border-radius:8px;box-shadow:0 18px 38px #1220361a}.board-main{position:relative;padding:44px 0 0;overflow:hidden;background:transparent;box-shadow:none}.board-main:before{display:none}.board-main .page-title{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:34px}.board-main .page-title p,.board-main .page-title span{display:none}.board-main .page-title h2{margin:0;font-size:28px;font-weight:500}.board-filter-tabs{display:flex;align-items:end;gap:30px;min-height:48px;border-bottom:5px solid #dedede}.board-filter-tabs button{position:relative;min-width:56px;min-height:48px;border:0;color:#9a9da4;background:transparent;font-size:18px;font-weight:850}.board-filter-tabs button.active{color:#f54fa4}.board-filter-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:5px;border-radius:999px;background:#f54fa4}.board-toolbar{position:absolute;top:44px;right:0;display:flex;justify-content:flex-end;gap:16px;margin:0;padding:0;border:0;background:transparent}.board-search{display:grid;grid-template-columns:minmax(240px,360px) 48px;gap:0;min-height:50px;border:1px solid #d9dde4;border-radius:999px;overflow:hidden;background:#fff}.board-search button{border:0;border-radius:0;color:#f54fa4;background:#fff;font-size:0;font-weight:950}.board-search button:before{content:"";display:block;width:18px;height:18px;margin:auto;border:3px solid #f54fa4;border-radius:50%;box-shadow:8px 8px 0 -5px #f54fa4}.board-search input{min-height:48px;border:0;border-radius:0}.write-button{padding:0 18px}.post-table{display:grid;gap:0}.empty-posts{display:grid;place-items:center;min-height:180px;border-bottom:1px solid #d9dde4;color:#7a8496;font-weight:850}.post-row{display:grid;grid-template-columns:92px minmax(0,1fr) 210px 120px 92px;align-items:center;gap:18px;width:100%;min-height:80px;border:0;border-bottom:1px solid #d9dde4;border-radius:0;padding:0 28px;background:transparent;text-align:left;box-shadow:none}.post-row:hover,.post-row.selected{background:#f54fa40b;transform:none}.post-row em{justify-self:start;min-width:76px;border:2px solid #f54fa4;border-radius:999px;padding:5px 10px;color:#f54fa4;background:#fff;text-align:center;font-style:normal;font-size:14px;font-weight:950;line-height:1;white-space:nowrap}.post-row strong{min-width:0;overflow:hidden;color:#222a3a;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:600}.post-row span,.post-row time,.post-row small{color:#9a9da4;font-size:14px;font-weight:750}.board-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px}.guide-page{max-width:1080px;margin:0 auto}.guide-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:24px 0}.guide-tabs button{min-width:110px;min-height:42px;border:1px solid #d9e2ec;border-radius:999px;color:#526074;background:#fff;font-weight:950}.guide-tabs button.active{color:#fff;border-color:#278cda;background:#278cda}.guide-panel{padding:34px;border-radius:8px;background:#fff;box-shadow:0 18px 38px #1220361a}.guide-panel>span{color:#126cc5;font-size:13px;font-weight:950}.guide-panel h3{margin:8px 0 10px;color:#172033;font-size:clamp(26px,3vw,38px);line-height:1.18}.guide-panel>p{margin:0;color:#687384;font-size:17px;font-weight:850;line-height:1.65}.guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px}.guide-item{padding:18px;border:1px solid #e1e7ef;border-radius:8px;background:#f8fafc}.guide-item strong{color:#20283a;font-size:18px}.guide-item p{margin:8px 0 0;color:#596579;line-height:1.62}.pager{display:inline-flex;align-items:center;gap:6px}.pager button{min-width:36px;height:36px;border:1px solid #d9e2ec;border-radius:8px;color:#526074;background:#fff;font-weight:900}.pager button.active{color:#fff;border-color:#278cda;background:#278cda}.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.event-board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.event-board-card{display:grid;gap:10px;border:1px solid #e1e6ee;border-radius:8px;padding:12px;background:#fff;text-align:left;box-shadow:0 12px 28px #12203614}.event-board-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:6px}.event-board-card span{justify-self:start;padding:5px 10px;border-radius:999px;color:#fff;background:#278cda;font-size:13px;font-weight:950}.event-board-card strong{min-height:44px;color:#20283a;font-size:18px;line-height:1.25}.event-board-card small{color:#7a8496;font-size:13px;font-weight:850}.shot-card{display:grid;gap:8px;border:1px solid #e1e6ee;border-radius:8px;padding:10px;background:#f8fafc;text-align:left}.shot-card img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:6px}.shot-card strong{color:#20283a;font-size:16px}.shot-card span{color:#7a8496;font-size:13px;font-weight:750}.detail-panel{max-width:940px;margin:0 auto;padding:34px}.back-button{padding:0 14px;color:#39445a;background:#eef2f7}.detail-actions{display:flex;flex-wrap:wrap;gap:10px}.danger-button{min-height:40px;border:0;border-radius:8px;padding:0 14px;color:#fff;background:#e64b5d;font-weight:950}.detail-head{margin-top:24px;padding-bottom:24px;border-bottom:2px solid #273044}.detail-head span{color:#126cc5;font-size:12px;font-weight:950}.detail-head h2{margin:8px 0 12px;color:#161a26;font-size:clamp(24px,2.8vw,32px);line-height:1.28;font-weight:900}.detail-head p{margin:0;color:#7a8496;font-weight:750}.detail-image{width:100%;max-height:460px;margin-top:24px;object-fit:cover;border-radius:8px}.detail-body{padding:30px 0;color:#3d4658;line-height:1.82;font-size:17px}.comment-box{border-top:1px solid #e3e8f0;padding-top:22px}.comment-box strong{display:block;margin-bottom:14px}.comment-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;padding:12px 0;border-top:1px solid #edf1f6}.comment-row span{color:#126cc5;font-weight:950}.comment-row p{margin:0;color:#4a5364}.comment-empty,.comment-disabled{margin:0;padding:12px 0;color:#7a8495;font-weight:800}.comment-write{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:8px;margin-top:16px}.comment-write button{border:0;border-radius:8px;color:#fff;background:#278cda;font-weight:950}.write-panel{display:grid;gap:18px;max-width:940px;margin:0 auto;padding:34px}.write-head{padding-bottom:20px;border-bottom:2px solid #273044}.write-head span{color:#126cc5;font-size:12px;font-weight:950}.write-head h2{margin:8px 0 10px;color:#161a26;font-size:clamp(28px,4vw,40px);line-height:1.15}.write-head p{margin:0;color:#7a8496;font-weight:750}.write-panel label{display:grid;gap:8px;color:#273044;font-weight:900}.write-panel label span{font-size:14px}.write-panel input,.write-panel select,.write-panel textarea{width:100%;border:1px solid #d9dde4;border-radius:8px;padding:0 14px;color:#20283a;background:#fff;font:inherit;font-weight:650}.write-panel input,.write-panel select{min-height:50px}.write-panel textarea{min-height:260px;padding-top:14px;resize:vertical;line-height:1.72}.write-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.check-row{display:flex;align-items:center;gap:10px}.check-row input{width:18px;min-height:18px}.mypage-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px}.profile-panel,.represent-panel{padding:34px}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.account-stats div{display:grid;gap:4px;min-height:92px;padding:18px;border:1px solid #e1e6ee;border-radius:8px;background:#f8fafc}.account-stats strong{color:#172033;font-size:28px;font-weight:950}.account-stats span{color:#7a8496;font-size:13px;font-weight:850}.represent-panel{display:grid;grid-template-rows:auto minmax(360px,1fr);min-height:560px;overflow:hidden;background:linear-gradient(180deg,#fff,#dff6ff)}.represent-head{position:relative;z-index:2;display:grid;gap:4px}.represent-head span{color:#126cc5;font-size:12px;font-weight:950}.represent-head strong{color:#151924;font-size:30px;font-weight:950}.represent-head small{color:#758194;font-weight:800}.preview-canvas{width:100%;height:100%;min-height:520px;touch-action:none;cursor:grab}.preview-canvas:active{cursor:grabbing}.preview-canvas.compact{min-height:430px}.roster-grid{display:grid;grid-template-columns:repeat(2,minmax(210px,1fr));gap:14px;align-content:start}.roster-card,.empty-roster{min-height:118px;border:1px solid #dbe0e8;border-radius:8px;padding:18px;text-align:left;color:#262c3b;background:#f7f9fc}.roster-card{display:grid;gap:6px;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.roster-card.selected{border-color:#ffc400;background:#fff8d7;box-shadow:inset 0 0 0 2px #ffc4002e}.roster-card:hover{transform:translateY(-1px);border-color:#4e85e8;background:#fff}.roster-card.selected:hover{border-color:#ffc400;background:#fff8d7}.roster-card span{color:#126cc5;font-size:12px;font-weight:950}.roster-card strong{font-size:22px}.roster-card small,.empty-roster span{color:#687384}.character-meta{display:inline-flex;align-items:center;gap:7px}.roster-card em{justify-self:start;min-height:28px;margin-top:4px;padding:6px 10px;border-radius:999px;color:#526174;background:#e8edf5;font-style:normal;font-size:12px;font-weight:950}.roster-card.selected em{color:#5f3900;background:#ffd75c}.empty-roster{display:grid;place-content:center;gap:8px;min-height:240px}@media(max-width:1100px){.game-nav,.game-nav:hover{height:auto}.nav-inner{grid-template-columns:180px minmax(0,1fr);height:68px;min-height:68px;align-items:center}.brand{height:68px;font-size:22px}.nav-start{display:none}.main-menu{display:flex;justify-content:flex-start;height:68px;min-height:68px;overflow-x:auto}.nav-menu-item{flex:0 0 auto}.nav-menu-button{min-width:96px;height:68px;font-size:14px}.nav-submenu,.event-menu{display:none}.service-board,.live-section,.promo-rail,.hub-grid,.board-layout,.mypage-grid,.ranking-podium{grid-template-columns:1fr}.service-board{width:min(760px,calc(100% - 32px));margin-top:-54px}.hero-inner{padding-right:0;padding-left:0}}@media(max-width:720px){.nav-inner{display:block;height:auto}.brand{justify-content:flex-start;padding-left:14px}.main-menu{height:50px;background:#060911d6}.nav-menu-button{min-width:86px;height:50px;font-size:13px}.hero{min-height:auto;padding-top:118px}.hero-inner{width:min(100% - 24px,430px);min-height:auto;padding:42px 0 120px}.hero-copy{text-align:left}.event-slide-window{min-height:360px;padding:0 0 56px;text-align:center;justify-items:center}.event-slide-copy h1{font-size:42px}.event-slide-copy p:not(.season-label){font-size:17px}.event-slide-controls{left:50%;transform:translate(-50%)}.season-label{font-size:13px}.hero-copy h1{font-size:56px}.hero-copy p:not(.season-label){font-size:18px}.event-period{width:100%;font-size:13px}.hero-badges{justify-content:flex-start}.service-board,.live-section,.promo-rail,.community-hub,.page-shell,.ranking-section,.ranking-page{width:min(100% - 24px,430px)}.ranking-page{padding-top:128px}.ranking-hero,.ranking-hero.rank-1{min-height:315px}.ranking-model,.ranking-hero.rank-1 .ranking-model{height:205px}.ranking-model .preview-canvas,.ranking-model .preview-canvas.compact{min-height:205px}.rank-medal{top:12px;left:12px;width:38px;height:38px}.rank-medal:before{font-size:19px}.ranking-hero-info{padding:0 14px 18px}.ranking-hero-info strong{font-size:22px}.ranking-row{grid-template-columns:34px 40px minmax(0,1fr) 72px;gap:10px;padding:0 12px}.ranking-row span:not(.ranking-no):not(.job-icon){display:none}.ranking-row em{font-size:14px}.service-board{margin-top:-36px;gap:16px}.service-promo,.service-account,.board-news{min-height:280px}.board-news,.detail-panel,.write-panel,.profile-panel,.represent-panel{padding:22px}.board-main{padding-top:28px}.board-main .page-title{display:block}.board-filter-tabs{gap:12px;overflow-x:auto}.board-filter-tabs button{flex:0 0 auto;font-size:16px}.news-row{grid-template-columns:52px minmax(0,1fr)}.news-row time{display:none}.live-visual,.event-tile,.hub-card{padding:22px}.hub-grid,.screenshot-grid,.event-board-grid,.account-stats,.roster-grid,.guide-list{grid-template-columns:1fr}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions button{width:100%}.page-shell:before{height:110px}.board-toolbar,.comment-row{position:static;display:grid;grid-template-columns:1fr;margin:18px 0 0}.board-search,.comment-write{grid-template-columns:minmax(0,1fr) 48px}.post-row{grid-template-columns:58px minmax(0,1fr);gap:8px;padding:12px 8px}.post-row span,.post-row time,.post-row small{display:none}.board-footer{display:grid;grid-template-columns:1fr}.board-footer .write-button{width:100%}.pager{flex-wrap:wrap}.represent-panel{min-height:500px}.preview-canvas.compact{min-height:380px}}.rt-content{word-break:keep-all;overflow-wrap:anywhere}.rt-content>*:first-child{margin-top:0}.rt-content>*:last-child{margin-bottom:0}.rt-content p{margin:0 0 14px}.rt-content h3{margin:26px 0 12px;padding-left:14px;border-left:5px solid #f54fa4;color:#161a26;font-size:22px;font-weight:950;line-height:1.3}.rt-content h4{margin:22px 0 10px;color:#1f2738;font-size:19px;font-weight:950}.rt-content h5{margin:18px 0 8px;color:#33405a;font-size:16px;font-weight:900}.rt-content strong{color:#14203a;font-weight:950}.rt-content em{font-style:italic}.rt-content mark{padding:1px 4px;border-radius:5px;color:#5b4a00;background:linear-gradient(180deg,#fff2a8,#ffe363)}.rt-content .rt-point{color:#e5397d;font-weight:950}.rt-content a{color:#126cc5;font-weight:850;text-decoration:underline;text-underline-offset:3px}.rt-content a:hover{color:#0d5aa8}.rt-content ul,.rt-content ol{margin:0 0 16px;padding-left:24px}.rt-content li{margin:6px 0;line-height:1.7}.rt-content ul li::marker{color:#f54fa4}.rt-content ol li::marker{color:#126cc5;font-weight:950}.rt-content hr{margin:24px 0;border:0;height:2px;background:repeating-linear-gradient(90deg,#d5dce8 0 10px,transparent 10px 18px)}.rt-content .rt-callout{margin:18px 0;padding:16px 18px;border-radius:10px;border-left:5px solid #6aa6e6;background:#eef5fd;color:#274063;line-height:1.72;font-weight:750}.rt-content .rt-callout-info{border-left-color:#4e85e8;background:#eef4fe;color:#263c63}.rt-content .rt-callout-event{border-left-color:#f5a623;background:#fff6e6;color:#6d4a12}.rt-content .rt-callout-warn{border-left-color:#ef4d63;background:#fdeef0;color:#7a2531}.rt-content .rt-callout-maint{border-left-color:#64748b;background:#eef1f6;color:#384457}.rt-content .rt-empty{color:#9aa3b4;font-weight:750}.rt-content img{max-width:100%;height:auto}.rt-content .rt-figure{margin:22px 0;text-align:center}.rt-content .rt-figure img{display:block;margin:0 auto;max-width:100%;height:auto;border-radius:10px;box-shadow:0 10px 26px #1220361f}.rt-content .rt-figure figcaption{margin-top:9px;color:#7a8496;font-size:13px;font-weight:750}.rt-content .rt-inline-img{display:inline-block;margin:4px 0;border-radius:8px;vertical-align:middle}.rt-content .rt-table-wrap{margin:18px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.rt-content .rt-table{border-collapse:collapse;width:100%;font-size:14px;background:#fff;border:1px solid #dbe2ec;border-radius:10px;overflow:hidden}.rt-content .rt-table th,.rt-content .rt-table td{padding:9px 13px;border:1px solid #e2e7ef;text-align:left;line-height:1.6;vertical-align:top}.rt-content .rt-table thead th{background:#eef4fe;color:#1c3468;font-weight:900;border-bottom:2px solid #cfe0ff;white-space:nowrap}.rt-content .rt-table tbody tr:nth-child(2n) td{background:#f7f9fc}.rt-content .rt-table tbody tr:hover td{background:#eef4fe}.body-label.rich{gap:12px}.rt-field{display:grid;gap:12px}.rt-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px;border:1px solid #dde3ec;border-radius:12px;background:linear-gradient(180deg,#f7f9fc,#eef2f8)}.rt-tool-group{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}.rt-tool-divider{width:1px;align-self:stretch;min-height:26px;background:#d5dce8}.rt-group-label{color:#8a93a5;font-size:12px;font-weight:900;margin-right:2px}.rt-tool{min-height:34px;padding:0 13px;border:1px solid #d3dae5;border-radius:999px;color:#33405a;background:#fff;font-size:13px;font-weight:900;transition:color .14s ease,background .14s ease,border-color .14s ease,transform .12s ease}.rt-tool:hover{color:#fff;background:#4e85e8;border-color:#4e85e8;transform:translateY(-1px)}.rt-tool-b{font-weight:950}.rt-tool-mark:hover{background:#f0b429;border-color:#f0b429;color:#4a3600}.rt-tool-point:hover{background:#e5397d;border-color:#e5397d}.rt-tool-image:hover{background:#24bdb7;border-color:#24bdb7}.rt-callout-group{padding:3px 8px 3px 10px;border:1px solid #e2e7ef;border-radius:999px;background:#fff}.rt-callout-tool{border-width:1.5px}.rt-callout-tool-info{color:#2f62c9;border-color:#bcd2f4;background:#eef4fe}.rt-callout-tool-info:hover{color:#fff;background:#4e85e8;border-color:#4e85e8}.rt-callout-tool-warn{color:#c53147;border-color:#f4bcc4;background:#fdeef0}.rt-callout-tool-warn:hover{color:#fff;background:#ef4d63;border-color:#ef4d63}.rt-callout-tool-maint{color:#4a5568;border-color:#cfd6e0;background:#eef1f6}.rt-callout-tool-maint:hover{color:#fff;background:#64748b;border-color:#64748b}.rt-callout-tool-event{color:#a06a12;border-color:#f0d8a8;background:#fff6e6}.rt-callout-tool-event:hover{color:#4a3600;background:#f0b429;border-color:#f0b429}.rt-template-tool{color:#126cc5;border-color:#cfdbea;background:#eef5fd}.rt-template-tool:hover{color:#fff;background:#126cc5;border-color:#126cc5}.rt-field textarea{width:100%;min-height:300px;border:1px solid #d9dde4;border-radius:10px;padding:14px;color:#20283a;background:#fff;font:inherit;font-weight:650;line-height:1.72;resize:vertical}.rt-field textarea:focus{outline:none;border-color:#35c9bf;box-shadow:0 0 0 3px #35c9bf29}.rt-help{margin:0;color:#7a8496;font-size:12.5px;font-weight:750;line-height:1.9}.rt-help strong{color:#33405a;margin-right:4px;font-weight:950}.rt-help code{padding:1px 6px;border-radius:5px;background:#eef1f6;color:#445168;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.rt-preview-wrap{margin:6px -34px -34px;padding:22px 34px 30px;border-top:1px solid #e6ebf2;border-radius:0 0 8px 8px;background:#eef3f8}.rt-preview-label{display:flex;align-items:baseline;gap:10px;margin-bottom:14px;color:#33405a;font-size:14px;font-weight:950}.rt-preview-label span{color:#8a93a5;font-size:12px;font-weight:750}.rt-live-preview{margin:0 auto;box-shadow:0 14px 32px #1220361f}.home-start{width:min(1220px,calc(100% - 48px));margin:0 auto 66px}.start-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:20px;align-items:stretch}.start-hero{display:grid;align-content:center;gap:14px;padding:42px 44px;border-radius:18px;color:#fff;overflow:hidden;background:radial-gradient(130% 150% at 100% 0%,rgba(255,255,255,.16),transparent 52%),linear-gradient(135deg,#2b6be0,#6a3ee0 60%,#b5379e);box-shadow:0 22px 46px #182c543d}.start-hero-eyebrow{color:#ffd85e;font-size:13px;font-weight:950;letter-spacing:.1em}.start-hero-title{font-size:clamp(26px,3.2vw,38px);line-height:1.16;font-weight:950}.start-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:8px 0 6px;padding:0;list-style:none;counter-reset:none}.start-steps li{display:grid;gap:6px;padding:14px;border-radius:12px;background:#ffffff1f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.start-steps li b{color:#ffd85e;font-size:20px;font-weight:950}.start-steps li span{font-size:13.5px;font-weight:800;line-height:1.4}.start-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.start-primary,.start-secondary{display:inline-grid;place-items:center;min-width:190px;min-height:52px;padding:0 24px;border:0;border-radius:12px;font-size:16px;font-weight:950}.start-primary{color:#2a1500;background:linear-gradient(180deg,#ffe57c,#ffc235);box-shadow:0 14px 28px #784e0047}.start-secondary{color:#fff;background:#ffffff29;box-shadow:inset 0 0 0 1.5px #ffffff80}.start-primary:hover{filter:brightness(1.04)}.start-secondary:hover{background:#ffffff42}.start-discord{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:10px;border:1px dashed rgba(255,255,255,.3);color:#ffffffbd;font-size:13px;font-weight:800}.start-discord:before{content:"";width:9px;height:9px;border-radius:50%;background:#cfd6ff;box-shadow:0 0 0 3px #7884ff4d}.start-tiles{display:grid;gap:16px}.start-tile{position:relative;display:grid;align-content:end;gap:4px;min-height:150px;border:0;border-radius:16px;padding:22px 24px;color:#fff;text-align:left;overflow:hidden;box-shadow:0 16px 34px #12203629;transition:transform .16s ease,box-shadow .16s ease}.start-tile:hover{transform:translateY(-3px);box-shadow:0 22px 40px #1220363d}.start-tile span{color:#ffd85e;font-size:12px;font-weight:950;letter-spacing:.04em}.start-tile strong{font-size:22px;font-weight:950;line-height:1.2;text-shadow:0 4px 14px rgba(0,0,0,.4)}.start-tile p{margin:4px 0 0;color:#ffffffdb;font-size:13.5px;font-weight:650;line-height:1.5}.tile-guide{background:linear-gradient(180deg,#0a101e0d,#0a101ed1),url(/images/slide-new-adventurer.png) center / cover}.tile-gallery{background:linear-gradient(180deg,#0a101e0d,#0a101ed1),url(/images/slide-community-festa.png) center / cover}.plaza{width:min(1220px,calc(100% - 48px));margin:0 auto 70px}.plaza-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.85fr);gap:20px;align-items:start}.plaza-feed{padding:4px 26px 18px;border-radius:16px;background:#fff;box-shadow:0 18px 38px #1220361a}.plaza-feed-head{display:flex;align-items:center;justify-content:space-between;padding:20px 0 14px;border-bottom:2px solid #f0f3f7}.plaza-feed-head strong{color:#161a26;font-size:19px;font-weight:950}.plaza-feed-head button{min-height:34px;padding:0 14px;border:1px solid #d9e0ea;border-radius:999px;color:#526074;background:#fff;font-size:13px;font-weight:900}.plaza-list{display:grid}.plaza-row{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;min-height:56px;border:0;border-top:1px solid #f0f3f7;border-radius:0;background:transparent;text-align:left;transition:background .14s ease}.plaza-row:first-child{border-top:0}.plaza-row:hover{background:#f6f9fc}.plaza-chip{justify-self:start;min-width:56px;padding:5px 10px;border-radius:999px;font-style:normal;font-size:12px;font-weight:950;text-align:center;white-space:nowrap}.chip-free{color:#2f62c9;background:#e9f1fe}.chip-trade{color:#157a5b;background:#e4f6ee}.chip-guild{color:#8a4bd6;background:#f2eafe}.chip-suggestion{color:#b5106a;background:#fdeef5}.chip-screenshot{color:#a06a12;background:#fff2da}.plaza-row-title{min-width:0;overflow:hidden;color:#2a3446;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:750}.plaza-row-meta{justify-self:end;color:#9aa3b4;font-size:12.5px;font-weight:800;white-space:nowrap}.plaza-empty{display:grid;place-items:center;min-height:180px;color:#8a93a5;font-weight:850}.plaza-side{display:grid;gap:12px;align-content:start;padding:24px;border-radius:16px;background:#fff;box-shadow:0 18px 38px #1220361a}.plaza-side-title{color:#161a26;font-size:16px;font-weight:950}.plaza-links{display:flex;flex-wrap:wrap;gap:8px}.plaza-link{min-height:38px;padding:0 15px;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:900;transition:transform .12s ease,filter .14s ease}.plaza-link:hover{transform:translateY(-1px);filter:brightness(.97)}.plaza-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.plaza-shot{aspect-ratio:1 / 1;border:0;border-radius:10px;overflow:hidden;background-color:#e7edf5;background-size:cover;background-position:center;box-shadow:0 8px 18px #12203624;transition:transform .14s ease}.plaza-shot:hover{transform:scale(1.04)}.site-footer{margin-top:8px;color:#cdd6e4;background:linear-gradient(180deg,#101726,#0a0f1b)}.footer-inner{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:30px;width:min(1220px,calc(100% - 48px));margin:0 auto;padding:54px 0 34px}.footer-brand{display:grid;gap:12px;align-content:start}.footer-logo{display:flex;align-items:center;gap:10px;color:#fff;font-size:24px;font-weight:950}.footer-logo .brand-mark{width:44px;height:44px}.footer-logo .brand-mark img{width:56px;height:42px;object-fit:contain;transform:translate(-5px)}.footer-brand p{margin:0;max-width:340px;color:#8a95a9;line-height:1.66;font-weight:650;font-size:14px}.footer-col{display:grid;gap:10px;align-content:start}.footer-col strong{margin-bottom:4px;color:#fff;font-size:15px;font-weight:950}.footer-col button{justify-self:start;padding:0;border:0;color:#9aa5b8;background:transparent;font-size:14px;font-weight:750;transition:color .14s ease}.footer-col button:hover{color:#ffd85e}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;width:min(1220px,calc(100% - 48px));margin:0 auto;padding:18px 0 30px;border-top:1px solid rgba(255,255,255,.08);color:#6f7a8e;font-size:12.5px;font-weight:700}.footer-note{color:#8a95a9}.author-block{margin-top:6px;padding-top:22px;border-top:1px solid #e8ecf2}.author-block-label{display:block;margin-bottom:12px;color:#8a93a5;font-size:13px;font-weight:900}.author-card{display:flex;align-items:center;gap:20px;padding:18px 22px;border:1px solid #e6ebf2;border-radius:14px;background:linear-gradient(180deg,#f7fafd,#edf3f9)}.author-portrait{position:relative;flex:0 0 auto;width:168px;height:224px;border-radius:12px;overflow:hidden;background:radial-gradient(120% 88% at 50% 10%,#ffffffeb,#e0ebf86b 60%,#d6e3f433);box-shadow:inset 0 0 0 1px #788caa1f}.author-portrait .preview-canvas.compact{min-height:224px;height:100%}.author-portrait.placeholder{display:grid;place-items:center;background:#eef2f7}.author-info{display:grid;gap:8px;align-content:center}.author-label{color:#4e85e8;font-size:12px;font-weight:950;letter-spacing:.06em}.author-info strong{color:#161a26;font-size:clamp(22px,2.6vw,28px);font-weight:950;line-height:1.1}.author-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#667386;font-weight:850}.author-meta>span:not(.ranking-icon-chip){font-size:15px}.author-hint{color:#9aa3b4;font-size:12.5px;font-weight:700}.author-card-empty small{color:#8a93a5;font-weight:750}.comment-row{grid-template-columns:152px minmax(0,1fr);align-items:start}.comment-author{display:flex;align-items:center;gap:9px}.comment-author-emblem{flex:0 0 auto;width:30px;height:30px}.comment-author-text{display:grid;min-width:0}.comment-author-name{color:#126cc5;font-weight:950;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-author-meta{color:#8a93a5;font-size:12px;font-weight:800}.new-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:17px;height:17px;margin-right:6px;border-radius:6px;color:#fff;background:linear-gradient(180deg,#ff6a5a,#f5342a);font-size:11px;font-weight:950;line-height:1;vertical-align:middle;box-shadow:0 2px 6px #e2342a4d}.detail-head h2 .new-badge{width:22px;height:22px;margin-right:9px;border-radius:7px;font-size:13px}.copy-link-button{min-height:40px;padding:0 15px;border:0;border-radius:8px;color:#fff;background:linear-gradient(135deg,#24bdb7,#4e85e8);font-weight:950;box-shadow:0 8px 18px #3475cc33;transition:filter .14s ease,background .14s ease}.copy-link-button:hover{filter:brightness(1.04)}.copy-link-button.copied{background:#168a63;box-shadow:none}.job-base-tag{color:#8a93a5;font-size:12px;font-weight:800;font-style:normal}.job-tree{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}.job-column{display:grid;gap:10px;align-content:start;padding:16px;border-radius:14px;border:1px solid #e4e9f0;background:#f8fafc}.job-column-head{display:grid;gap:2px;padding-bottom:10px;border-bottom:2px solid var(--job, #4e85e8)}.job-column-head strong{color:#161a26;font-size:20px;font-weight:950}.job-column-head span{color:#8a93a5;font-size:12px;font-weight:800}.job-fighter{--job: #e0663c}.job-rogue{--job: #2aa76b}.job-mage{--job: #4e85e8}.job-devil{--job: #b5379e}.job-step{display:grid;gap:6px;padding:10px 11px;border-radius:10px;background:#fff;box-shadow:0 4px 12px #1220360d}.job-step-head{display:flex;align-items:center;justify-content:space-between}.job-step-tier{color:#33405a;font-size:13px;font-weight:950}.job-step-lv{color:var(--job, #4e85e8);font-size:12px;font-weight:950}.job-step-classes{display:flex;flex-wrap:wrap;gap:5px}.job-class-chip{padding:4px 9px;border-radius:999px;border:1px solid #dbe3ee;color:#3d4658;background:#f4f7fb;font-size:12.5px;font-weight:850}.job-class-chip.link{cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease}.job-class-chip.link:hover{border-color:var(--job, #4e85e8);color:var(--job, #4e85e8);background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #1220361a}.job-class-chip.link.current{border-color:var(--job, #4e85e8);color:#fff;background:var(--job, #4e85e8)}.job-base-chip{cursor:pointer;padding:3px 9px;border-radius:999px;border:1px dashed var(--job, #4e85e8);background:transparent;color:var(--job, #4e85e8);font-size:12px;font-weight:850;justify-self:start;transition:background .12s ease,color .12s ease}.job-base-chip:hover{background:var(--job, #4e85e8);color:#fff;border-style:solid}.job-tree-hint{margin:18px 0 4px;color:#566079;font-size:13.5px;font-weight:750}.job-tree-hint b{color:#263c63;font-weight:950}.guide-item.job-fam{border-left:4px solid var(--job, #4e85e8)}.guide-note{margin-top:22px;padding:18px 20px;border-radius:12px;border-left:5px solid #4e85e8;background:#eef4fe}.guide-note strong{display:block;margin-bottom:6px;color:#263c63;font-weight:950}.guide-note p{margin:0;color:#3d5075;line-height:1.7;font-weight:700}.guide-note-sub{margin:16px 0 0;color:#77839a;font-size:12.5px;font-weight:700;line-height:1.6}.lin-explorer{margin-top:20px}.lin-race-tabs{display:flex;flex-wrap:wrap;gap:10px}.lin-race-tab{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 18px;border-radius:12px;border:1px solid #dbe3ee;background:#f4f7fb;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.lin-race-tab strong{color:#263c63;font-size:16px;font-weight:950}.lin-race-tab em{color:#8a93a5;font-size:11.5px;font-weight:800;font-style:normal}.lin-race-tab:hover{border-color:#b9c6da;transform:translateY(-1px)}.lin-race-tab.active{background:#263c63;border-color:#263c63;box-shadow:0 6px 16px #263c6347}.lin-race-tab.active strong{color:#fff}.lin-race-tab.active em{color:#ffffffbf}.lin-race-intro{margin:14px 0 20px;color:#566079;font-size:13.5px;font-weight:750;line-height:1.7}.lin-families{display:grid;gap:18px}.lin-family{padding:18px 18px 20px;border-radius:16px;border:1px solid #e4e9f0;background:#f8fafc;border-left:5px solid var(--job, #4e85e8)}.lin-family-head{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.lin-family-head strong{color:#141a26;font-size:20px;font-weight:950}.lin-family-head span{color:#8a93a5;font-size:12.5px;font-weight:800}.lin-ladder{display:grid;gap:12px}.lin-tier{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:start;padding:12px;border-radius:12px;background:#fff;box-shadow:0 4px 12px #1220360d}.lin-tier.base{background:color-mix(in srgb,var(--job, #4e85e8) 8%,#fff)}.lin-tier-head{display:grid;gap:3px;align-content:start;padding:2px 12px 0 0;border-right:2px solid #eef2f7}.lin-tier-name{color:#33405a;font-size:13px;font-weight:950}.lin-tier-lv{color:var(--job, #4e85e8);font-size:12px;font-weight:950}.lin-tier-nodes{display:flex;flex-wrap:wrap;gap:10px}.lin-node{display:grid;gap:3px;align-content:start;min-width:132px;padding:9px 11px;border-radius:10px;border:1px solid #e4e9f0;background:#f7f9fc}.lin-node-chip{justify-self:start;padding:4px 12px;border-radius:999px;border:1px solid #dbe3ee;color:#263c63;background:#fff;font-size:13.5px;font-weight:900;cursor:pointer;transition:transform .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.lin-node-chip:hover{border-color:var(--job, #4e85e8);color:var(--job, #4e85e8);transform:translateY(-1px);box-shadow:0 4px 12px #1220361a}.lin-node-chip.base{border-style:dashed}.lin-node-role{color:#4a5468;font-size:12px;font-weight:800}.lin-node-weapon{color:#8a93a5;font-size:11px;font-weight:750}.lin-excl{justify-self:start;margin-top:1px;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.01em}.lin-excl.hum{color:#b06a1a;background:#fdf0dc}.lin-excl.elf{color:#1f8a5b;background:#e0f5ea}.lin-node-to{margin-top:3px;color:#77839a;font-size:11px;font-weight:750;line-height:1.5}.lin-to-arrow{color:var(--job, #4e85e8);font-weight:950;margin-right:3px}@media(max-width:720px){.lin-tier{grid-template-columns:1fr}.lin-tier-head{border-right:none;border-bottom:2px solid #eef2f7;padding:0 0 6px;display:flex;gap:10px;align-items:baseline}.lin-node{min-width:0;flex:1 1 100%}}.class-detail .back-button{margin-bottom:18px}.class-detail-head{display:flex;align-items:center;gap:18px;padding:20px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--job, #4e85e8) 12%,#fff),#f8fafc 60%);border:1px solid #e4e9f0;border-left:6px solid var(--job, #4e85e8)}.class-detail-emblem{flex:0 0 auto}.class-detail-title{display:grid;gap:4px;min-width:0}.class-detail-tier{color:var(--job, #4e85e8);font-size:12.5px;font-weight:950;letter-spacing:.02em}.class-detail-title h3{margin:0;color:#141a26;font-size:26px;font-weight:950}.class-detail-role{margin:2px 0 0;color:#4a5468;font-size:14px;font-weight:700;line-height:1.6}.class-detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.class-tag{padding:3px 10px;border-radius:999px;background:#eef2f8;color:#55617a;font-size:11.5px;font-weight:850}.class-tag.primary{background:var(--job, #4e85e8);color:#fff}.reach-path{margin-top:22px;padding:16px 18px;border-radius:14px;background:#f6f8fc;border:1px solid #e6ebf2}.reach-path-label{display:inline-block;margin-bottom:10px;color:#33405a;font-size:12.5px;font-weight:950;letter-spacing:.04em}.reach-path-track{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}.reach-node{display:grid;gap:2px;align-content:center;min-width:74px;padding:8px 12px;border-radius:10px;background:#fff;border:1px solid #dde4ee;text-align:center}.reach-node em{color:#8a93a5;font-size:10.5px;font-weight:900;font-style:normal;letter-spacing:.02em}.reach-node strong{color:#3d4658;font-size:13.5px;font-weight:900}.reach-node.free strong{color:#9aa3b4;font-weight:800}.reach-node.active{background:var(--job, #4e85e8);border-color:var(--job, #4e85e8);box-shadow:0 6px 16px color-mix(in srgb,var(--job, #4e85e8) 40%,transparent)}.reach-node.active em{color:#ffffffd1}.reach-node.active strong{color:#fff}.reach-arrow{align-self:center;color:#b7c0cf;font-weight:900}.reach-hint{margin:12px 0 0;color:#77839a;font-size:12.5px;font-weight:700;line-height:1.6}.reach-hint b{color:var(--job, #4e85e8);font-weight:900}.class-skill-head{display:flex;align-items:baseline;justify-content:space-between;margin:26px 0 14px}.class-skill-head h4{margin:0;color:#161a26;font-size:18px;font-weight:950}.class-skill-head h4 b{color:var(--job, #4e85e8);font-weight:950}.class-skill-count{color:#8a93a5;font-size:13px;font-weight:900}.skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.skill-card{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;border:1px solid #e4e9f0;background:#fff;box-shadow:0 3px 10px #1220360a}.skill-icon{flex:0 0 auto;display:inline-block;border-radius:9px;background-color:#eef2f8;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #141e3214}.skill-icon.empty{background-color:#edf1f7}.skill-card-info{display:grid;gap:4px;min-width:0}.skill-card-info strong{color:#20283a;font-size:14px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-card-meta{display:flex;align-items:center;gap:6px}.skill-kind{padding:1px 7px;border-radius:999px;font-size:10.5px;font-weight:900;letter-spacing:.01em}.skill-kind.phys{background:#fdeae2;color:#c8552a}.skill-kind.magic{background:#e7edfd;color:#3a5fc8}.skill-kind.passive{background:#e3f4ea;color:#2a8f5a}.skill-kind.stance{background:#fbf0da;color:#b07d1c}.skill-kind.etc{background:#eef2f8;color:#6b7688}.skill-cap{color:#8a93a5;font-size:11.5px;font-weight:800}.class-sibling{margin-top:26px;padding-top:18px;border-top:1px solid #eaeef4}.class-sibling-label{display:block;margin-bottom:10px;color:#33405a;font-size:13px;font-weight:900}.class-sibling-chips{display:flex;flex-wrap:wrap;gap:6px}.rarity-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:6px 0 24px}.rarity-chip{display:grid;gap:3px;padding:14px 16px;border-radius:12px;border:1px solid #e4e9f0;border-left:5px solid var(--rarity, #9aa3b4);background:#fff}.rarity-chip .rarity-dot{width:12px;height:12px;border-radius:50%;background:var(--rarity, #9aa3b4);box-shadow:0 0 0 3px #788caa29}.rarity-chip strong{color:#161a26;font-size:16px;font-weight:950}.rarity-chip small{color:var(--rarity, #9aa3b4);font-size:11px;font-weight:950;letter-spacing:.04em}.rarity-chip p{margin:3px 0 0;color:#687384;font-size:13px;font-weight:700;line-height:1.5}.system-groups{display:grid;gap:26px}.system-group-title{margin:0 0 12px;color:#161a26;font-size:18px;font-weight:950}.system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.system-card{padding:16px 18px;border-radius:12px;border:1px solid #e4e9f0;background:#f8fafc}.system-card strong{display:block;margin-bottom:6px;color:#20283a;font-size:16px;font-weight:950}.system-card p{margin:0;color:#596579;line-height:1.6;font-weight:700;font-size:13.5px}@media(max-width:1024px){.start-grid{grid-template-columns:1fr}.start-tiles{grid-template-columns:1fr 1fr}.plaza-grid{grid-template-columns:1fr}.job-tree,.rarity-legend,.system-grid,.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{grid-template-columns:1fr 1fr;gap:24px}.footer-brand{grid-column:1 / -1}}@media(max-width:720px){.home-start,.plaza{width:min(100% - 24px,430px)}.start-hero{padding:28px 22px}.start-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.start-primary,.start-secondary{width:100%;min-width:0}.start-tiles{grid-template-columns:1fr}.plaza-feed{padding:4px 18px 14px}.plaza-row{grid-template-columns:62px minmax(0,1fr)}.plaza-row-meta{display:none}.job-tree,.rarity-legend,.system-grid,.skill-grid{grid-template-columns:1fr}.class-detail-head{flex-direction:column;align-items:flex-start;text-align:left}.reach-path-track{gap:6px}.author-card{flex-direction:column;align-items:flex-start;gap:14px}.author-portrait{width:100%;height:300px}.author-portrait .preview-canvas.compact{min-height:300px}.comment-author{flex-direction:row}.rt-toolbar{gap:6px}.rt-tool{padding:0 10px;font-size:12px}.rt-preview-wrap{margin:6px -22px -22px;padding:18px 22px 24px}.footer-inner{grid-template-columns:1fr 1fr;width:min(100% - 24px,430px);padding:36px 0 24px}.footer-bottom{width:min(100% - 24px,430px)}}