@font-face{font-family:LegionDisplay;src:url(/assets/fonts/sparta-korean-bold.woff) format('woff');font-weight:700 900;font-display:swap}@font-face{font-family:LegionText;src:url(/assets/locale-fonts-v26/cjk-400.woff) format('woff');font-weight:400;font-display:swap}#legion-app{--gate:url('https://assets.peperta.com/content/1d25e0a72e1fea38af7e85bda397c01856d827fd4188ee5048076851bf14d175.webp')}#legion-app *{box-sizing:border-box}#legion-app{scroll-behavior:smooth}#legion-app{margin:0;background:#050c18;color:#192b40;font-family:LegionText,'Noto Sans KR',system-ui,sans-serif;font-size:15px;line-height:1.65}#legion-app button,#legion-app input,#legion-app select{font:inherit}#legion-app button,#legion-app a,#legion-app input,#legion-app select{-webkit-tap-highlight-color:transparent}#legion-app button,#legion-app a{touch-action:manipulation}#legion-app button{cursor:pointer}#legion-app button{color:inherit}#legion-app a{color:inherit;text-decoration:none}#legion-app img{max-width:100%;display:block}#legion-app button:focus-visible,#legion-app a:focus-visible,#legion-app input:focus-visible,#legion-app select:focus-visible{outline:3px solid #2d9ca0;outline-offset:4px}#legion-app h1,#legion-app h2,#legion-app h3,#legion-app h4,#legion-app strong,#legion-app b,#legion-app .gold-button,#legion-app .faction-tabs,#legion-app .brand,#legion-app .eyebrow,#legion-app .detail-tabs{font-family:LegionDisplay,system-ui,sans-serif;font-weight:900}#legion-app h1,#legion-app h2,#legion-app h3,#legion-app h4,#legion-app p{margin:0}#legion-app button{border:0}#legion-app button:disabled{cursor:default;opacity:.4}#legion-app [hidden]{display:none!important}#legion-app .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#legion-app .preview-toolbar{height:52px;background:#050c18;color:#c1cbd6;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 26px;border-bottom:1px solid #243349;font-size:12px;position:sticky;top:0;z-index:40}#legion-app .preview-toolbar>span{display:flex;align-items:center;gap:8px}#legion-app .preview-toolbar i{width:6px;height:6px;border-radius:50%;background:#c7aa60}#legion-app .preview-toolbar small{color:#72849b;font-size:11px;margin-left:6px}#legion-app .device-switch{display:flex;padding:3px;border:1px solid #2f3e51;border-radius:6px;gap:4px}#legion-app .device-switch button{background:none;color:#9aadc4;padding:4px 16px;border-radius:3px;font-size:11px}#legion-app .device-switch button[aria-pressed=true]{background:#d9be7b;color:#142339;font-weight:800}#legion-app #preview-frame{max-width:1440px;margin:auto;container-type:inline-size;min-width:280px;background:#f6f0e0;box-shadow:0 25px 100px #0005;transition:max-width .25s}#legion-app #preview-frame.mobile{max-width:390px;margin:20px auto 40px;border:1px solid #344153;border-radius:20px;overflow:clip}#legion-app .site{overflow:clip}#legion-app .site-header{height:94px;background:#10223c;color:#f7ebcf;display:flex;align-items:center;justify-content:space-between;padding:0 48px;gap:24px;border-bottom:1px solid #a58a5140}#legion-app .brand{display:flex;align-items:center;gap:10px;font-size:18px;line-height:1.05;letter-spacing:1px}#legion-app .brand img{width:36px;height:44px}#legion-app .brand b{display:block;color:#e2bf64;font-size:21px}#legion-app .site-header nav{display:flex;gap:36px;align-items:center;font-size:14px;font-family:LegionDisplay,system-ui,sans-serif}#legion-app .site-header nav a{padding:9px 0;color:#d3d7dd;position:relative}#legion-app .site-header nav a[aria-current]{color:#f0cc73}#legion-app .site-header nav a[aria-current]:after{content:'';position:absolute;left:0;right:0;bottom:-10px;height:3px;background:#dbb664}#legion-app .header-saved{background:transparent;border:1px solid #b69b594d;color:#eed6a0;display:flex;gap:9px;align-items:center;padding:9px 13px;border-radius:6px;font-size:12px}#legion-app .header-saved b{font-size:11px;border-left:1px solid #b69b5940;padding-left:9px}#legion-app .star-icon{font-size:20px;line-height:1}#legion-app .archive-hero{height:410px;position:relative;background:#10223c;color:#fff5d9;isolation:isolate}#legion-app .hero-scenery{position:absolute;inset:0;background:linear-gradient(90deg,#10223c 1%,#10223cf5 32%,#10223ca9 69%,#10223c66),var(--gate) center 42%/cover;z-index:-2}#legion-app .archive-hero:after{content:'';position:absolute;inset:0;border-bottom:3px solid #c2a159;pointer-events:none;z-index:3}#legion-app .hero-copy{position:relative;z-index:3;padding:44px 0 0 58px;width:54%}#legion-app .eyebrow{display:flex;align-items:center;gap:10px;color:#b89a55;font-size:10px;line-height:1.4;letter-spacing:2.3px}#legion-app .eyebrow .line{width:25px;height:1px;background:#bda160}#legion-app .hero-copy .eyebrow{color:#e2c98e;font-size:10px;letter-spacing:2px}#legion-app .hero-copy h1{font-size:clamp(38px,4.3cqw,61px);letter-spacing:-2.7px;line-height:1.17;margin:19px 0 17px}#legion-app .hero-copy h1 em{font-style:normal;color:#edc96f}#legion-app .hero-copy p{font-size:14px;color:#d9e0e7;line-height:1.8}#legion-app .gold-button{display:inline-flex;align-items:center;justify-content:center;gap:27px;background:#ebc975;border:1px solid #f6dfa1;box-shadow:0 3px 0 #977532;border-radius:5px;color:#14283e;min-height:45px;padding:10px 22px;font-size:13px}#legion-app .gold-button:hover{background:#f6d88c}#legion-app .hero-copy .gold-button{margin-top:25px}#legion-app .hero-caption{display:inline-block;font-size:10px;letter-spacing:.1px;color:#acbac9;margin-left:16px}#legion-app .hero-figures{position:absolute;width:48%;height:100%;right:1%;bottom:0}#legion-app .hero-figures>img{position:absolute;object-fit:contain;object-position:bottom;bottom:31px;filter:drop-shadow(0 12px 8px #0005);z-index:2;max-width:54%;height:91%;width:auto}#legion-app .hero-figures .hero-enemy{right:-1%;height:80%;z-index:1}#legion-app .hero-figures .hero-shield{left:22%;height:87%;z-index:1;bottom:39px}#legion-app .hero-figures .hero-archer{left:-8%;height:88%}#legion-app .hero-seal{position:absolute;width:340px;height:340px;border:1px solid #d4b66c38;border-radius:50%;left:12%;top:20px;color:#d5bb731c;font-size:230px;line-height:340px;text-align:center;font-family:Georgia,serif;outline:1px solid #d4b66c20;outline-offset:-15px}#legion-app .hero-platform{position:absolute;bottom:22px;left:-4%;width:100%;height:26px;border-radius:50%;background:#07152480;box-shadow:0 7px 0 #c3ae6a20}#legion-app .hero-art-label{position:absolute;bottom:10px;width:100%;text-align:center;font-size:10px;color:#e9d7ad;z-index:4;letter-spacing:1px}#legion-app .hero-art-label i{display:inline-block;width:4px;height:4px;background:#d7be7c;transform:rotate(45deg);margin:0 8px 2px 0}#legion-app .archive-intro{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:43px 54px 28px;background:#f6f0e0}#legion-app .archive-intro h2{font-size:32px;letter-spacing:-1.4px;margin-top:7px;line-height:1.3}#legion-app .archive-intro>p{font-size:13px;color:#687174;line-height:1.9;text-align:right}#legion-app .catalogue{padding:0 54px 46px;background:#f6f0e0;scroll-margin-top:66px}#legion-app .catalogue-tools{display:flex;gap:20px;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #d8d0bc;align-items:center}#legion-app .faction-tabs{display:flex;gap:5px;background:#eae3d2;border:1px solid #d9cdb3;padding:5px;border-radius:7px;flex-shrink:0}#legion-app .faction-tabs button{background:none;padding:11px 17px;border-radius:4px;font-size:14px;white-space:nowrap;display:flex;align-items:center;gap:10px}#legion-app .faction-tabs button b{font-family:LegionText,system-ui;font-size:11px;font-weight:400;color:#7c807e}#legion-app .faction-tabs button[aria-pressed=true]{color:#f6e4b9;background:#19334f;box-shadow:0 2px 4px #172a3e26}#legion-app .faction-tabs button[aria-pressed=true] b{color:#efcc7c}#legion-app .search{display:flex;align-items:center;gap:10px;min-height:48px;border:1px solid #cbbd9f;border-radius:6px;background:#fcf9ef;padding:0 14px;min-width:180px;max-width:340px;width:100%}#legion-app .search svg{width:20px;height:20px;stroke:#8b7649;stroke-width:1.6;fill:none;flex:none}#legion-app .search input{min-width:0;width:100%;border:0;background:transparent;outline:0;color:#18314c;font-size:13px}#legion-app .search input::placeholder{color:#8a8d89}#legion-app .search:focus-within{outline:2px solid #578581;outline-offset:1px}#legion-app .search kbd{font:11px system-ui;border:1px solid #dbd3c3;padding:0 5px;border-radius:3px;color:#938c7b}#legion-app .filter-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:17px 0 10px}#legion-app .filter-left{display:flex;align-items:center;gap:10px}#legion-app .select-wrap select,#legion-app .sort-wrap select{border:1px solid #d2c7ae;background:#fffaf0;color:#4a5a66;border-radius:5px;padding:6px 30px 6px 11px;font-size:12px;max-width:170px;min-height:36px}#legion-app .sort-wrap select{border:0;background:transparent;padding-right:15px}#legion-app .saved-filter{background:transparent;border:1px solid #d2c7ae;border-radius:5px;padding:6px 12px;font-size:12px;min-height:36px;color:#55616b}#legion-app .saved-filter[aria-pressed=true]{border-color:#a88840;background:#eee0b8;color:#634f24}#legion-app .clear-filters{background:none;text-decoration:underline;text-underline-offset:3px;font-size:11px;color:#847049}#legion-app .list-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:8px 0 16px;font-size:11px;color:#7f837d}#legion-app .list-heading p{font-size:12px;color:#586771}#legion-app .list-heading p b{color:#1b3853}#legion-app .list-heading span i{font-style:normal;color:#a98c43}#legion-app .character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}#legion-app .character-card{position:relative;min-width:0;background:#fffdf5;border:1px solid #d4c3a0;border-radius:11px;box-shadow:0 5px 12px #4b402b08;overflow:hidden;transition:transform .16s,border-color .16s,box-shadow .16s}#legion-app .character-card:hover{transform:translateY(-3px);border-color:#a88b46;box-shadow:0 8px 20px #4b402b14}#legion-app .card-open{display:block;padding:0;background:none;width:100%;text-align:left}#legion-app .card-art{position:relative;height:267px;background:radial-gradient(ellipse at 50% 72%,#dedabbb3,transparent 66%),#f1eddf;display:flex;align-items:flex-end;justify-content:center;padding:34px 16px 10px;isolation:isolate}#legion-app .card-art:before{content:'';position:absolute;left:16%;right:16%;top:35px;bottom:15px;border:1px solid #bc9c5645;border-radius:100px 100px 6px 6px;z-index:-1}#legion-app .card-art:after{content:'';position:absolute;width:67%;height:10px;left:16.5%;bottom:10px;border-radius:50%;background:#b9ab7940;z-index:-1}#legion-app .card-art img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 5px 3px #40340c1c)}#legion-app .card-number{position:absolute;left:13px;top:12px;color:#a59778;font:11px LegionText,system-ui;letter-spacing:1px}#legion-app .card-favorite{position:absolute;z-index:3;right:9px;top:9px;width:31px;height:31px;background:#fffdf5dc;border:1px solid #cdbb9459;border-radius:50%;font-family:system-ui;font-size:19px;line-height:1;color:#9a874f}#legion-app .card-favorite[aria-pressed=true]{background:#efd28b;color:#634b17;border-color:#ba9645}#legion-app .card-info{padding:15px 17px 16px;border-top:1px solid #dfd5bd;display:block;position:relative;min-height:111px}#legion-app .card-tag{font-size:10px;padding:2px 6px;border-radius:3px;font-family:LegionDisplay,system-ui;display:inline-flex;align-items:center;gap:5px;line-height:1.6;color:#397052;background:#e5eddf;margin-bottom:7px}#legion-app .card-tag:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}#legion-app .card-tag.enemy{color:#99533f;background:#f3e6dc}#legion-app .card-tag.support{color:#557b96;background:#e7edf1}#legion-app .card-info strong{display:block;font-size:17px;line-height:1.45;letter-spacing:-.6px;padding-right:16px;overflow-wrap:anywhere}#legion-app .card-role{display:block;color:#80867f;font-size:11px;margin-top:4px;line-height:1.5}#legion-app .card-arrow{position:absolute;right:16px;top:51px;font-size:16px;color:#ab8f50}#legion-app .more-row{display:flex;flex-direction:column;align-items:center;margin-top:28px;gap:9px}#legion-app .more-button{min-width:225px;background:#fffaf0;border:1px solid #ba9e5b;padding:11px 22px;border-radius:5px;font-family:LegionDisplay,system-ui;font-size:13px;display:flex;justify-content:space-between;gap:40px}#legion-app .more-button:hover{background:#ecdfbd}#legion-app .more-row p{font-size:10px;color:#93978d}#legion-app .empty-state{text-align:center;padding:55px 20px;background:#eee7d6;border:1px dashed #c4b591;border-radius:10px}#legion-app .empty-state>span{font:55px Georgia;color:#b59d60}#legion-app .empty-state h3{font-size:22px}#legion-app .empty-state p{font-size:13px;margin:8px 0 22px;color:#727b7a}#legion-app .archive-bottom{margin:0 54px 45px;padding:32px 38px;display:flex;align-items:center;gap:24px;background:#152f4a;color:#f3e6c9;border:1px solid #a78b49;border-radius:10px;position:relative;overflow:hidden}#legion-app .archive-bottom .eyebrow{color:#c7ad71;font-size:9px}#legion-app .archive-bottom h2{font-size:25px;line-height:1.35;margin:8px 0}#legion-app .archive-bottom h2 br{display:none}#legion-app .archive-bottom p{font-size:12px;color:#b9c7d1}#legion-app .archive-bottom .gold-button{margin-left:auto;flex-shrink:0;font-size:12px}#legion-app .archive-bottom-mark{font:72px/1 Georgia;color:#dbc17a;opacity:.7;margin-right:5px}#legion-app footer{background:#10223c;color:#b6c5d4;padding:30px 54px;display:flex;align-items:center;gap:28px;border-top:2px solid #c4a667}#legion-app footer .brand{font-size:13px;color:#fff0cc}#legion-app footer .brand b{font-size:16px}#legion-app footer .brand img{width:30px;height:37px}#legion-app footer>p{font-size:11px}#legion-app footer>div{display:flex;flex-direction:column;align-items:flex-end;font-size:10px;color:#8096aa;margin-left:auto;gap:4px}
#legion-app dialog{padding:0;border:1px solid #c1a362;background:#f8f3e6;color:#20354a;width:min(1080px,calc(100% - 40px));max-height:calc(100dvh - 60px);border-radius:14px;overflow:auto;box-shadow:0 30px 100px #0009}#legion-app dialog::backdrop{background:#050d1bdc;backdrop-filter:blur(5px)}#legion-app.dialog-open{overflow:hidden}#legion-app .detail-shell{display:grid;grid-template-columns:38% 62%;position:relative;min-height:640px}#legion-app .detail-close{position:absolute;top:13px;right:13px;z-index:15;background:#eee6d7;border:1px solid #d6c6a5;color:#455668;border-radius:50%;width:36px;height:36px;font:26px/1 system-ui}#legion-app .detail-art{position:sticky;top:0;align-self:start;min-height:640px;height:100%;max-height:calc(100dvh - 60px);background:radial-gradient(ellipse at 50% 52%,#365370,#132b45 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;padding:44px 26px 80px;overflow:hidden}#legion-app .detail-art>img{width:100%;height:425px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 9px 5px #0004)}#legion-app .detail-art-emblem{position:absolute;left:8%;right:8%;top:55px;bottom:120px;border:1px solid #cfb26b40;border-radius:160px 160px 0 0;display:flex;align-items:center;justify-content:center;font:230px Georgia;color:#d3b56d12;z-index:-1}#legion-app .detail-number{position:absolute;top:22px;left:24px;color:#d5bc81;font-size:10px;letter-spacing:2px}#legion-app .detail-image-base{position:relative;width:80%;height:12px;border-radius:50%;background:#d1b36c1c;margin-top:-3px}#legion-app .detail-favorite{position:relative;border:1px solid #b99f634d;background:#0f263f;color:#e8cb86;border-radius:5px;min-height:40px;font-size:12px;margin-top:17px;padding:8px 20px}#legion-app .detail-favorite[aria-pressed=true]{background:#d4b269;color:#182e47}#legion-app .detail-pagination{position:absolute;bottom:19px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#b9c9d7}#legion-app .detail-pagination button{width:36px;height:33px;border:1px solid #7890a44a;background:#12304a;color:#e0c589;border-radius:5px}#legion-app .detail-copy{padding:34px 34px 22px;min-width:0}#legion-app .detail-heading{padding-right:20px}#legion-app .detail-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}#legion-app .detail-tags>span:not(.card-tag){font-size:10px;color:#8a7954;border-left:1px solid #cfc5ad;padding-left:8px}#legion-app .detail-tags .card-tag{margin:0}#legion-app .detail-heading h2{font-size:31px;line-height:1.35;letter-spacing:-1.2px}#legion-app .detail-heading>p{font-size:11px;color:#9b8b67;margin-top:5px;letter-spacing:.5px}#legion-app .detail-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin:23px 0 25px;border-bottom:1px solid #d7c8a7}#legion-app .detail-tabs button{position:relative;font-size:14px;padding:11px 0;background:none;color:#91958d}#legion-app .detail-tabs button[aria-selected=true]{color:#214260}#legion-app .detail-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:8px;right:8px;height:3px;background:#b6984e}#legion-app .detail-tabs button:focus-visible{outline-offset:-3px}#legion-app #detail-panel{min-height:315px;outline:0}#legion-app .story-label{font-size:9px;letter-spacing:1.8px;color:#a28546;margin-bottom:9px}#legion-app .story-copy{font-size:15px;line-height:1.95;word-break:keep-all;overflow-wrap:anywhere}#legion-app .signature-block{border:1px solid #d3c09a;padding:18px 20px;margin-top:23px;background:#fff9eb;border-radius:7px}#legion-app .signature-block .small-label{font-size:10px;color:#9e8142}#legion-app .signature-block h3{font-size:18px;color:#334960;line-height:1.5;margin:4px 0}#legion-app .signature-block p{font-size:12px;color:#778078;line-height:1.8}#legion-app .signature-block button{background:none;font-size:11px;color:#987a31;margin-top:9px;text-decoration:underline;text-underline-offset:4px}#legion-app .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:22px}#legion-app .stat-grid>div{padding:13px 5px;text-align:center;border-top:1px solid #d8c9aa;border-bottom:1px solid #d8c9aa}#legion-app .stat-grid dt{font-size:10px;color:#91948a}#legion-app .stat-grid dd{font:22px/1.4 LegionDisplay,system-ui;margin:5px 0 0;color:#24435e}#legion-app .stat-caption{font-size:10px;color:#91978e;margin-top:9px}#legion-app .skill-card{border:1px solid #d5c8ac;border-radius:7px;padding:16px 17px;background:#fffbf2;margin:0 0 12px}#legion-app .skill-card.ultimate{border-color:#bda15f;background:#f3e9cc}#legion-app .skill-card-top{display:flex;gap:12px;align-items:center;margin-bottom:11px}#legion-app .skill-icon{height:36px;width:36px;flex:none;display:grid;place-items:center;border:1px solid #bca065;border-radius:7px;background:#1e3a55;color:#e5c77f;font:20px Georgia}#legion-app .skill-card h3{font-size:16px;line-height:1.5}#legion-app .skill-card .slot{font-size:9px;color:#a1854b;letter-spacing:.4px}#legion-app .skill-card .skill-effect{font-size:12px;line-height:1.8;color:#5f6d72;overflow-wrap:anywhere;word-break:keep-all}#legion-app .skill-metrics{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}#legion-app .skill-metrics span{font-size:10px;border:1px solid #ded3bd;border-radius:4px;padding:3px 7px;color:#7e8278}#legion-app .skill-motion-link{display:block;background:transparent;padding:0;color:#9b7f3f;font-size:10px;margin-top:11px;text-decoration:underline;text-underline-offset:3px}#legion-app .passive-box{padding:15px 0;border-top:1px solid #d6c9af;margin-top:18px}#legion-app .passive-box h3{font-size:14px}#legion-app .passive-box p{font-size:12px;color:#758078;margin-top:5px;line-height:1.9}#legion-app .detail-footnote{margin-top:25px;padding-top:14px;border-top:1px solid #d9ceb8;font-size:10px;color:#969b91;line-height:1.7}#legion-app .motion-stage{position:relative;min-height:290px;background:radial-gradient(ellipse at 50% 95%,#50605a,#213a4e 75%);border:1px solid #a2a58d;border-radius:8px;overflow:hidden;color:#dbe4d8}#legion-app .motion-stage:before{content:'';position:absolute;left:10%;right:10%;bottom:29px;height:1px;background:#c8b87a55}#legion-app .motion-stage canvas{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;position:relative;z-index:1}#legion-app .motion-stage .motion-caption{position:absolute;top:10px;left:12px;font-size:9px;letter-spacing:.7px;color:#b9c9cd;z-index:2}#legion-app .motion-controls{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}#legion-app .motion-controls select,#legion-app .motion-controls button{min-height:38px;background:#fffaf0;border:1px solid #cbbd9b;border-radius:5px;color:#526374;font-size:12px;padding:6px 10px}#legion-app .motion-controls select{min-width:115px;flex:1}#legion-app .motion-note{font-size:11px;line-height:1.8;color:#92978b}#legion-app .gear-card{border:1px solid #c3a864;padding:22px;border-radius:9px;background:#1b3651;color:#f6e6c1;margin-bottom:15px}#legion-app .gear-card .gear-symbol{font:33px Georgia;color:#dabb70;margin-bottom:8px}#legion-app .gear-card h3{font-size:21px;line-height:1.45;margin:6px 0 12px}#legion-app .gear-card p{font-size:12px;line-height:1.9;color:#c9d2d2}#legion-app .gear-card .small-label{font-size:9px;letter-spacing:1px;color:#d7b976}#legion-app .gear-description h4{font-size:14px;margin:15px 0 7px}#legion-app .gear-description p{font-size:12px;color:#758078;line-height:1.9}#legion-app .proposal-label{display:inline-block;font-size:9px;padding:2px 7px;border:1px solid #d1bd8f;border-radius:3px;color:#96773b;margin-bottom:10px}#legion-app .gear-stats{width:100%;border-collapse:collapse;margin-top:17px;font-size:12px}#legion-app .gear-stats th,#legion-app .gear-stats td{padding:8px 4px;border-bottom:1px solid #ded4c0;text-align:right}#legion-app .gear-stats th:first-child,#legion-app .gear-stats td:first-child{text-align:left}#legion-app .gear-stats th{font-size:10px;color:#8e947f;font-weight:400}#legion-app .gear-stats td:last-child{color:#487961}#legion-app .placeholder-panel{padding:35px 15px;text-align:center;border:1px dashed #cdbd96;border-radius:8px;background:#eee8d9}#legion-app .placeholder-panel>span{font:35px Georgia;color:#b89d5f}#legion-app .placeholder-panel h3{font-size:17px;margin:10px 0}#legion-app .placeholder-panel p{font-size:12px;color:#858d82;line-height:1.9}#legion-app .region-note{font-size:12px;color:#8f7750;margin-top:18px;padding:12px 14px;background:#ece4d0;border-left:2px solid #bca05a}#legion-app #toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:100;background:#17334e;color:#f5e2b2;border:1px solid #c4a563;border-radius:7px;padding:10px 22px;font-size:13px;box-shadow:0 5px 25px #0003;max-width:calc(100% - 30px);text-align:center}#legion-app .noscript{padding:30px;text-align:center;color:#e5d4ac}
@container(max-width:1050px){#legion-app .site-header{padding:0 28px}#legion-app .site-header nav{gap:20px}#legion-app .hero-copy{padding-left:32px;width:56%}#legion-app .hero-copy h1{font-size:48px}#legion-app .hero-caption{display:block;margin:11px 0 0}#legion-app .hero-figures{width:45%}#legion-app .hero-figures>img{height:77%;max-width:59%}#legion-app .hero-figures .hero-archer{left:-13%;height:80%}#legion-app .hero-figures .hero-shield{height:77%;left:23%}#legion-app .hero-figures .hero-enemy{height:68%;right:-4%}#legion-app .archive-intro{padding:32px 30px 25px}#legion-app .catalogue{padding:0 30px 35px}#legion-app .catalogue-tools{gap:12px}#legion-app .faction-tabs button{padding:10px 12px;font-size:12px;gap:6px}#legion-app .search{max-width:270px}#legion-app .character-grid{gap:14px}#legion-app .card-art{height:230px;padding-inline:12px}#legion-app .card-info{padding:12px;min-height:114px}#legion-app .card-info strong{font-size:15px}#legion-app .card-role{font-size:10px}#legion-app .archive-bottom{margin:0 30px 32px;padding:27px}#legion-app .archive-bottom-mark{display:none}#legion-app .archive-bottom h2{font-size:23px}#legion-app footer{padding:28px 30px}}
@container(max-width:700px){#legion-app .site-header{height:70px;padding:0 19px;gap:12px}#legion-app .brand{font-size:13px;gap:7px}#legion-app .brand b{font-size:16px}#legion-app .brand img{width:27px;height:33px}#legion-app .site-header nav{display:none}#legion-app .header-saved{font-size:10px;padding:6px 9px;gap:6px}#legion-app .header-saved .star-icon{font-size:18px}#legion-app .header-saved b{font-size:10px;padding-left:6px}#legion-app .archive-hero{height:540px}#legion-app .hero-copy{padding:27px 23px 0;width:100%}#legion-app .hero-copy .eyebrow{font-size:8px;letter-spacing:1.5px}#legion-app .hero-copy h1{font-size:39px;letter-spacing:-1.9px;line-height:1.16;margin:13px 0 13px}#legion-app .hero-copy p{font-size:11px;line-height:1.8;max-width:83%}#legion-app .hero-copy .gold-button{margin-top:17px;min-height:37px;padding:7px 15px;font-size:11px;gap:23px}#legion-app .hero-caption{display:none}#legion-app .hero-scenery{background:linear-gradient(180deg,#10223cf5 0%,#10223ce8 35%,#10223c99 100%),var(--gate) center/cover}#legion-app .hero-figures{width:100%;height:244px;right:0;bottom:0}#legion-app .hero-figures>img{bottom:20px;max-width:49%}#legion-app .hero-figures .hero-archer{left:5%;height:94%}#legion-app .hero-figures .hero-shield{left:36%;height:87%;bottom:25px}#legion-app .hero-figures .hero-enemy{right:3%;height:85%}#legion-app .hero-platform{bottom:14px;left:9%;width:82%;height:20px}#legion-app .hero-seal{width:220px;height:220px;top:0;left:23%;font-size:150px;line-height:220px}#legion-app .hero-art-label{font-size:8px;bottom:6px;letter-spacing:.4px}#legion-app .archive-intro{padding:29px 20px 22px;display:block}#legion-app .archive-intro .eyebrow{font-size:8px;letter-spacing:1.6px}#legion-app .archive-intro h2{font-size:26px;letter-spacing:-1.2px;margin-top:7px}#legion-app .archive-intro>p{text-align:left;font-size:11px;margin-top:10px;line-height:1.8}#legion-app .archive-intro>p br{display:none}#legion-app .catalogue{padding:0 16px 29px}#legion-app .catalogue-tools{display:flex;flex-direction:column;gap:13px;align-items:stretch;padding-bottom:14px}#legion-app .faction-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:4px;border-radius:6px;width:100%;min-width:0}#legion-app .faction-tabs button{display:flex;flex-direction:column;justify-content:center;gap:1px;font-size:12px;padding:7px 0;line-height:1.5}#legion-app .faction-tabs button b{font-size:9px}#legion-app .search{max-width:none;min-height:43px;padding:0 11px}#legion-app .search input{font-size:12px}#legion-app .search kbd{display:none}#legion-app .filter-row{padding-top:12px;gap:4px;align-items:flex-start}#legion-app .filter-left{gap:6px;flex-wrap:wrap}#legion-app .select-wrap select{font-size:10px;padding:6px 18px 6px 8px;min-height:33px;max-width:111px}#legion-app .saved-filter{font-size:10px;padding:6px 8px;min-height:33px}#legion-app .sort-wrap select{font-size:10px;max-width:74px;padding:5px 0;min-height:33px}#legion-app .clear-filters{font-size:9px;flex-basis:100%;text-align:left;padding:5px 2px}#legion-app .list-heading{margin:6px 0 12px;font-size:9px}#legion-app .list-heading p{font-size:10px}#legion-app .list-heading>span{font-size:8px;max-width:49%;text-align:right}#legion-app .character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}#legion-app .card-art{height:205px;padding:32px 8px 7px}#legion-app .card-art:before{top:30px;left:12%;right:12%}#legion-app .card-number{font-size:8px;left:9px;top:11px}#legion-app .card-favorite{width:27px;height:27px;font-size:17px;top:6px;right:6px}#legion-app .card-info{padding:11px 10px 12px;min-height:108px}#legion-app .card-info strong{font-size:15px;letter-spacing:-.6px;line-height:1.4;padding-right:0}#legion-app .card-role{font-size:10px;margin-top:5px;line-height:1.6}#legion-app .card-tag{font-size:8px;padding:2px 5px;margin-bottom:6px}#legion-app .card-arrow{display:none}#legion-app .more-row{margin-top:23px}#legion-app .more-button{font-size:12px;padding:10px 22px;min-width:210px}#legion-app .archive-bottom{margin:0 16px 28px;padding:24px;display:block;border-radius:8px}#legion-app .archive-bottom h2{font-size:23px}#legion-app .archive-bottom h2 br{display:block}#legion-app .archive-bottom p{font-size:11px;margin-top:9px;line-height:1.8}#legion-app .archive-bottom .gold-button{margin-top:19px;min-height:38px;font-size:11px}#legion-app footer{padding:25px 21px;display:flex;flex-wrap:wrap;gap:16px}#legion-app footer>p{font-size:10px;margin-left:auto}#legion-app footer>div{flex-basis:100%;margin:2px 0 0;border-top:1px solid #b3c6d129;padding-top:13px;flex-direction:row;justify-content:space-between;align-items:center;font-size:9px}#legion-app .empty-state{padding:35px 12px}#legion-app .empty-state h3{font-size:18px}#legion-app .empty-state p{font-size:12px}}
@media(max-width:700px){#legion-app .preview-toolbar{padding:0 12px;font-size:10px;height:48px}#legion-app .preview-toolbar small{display:none}#legion-app .device-switch button{padding:3px 11px;font-size:10px}#legion-app #preview-frame.mobile{margin:0 auto;border:0;border-radius:0}#legion-app dialog{width:calc(100% - 14px);max-height:calc(100dvh - 14px);border-radius:10px}#legion-app .detail-shell{grid-template-columns:1fr;min-height:0}#legion-app .detail-art{position:relative;min-height:0;max-height:none;height:335px;padding:24px 20px 58px}#legion-app .detail-art>img{height:245px;width:100%;max-width:220px}#legion-app .detail-art-emblem{top:19px;left:25%;right:25%;bottom:53px;font-size:155px}#legion-app .detail-number{top:17px;left:18px;font-size:9px}#legion-app .detail-favorite{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;min-height:34px;margin:0;z-index:3}#legion-app .detail-pagination{bottom:12px;left:16px;right:16px;min-height:34px}#legion-app .detail-pagination>span{display:none}#legion-app .detail-pagination button{height:33px;width:33px}#legion-app .detail-close{position:fixed;top:19px;right:19px;background:#102a40df;color:#e8d9b4;border-color:#d3bc7b80}#legion-app .detail-copy{padding:23px 20px 18px}#legion-app .detail-heading h2{font-size:28px}#legion-app .detail-heading>p{font-size:10px}#legion-app .detail-tabs{margin:17px 0 21px}#legion-app .detail-tabs button{font-size:13px}#legion-app .story-copy{font-size:14px}#legion-app .stat-grid{gap:5px}#legion-app .stat-grid dd{font-size:21px}#legion-app .signature-block{padding:15px}#legion-app .skill-card{padding:14px}#legion-app .skill-card h3{font-size:15px}#legion-app .skill-card .skill-effect{font-size:12px}#legion-app .detail-footnote{font-size:9px}#legion-app .gear-card{padding:20px}#legion-app .gear-card h3{font-size:20px}#legion-app .motion-stage{min-height:240px}}
#legion-app dialog.mobile-detail{width:376px;max-width:calc(100% - 14px)}#legion-app dialog.mobile-detail .detail-shell{grid-template-columns:1fr;min-height:0}#legion-app dialog.mobile-detail .detail-art{position:relative;height:330px;min-height:0;max-height:none;padding:24px 20px 65px}#legion-app dialog.mobile-detail .detail-art>img{height:240px}#legion-app dialog.mobile-detail .detail-art-emblem{top:20px;bottom:70px;font-size:150px}#legion-app dialog.mobile-detail .detail-copy{padding:24px 20px}#legion-app dialog.mobile-detail .detail-heading h2{font-size:27px}#legion-app dialog.mobile-detail .detail-favorite{position:absolute;bottom:14px;margin:0;min-height:34px;font-size:11px}#legion-app dialog.mobile-detail .detail-pagination{bottom:14px}#legion-app dialog.mobile-detail .detail-pagination>span{display:none}#legion-app dialog.mobile-detail .detail-tabs{margin:16px 0 20px}#legion-app dialog.mobile-detail .detail-close{background:#102a40dd;color:#f6e2ac;border-color:#cab17966}#legion-app dialog.mobile-detail .skill-card{padding:13px}#legion-app dialog.mobile-detail .skill-card h3{font-size:15px}#legion-app dialog.mobile-detail .story-copy{font-size:14px}#legion-app dialog.mobile-detail .stat-grid dd{font-size:20px}
@media(prefers-reduced-motion:reduce){#legion-app{scroll-behavior:auto}#legion-app *{transition:none!important}}

#legion-app .card-favorite{width:40px;height:40px}#legion-app .gear-stats caption{text-align:left;color:#7b806e;font-size:10px;margin-bottom:6px}#legion-app .motion-stage canvas{aspect-ratio:24/17}#legion-app .motion-controls #motion-speed{min-width:70px;flex:0}#legion-app .small-label{font-size:10px;color:#9c824b}#legion-app .hero-copy .gold-button{position:relative;z-index:5}

#legion-app #preview-frame,#legion-app dialog{color-scheme:light}
/* Revision 2: content-based motion framing and responsive native-resolution canvas. */
#legion-app #detail-panel{min-height:0}#legion-app .motion-stage{aspect-ratio:4/3;min-height:0!important;width:100%;isolation:isolate}#legion-app .motion-stage canvas{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:fill}#legion-app .motion-stage:before{bottom:8%;z-index:0}#legion-app .motion-caption{pointer-events:none}#legion-app .motion-expand{position:absolute;right:10px;top:8px;z-index:4;color:#e8d3a1;background:#152e40d9;border:1px solid #8d9b8e70;border-radius:4px;padding:6px 9px;font-size:10px;min-height:32px}#legion-app .motion-loading{position:absolute;inset:0;z-index:3;display:grid;place-items:center;color:#ddd3b9;font-size:12px;background:#20374cbd;padding:25px;text-align:center}#legion-app .motion-stage:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;border:0;border-radius:0}#legion-app .motion-stage:fullscreen .motion-expand{top:18px;right:18px;font-size:14px}#legion-app .motion-stage.expanded{min-height:420px!important}#legion-app .equipment-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0}#legion-app .equipment-facts>div{background:#ede5d0;border-radius:5px;padding:13px 4px;text-align:center}#legion-app .equipment-facts dt{font-size:11px;color:#7d806f}#legion-app .equipment-facts dd{margin:5px 0 0;font-family:LegionDisplay,system-ui;font-size:22px;color:#27445d}#legion-app .equipment-section{border-top:1px solid #d6c9af;padding:19px 0 4px;margin-top:17px}#legion-app .equipment-section h3{font-size:17px;margin:7px 0;line-height:1.5}#legion-app .equipment-section p{color:#677775;font-size:13px;line-height:1.9;word-break:keep-all;overflow-wrap:anywhere}#legion-app .equipment-techniques{display:grid;gap:8px;margin-top:12px}#legion-app .equipment-techniques button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:#fffaf0;border:1px solid #d5c7a6;border-radius:5px;text-align:left}#legion-app .equipment-techniques strong{font-size:13px}#legion-app .equipment-techniques span{font-size:10px;color:#96783d;white-space:nowrap}#legion-app .activity-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}#legion-app .activity-buttons button{background:#fff9e9;border:1px solid #bda96f;border-radius:5px;padding:9px 13px;font-size:12px;color:#38536b;min-height:40px}#legion-app .detail-art>img{image-rendering:auto}#legion-app .detail-footnote{margin-top:20px}
@media(max-width:700px){#legion-app .motion-caption{max-width:65%;font-size:8px!important}#legion-app .motion-expand{font-size:9px;right:6px;top:5px;padding:4px 6px}#legion-app .equipment-section h3{font-size:16px}#legion-app .equipment-facts dd{font-size:20px}#legion-app .equipment-techniques button{padding:10px;gap:7px}#legion-app .equipment-techniques strong{font-size:12px}}
#legion-app dialog.mobile-detail .motion-caption{font-size:8px}#legion-app dialog.mobile-detail .motion-expand{font-size:9px;padding:4px 6px}