body[data-route=fourth-wing-game]{--wing-paper:#f4efdf;--wing-gold:#d5b778;--wing-ink:#183335;--wing-muted:#a5b9b2;--line:#304a48;color:#e9eddf;background:#0e2426;font-family:'DM Sans',sans-serif}
body[data-route=fourth-wing-game] .site-header{max-width:1320px;padding:25px 40px;border-bottom:1px solid #304a48}body[data-route=fourth-wing-game] .brand{font-size:1.18rem;letter-spacing:-.5px}body[data-route=fourth-wing-game] .brand-mark{background:#d5b778;color:#183335}body[data-route=fourth-wing-game] .nav{color:#bacac0}body[data-route=fourth-wing-game] .site-footer{max-width:1240px;color:#a5b9b2;border-color:#304a48}body[data-route=fourth-wing-game] .skip-link:focus{color:#183335}
.wing-main{max-width:1320px;padding:0 40px 70px;margin:auto}.wing-main .breadcrumbs{font-size:11px;color:#a5b9b2;padding-top:22px;margin-bottom:0}.wing-main .breadcrumbs a{color:#a5b9b2}.wing-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0 26px}.wing-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.6;color:var(--wing-gold);margin:0 0 10px}.wing-intro h1{font-size:22px;letter-spacing:-.5px;font-weight:500;margin:0;line-height:1.25}.wing-guide-link{font-size:12px;text-decoration:none;white-space:nowrap;color:#c4d0c7}.wing-guide-link span{padding-left:15px}.wing-game{border:1px solid #4c5c4e;border-radius:5px;overflow:hidden;box-shadow:0 24px 80px #07161650;scroll-margin-top:15px}.wing-landing{display:grid;grid-template-columns:1.13fr 1fr;min-height:680px}.wing-world{position:relative;isolation:isolate;overflow:hidden;min-height:650px;background:#193539}.wing-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.wing-world-copy{padding:46px 44px}.wing-chapter{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:3px;color:#e0d1aa}.wing-chapter:before{content:'';display:block;width:23px;height:1px;background:#d5b778}.wing-world h2,.wing-entry h2,.wing-section-heading h2,.wing-faq h2,.wing-story h2,.wing-result h2,.wing-resume h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1.5px}.wing-world h2{font-size:clamp(38px,4.2vw,60px);line-height:1.12;margin:23px 0 18px;color:#f3ecd7}.wing-world h2 em{color:#dec58e}.wing-world-copy>p{font-size:13px;line-height:1.7;color:#c9d4c9;margin:0}.wing-world-bottom{position:absolute;bottom:27px;left:40px;right:40px;display:flex;justify-content:space-between;color:#ddd0aa;letter-spacing:2px;font-size:8px}.wing-world-bottom>span:last-child{font-size:18px}
.wing-entry{padding:42px 42px 28px;background:var(--wing-paper);color:var(--wing-ink)}.wing-entry .wing-eyebrow{color:#6e7157}.wing-entry h2{font-size:33px;line-height:1.2;margin:0 0 13px}.wing-lead{font-size:14px;color:#5e6b60;line-height:1.7;margin:0 0 25px;max-width:370px}.wing-name-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;margin-bottom:9px}.wing-name-label span{font-size:10px;color:#697568;font-weight:400}.wing-entry input[type=text],#rider-name{width:100%;border:1px solid #cccbbb;border-radius:2px;background:#fffdf5;padding:13px 14px;min-height:47px;font-size:15px;color:#183335}.wing-entry input::placeholder{color:#8a9180}.wing-quadrants{border:0;margin:24px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.wing-quadrants legend{font-size:12px;font-weight:700;margin-bottom:10px;padding:0}.wing-quadrants label{cursor:pointer;position:relative;border:1px solid #cecebd;border-radius:2px;display:flex;gap:9px;align-items:center;min-height:67px;padding:12px;background:#f8f4e8}.wing-quadrants input{margin:0;accent-color:#2d5650;width:14px;height:14px;flex-shrink:0}.wing-quadrants label:has(input:checked){border-color:#355d52;background:#e0e6d5;box-shadow:inset 0 0 0 1px #355d52}.wing-quadrants label>span:last-child{margin-left:auto;color:#71826b;font-size:24px;font-family:Georgia,serif}.wing-quadrants b{display:block;font-size:12px;font-weight:700}.wing-quadrants small{display:block;font-size:10px;color:#657260;margin-top:4px}.wing-small{font-size:11px;line-height:1.6;color:#6b7566;margin:14px 0 20px}.wing-primary{display:flex;justify-content:space-between;width:100%;background:#224b43;color:#fff7df;min-height:52px;border-radius:2px;padding:15px 20px;font-size:13px;letter-spacing:.4px}.wing-primary:hover{background:#306052;filter:none}.wing-primary span{font-size:19px}.wing-entry-facts{display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1px;color:#626f5f;margin-top:23px;padding-top:19px;border-top:1px solid #d6d4c2}.wing-local{font-size:10px;line-height:1.7;text-align:center;color:#73806c;margin:15px 0 0}.wing-noscript{font-size:13px;color:#742c1b}.wing-storage{font-size:12px;color:#efd09a;margin:12px 0}.wing-storage:empty{display:none}.wing-attribution{display:flex;gap:17px;align-items:flex-start;margin:22px 0 53px;max-width:940px}.wing-attribution p{font-size:11px;color:#a5b9b2;line-height:1.8;margin:0}.wing-attribution a{text-underline-offset:3px;color:#d9d2b6}.wing-attribution cite{font-style:normal}.wing-badge{font-size:8px;letter-spacing:1px;flex-shrink:0;border:1px solid #536258;color:#c5c7ae;padding:4px 7px;margin-top:2px}.wing-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.wing-section-heading h2{font-size:32px;line-height:1.2;margin:0}.wing-section-heading>span{font-size:11px;color:#a5b9b2}.wing-collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.wing-dragon-tile{border:1px solid #304b46;background:#142e2e;border-radius:3px;display:flex;align-items:center;gap:16px;padding:20px 18px}.wing-dragon-tile svg{width:46px;height:46px;flex-shrink:0}.wing-dragon-tile.locked{color:#6d8b7e;background:transparent}.wing-dragon-tile.unlocked{border-color:#6d7c59}.wing-dragon-tile h3{font-family:Georgia,serif;font-size:17px;font-weight:400;letter-spacing:0;margin:0 0 4px}.wing-dragon-tile p{font-size:10px;line-height:1.5;margin:0;color:#a5b9b2}.wing-info{margin-top:62px;padding-top:36px;border-top:1px solid #304a48}.wing-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.wing-how-grid article>span{font-family:Georgia,serif;font-size:22px;color:#d5b778}.wing-how-grid h3{font-size:15px;letter-spacing:-.3px;margin:15px 0 8px}.wing-how-grid p{color:#a5b9b2;font-size:13px;line-height:1.85;margin:0}.wing-faq{display:grid;grid-template-columns:.8fr 1.4fr;gap:70px;border-top:1px solid #304a48;margin-top:45px;padding-top:40px}.wing-faq h2{font-size:38px;line-height:1.15;margin:0 0 25px}.wing-faq h2 em{color:#d5b778}.wing-faq>div>a{font-size:11px;color:#c4d0bd;text-underline-offset:4px}.wing-faq details:first-child{padding-top:0}.wing-faq summary{font-size:13px;line-height:1.7;cursor:pointer}.wing-faq details p{color:#a5b9b2;font-size:13px;line-height:1.85}.wing-faq a{color:#d5b778}
.wing-play-top{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#193736;padding:19px 28px;border-bottom:1px solid #41544a}.wing-play-top span{font-size:10px;letter-spacing:2px;color:#dbcca4}.wing-text-button{padding:4px 0;min-height:30px;color:#c9d5c8;font-size:11px;font-weight:400;background:none;border-radius:0;text-decoration:underline;text-underline-offset:4px}.wing-play-grid{display:grid;grid-template-columns:1fr 275px;background:var(--wing-paper);color:var(--wing-ink)}.wing-story{padding:36px 40px 38px;min-width:0;scroll-margin-top:20px}.wing-scene-meta{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.7px;font-weight:700;color:#6d765e}.wing-progress{display:flex;gap:6px;margin:15px 0 28px}.wing-progress span{height:3px;flex:1;background:#dadccb}.wing-progress .done{background:#57745d}.wing-progress .current{background:#ad8b4c}.wing-story h2{font-size:clamp(28px,3vw,39px);line-height:1.15;margin:0 0 18px}.wing-scene-text{font-family:Georgia,serif;font-size:18px;line-height:1.85;color:#4b5d51;margin:0 0 24px}.wing-feedback{font-size:12px;line-height:1.8;background:#e5e8d7;color:#52644f;padding:13px 16px;border-left:2px solid #8c9f79;margin:0 0 24px}.wing-feedback strong{font-size:9px;letter-spacing:1px;display:block;color:#4f6953;margin-bottom:3px}.wing-choices{display:grid;gap:10px}.wing-choice{width:100%;padding:15px 17px;min-height:70px;text-align:left;border-radius:3px;border:1px solid #c8ccba;background:#fcfaf0;color:#26473b;display:flex;align-items:center;justify-content:start;gap:15px;font-size:13px;font-weight:500}.wing-choice:hover:not(:disabled){background:#e6ebdc;border-color:#5e7c61;filter:none}.wing-choice:disabled{opacity:1;background:#efecdf;color:#8a9282;border-style:dashed}.wing-choice-key{display:grid;place-items:center;border:1px solid #bcc7b2;border-radius:50%;width:26px;height:26px;flex-shrink:0;font:13px Georgia,serif}.wing-choice b{font-weight:600;display:block;line-height:1.5}.wing-choice small{display:block;font-size:10px;line-height:1.5;font-weight:400;margin-top:3px;color:#748064}.wing-choice:disabled small{color:#818775}.wing-sidebar{border-left:1px solid #d0d4c0;padding:32px 25px;background:#e7e7d6;min-width:0}.wing-candidate-label{font-size:9px;letter-spacing:2px;color:#7b8065;margin:0 0 8px}.wing-candidate-name{font-family:Georgia,serif;font-size:24px;font-weight:400;overflow-wrap:anywhere;margin:0 0 4px;letter-spacing:-.5px}.wing-background{font-size:11px;color:#697762;margin:0 0 28px}.wing-stamina-label{display:flex;justify-content:space-between;font-size:11px;color:#52684f;margin-bottom:10px}.wing-stamina{display:flex;gap:6px;margin-bottom:25px}.wing-stamina span{flex:1;height:10px;background:#cbd0b9;border-radius:1px}.wing-stamina .full{background:#607f59}.wing-stamina.low .full{background:#b86f49}.wing-trait{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:11px;color:#5c6d54;margin-bottom:15px}.wing-trait strong{font-size:12px;color:#354d37}.wing-trait-bar{grid-column:1/-1;height:3px;background:#cbd0b9}.wing-trait-bar>span{display:block;height:100%;background:#8b9768}.wing-kit{border-top:1px solid #c9cfb8;padding-top:17px;margin-top:25px}.wing-kit p{font-size:11px;line-height:1.7;color:#68795a;margin:8px 0}.wing-kit button{width:100%;border-radius:2px;padding:9px 10px;min-height:38px;background:#f9f7e9;color:#375539;font-size:11px;border:1px solid #b8c4a7}.wing-help{font-size:10px;line-height:1.7;color:#7c876b;margin:18px 0 0}.wing-journal{margin-top:24px}.wing-journal summary{font-size:11px;color:#708365}.wing-journal ol{padding-left:20px;font-size:12px;line-height:1.8}.wing-journal li{padding:6px 0;color:#5a705a}.wing-journal b{color:#355038}
.wing-resume{background:var(--wing-paper);padding:44px;color:#183335}.wing-resume h2{font-size:37px;margin:10px 0 15px}.wing-resume .wing-eyebrow{color:#74775b}.wing-resume p{font-size:14px;color:#5d7059}.wing-resume .wing-primary{max-width:420px;margin-top:22px}.wing-resume .wing-text-button{color:#476646;margin-top:16px}.wing-confirm{padding:24px;background:#ece5d2;color:#293f31}.wing-confirm p{font-size:13px;margin:0 0 15px}.wing-confirm>div{display:flex;gap:12px}.wing-confirm button{font-size:12px;padding:10px 15px;min-height:40px;background:#294e40;border-radius:2px}.wing-confirm button:last-child{color:#294e40;background:none;border:1px solid #809173}
.wing-result{background:var(--wing-paper);color:#183335;padding:36px 40px;text-align:center}.wing-result .wing-eyebrow{color:#747456}.wing-result h2{font-size:42px;line-height:1.15;margin:13px 0}.wing-result-intro{max-width:650px;margin:15px auto 25px;color:#62745d;font-family:Georgia,serif;font-size:17px;line-height:1.85}.wing-rider-card{position:relative;isolation:isolate;background:#163636;border:1px solid #758b70;padding:33px 25px 28px;max-width:460px;margin:27px auto;color:#f1e4c5;overflow:hidden;border-radius:3px}.wing-rider-card:before{content:'';position:absolute;inset:8px;border:1px solid #62755b;pointer-events:none;z-index:-1}.wing-rider-card>svg{width:108px;height:108px;display:block;margin:15px auto}.wing-rider-card .wing-card-name{font-family:Georgia,serif;font-size:27px;overflow-wrap:anywhere;margin:5px 0 7px}.wing-card-rank{font-size:10px;letter-spacing:2px;color:#d4c597}.wing-card-dragon{font-family:Georgia,serif;font-size:40px;margin:18px 0 6px;line-height:1.2;letter-spacing:-1px}.wing-card-type{font-size:10px;color:#bacbb5;letter-spacing:2px;text-transform:uppercase}.wing-card-signet{border-top:1px solid #5a7056;padding-top:19px;max-width:330px;margin:20px auto 0}.wing-card-signet small{font-size:8px;letter-spacing:2px;display:block;color:#bfcbad}.wing-card-signet b{font-family:Georgia,serif;font-size:23px;display:block;font-weight:400;margin:6px 0}.wing-card-signet p{color:#bacbb5;font-size:12px;line-height:1.7;margin:0}.wing-card-foot{font-size:8px;letter-spacing:1px;color:#a7b69b;margin:25px 0 0}.wing-result-actions{display:flex;gap:10px;flex-wrap:wrap;max-width:460px;margin:22px auto 0}.wing-result-actions button{flex:1;background:#294d42;border-radius:2px;font-size:12px;min-width:140px}.wing-result-actions button:last-child{background:transparent;color:#345641;border:1px solid #99ab89}.wing-share-status{font-size:12px;color:#64785a;margin:14px 0}.wing-share-fallback{display:block;width:100%;max-width:460px;margin:15px auto;background:#fffcef;color:#183335;min-height:160px;padding:13px;border:1px solid #bbc6ac;font:13px/1.7 sans-serif}.wing-result-replay{margin:22px auto 0;max-width:460px;background:#d1bd89;color:#283e30}.wing-result .wing-journal{max-width:650px;margin:28px auto 0;text-align:left}.wing-ending-icon{font:65px Georgia,serif;color:#7b8c63;margin:22px 0}.wing-result .wing-small{max-width:580px;margin:18px auto}
@media(min-width:1600px){.wing-landing{min-height:740px}.wing-entry{padding:53px 48px}.wing-world-copy{padding:53px 48px}.wing-world h2{font-size:62px}}
@media(max-width:1000px){.wing-main{padding:0 25px 50px}.wing-entry{padding:33px 26px 26px}.wing-world-copy{padding:36px 27px}.wing-world h2{font-size:44px}.wing-landing{grid-template-columns:1fr 1fr;min-height:665px}.wing-world{min-height:0}.wing-collection-grid{grid-template-columns:1fr 1fr}.wing-play-grid{grid-template-columns:1fr 220px}.wing-story{padding:30px 25px}.wing-sidebar{padding:28px 20px}.wing-faq{gap:35px}body[data-route=fourth-wing-game] .site-footer{margin:0 25px}}
@media(max-width:720px){.wing-main{padding:0 18px 42px}body[data-route=fourth-wing-game] .site-header{padding:18px}.wing-intro{align-items:end;padding:18px 0 21px}.wing-intro .wing-eyebrow{font-size:8px;letter-spacing:1.1px;max-width:250px}.wing-intro h1{font-size:19px;max-width:260px}.wing-guide-link{font-size:10px}.wing-guide-link span{padding-left:3px}.wing-landing{grid-template-columns:1fr}.wing-world{min-height:320px}.wing-landscape{object-position:50% 52%}.wing-world-copy{padding:28px 26px}.wing-world h2{font-size:41px;max-width:360px;margin-top:20px;text-shadow:0 2px 12px #183538}.wing-world-copy>p{font-size:12px;max-width:230px;text-shadow:0 2px 5px #10282b}.wing-chapter{font-size:9px}.wing-world-bottom{display:none}.wing-entry{padding:30px 26px 26px}.wing-entry h2{font-size:31px}.wing-entry .wing-lead{max-width:none}.wing-attribution{gap:10px;margin:20px 0 37px}.wing-attribution p{font-size:10px}.wing-badge{font-size:7px}.wing-section-heading{align-items:start;gap:12px}.wing-section-heading h2{font-size:27px}.wing-section-heading>span{max-width:90px;font-size:10px;text-align:right;line-height:1.7}.wing-dragon-tile{padding:16px 10px;gap:9px}.wing-dragon-tile svg{width:31px;height:31px}.wing-dragon-tile h3{font-size:15px}.wing-dragon-tile p{font-size:9px}.wing-collection-grid{gap:9px}.wing-how-grid{grid-template-columns:1fr;gap:26px}.wing-how-grid h3{display:inline;margin-left:15px}.wing-how-grid p{margin-top:10px}.wing-info{margin-top:39px;padding-top:29px}.wing-faq{grid-template-columns:1fr;gap:29px;margin-top:35px;padding-top:29px}.wing-faq h2{font-size:32px}.wing-faq h2 br{display:none}.wing-faq details p{font-size:12px}.wing-play-top{padding:16px 20px}.wing-play-top span{font-size:9px;letter-spacing:1.5px}.wing-play-grid{display:flex;flex-direction:column}.wing-sidebar{order:-1;display:grid;grid-template-columns:1fr 1fr;gap:9px 25px;padding:17px 20px;border-left:0;border-bottom:1px solid #cbd0bb}.wing-sidebar .wing-candidate-label{display:none}.wing-candidate-name{font-size:19px}.wing-background{font-size:9px;margin:4px 0 0}.wing-stamina{margin:0;gap:4px}.wing-stamina-label{font-size:10px}.wing-traits{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px 15px;padding-top:9px;border-top:1px solid #cbd0bb}.wing-trait{display:flex;gap:5px;font-size:9px;margin:0}.wing-trait strong{font-size:10px}.wing-trait-bar{display:none}.wing-kit{grid-column:1/-1;margin:0;padding-top:7px;display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;border-top:0}.wing-kit .wing-candidate-label{display:none}.wing-kit p{margin:0;font-size:10px}.wing-kit button{width:auto;font-size:10px;min-height:30px;padding:5px 10px}.wing-sidebar .wing-help{display:none}.wing-story{padding:26px 22px}.wing-story h2{font-size:31px}.wing-scene-text{font-size:17px}.wing-scene-meta{font-size:8px;letter-spacing:1.2px}.wing-choice{padding:14px 12px;gap:10px;font-size:12px}.wing-choice small{font-size:9px}.wing-choice-key{width:23px;height:23px;font-size:11px}.wing-feedback{font-size:11px}.wing-progress{margin-bottom:23px}.wing-result{padding:28px 22px}.wing-result h2{font-size:34px}.wing-result-intro{font-size:16px}.wing-rider-card{padding:27px 18px}.wing-card-dragon{font-size:36px}.wing-result-actions button{min-width:115px;padding:13px 10px;font-size:11px}.wing-resume{padding:30px 25px}.wing-resume h2{font-size:32px}.wing-confirm{padding:22px}.wing-entry-facts{font-size:8px}.wing-main .breadcrumbs{font-size:10px}}
@media(prefers-reduced-motion:no-preference){.wing-choice{transition:background .15s,border-color .15s}.wing-rider-card{animation:wing-reveal .45s ease-out}@keyframes wing-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}

/* Keep the first action close to the character choices, especially on phones. */
.wing-landing{min-height:610px}.wing-world{min-height:610px}.wing-entry{padding:30px 36px 26px}.wing-lead{margin-bottom:18px}.wing-quadrants{margin-top:18px}.wing-quadrants label{min-height:60px}.wing-quadrants+.wing-primary{margin-top:18px}.wing-entry .wing-small{margin:12px 0 0}.wing-entry-facts{margin-top:17px;padding-top:15px}
@media(max-width:1000px){.wing-entry{padding:28px 26px}.wing-world{min-height:610px}}
@media(max-width:720px){.wing-world{min-height:180px;height:180px}.wing-world-copy{padding:21px 25px}.wing-world h2{font-size:32px;line-height:1.08;margin:14px 0 0}.wing-world-copy>p{display:none}.wing-landscape{object-position:50% 56%}.wing-entry{padding:24px}.wing-entry h2{font-size:28px;margin-bottom:10px}.wing-lead{font-size:12px;line-height:1.7;margin-bottom:17px}.wing-entry .wing-eyebrow{font-size:8px;margin-bottom:8px}.wing-quadrants label{min-height:57px;padding:10px}.wing-quadrants{gap:8px}.wing-entry .wing-small{font-size:10px}.wing-entry-facts{margin-top:15px;padding-top:13px}.wing-local{margin-top:10px}.wing-landing{min-height:0}}

.wing-page-links{display:flex;flex-wrap:wrap;gap:10px 24px;margin:-24px 0 38px;padding-bottom:19px;border-bottom:1px solid #304a48;font-size:12px;color:#c5d2bb}.wing-page-links a{text-underline-offset:5px}.wing-reference>p{font-size:13px;color:#a5b9b2;line-height:1.85;max-width:850px}.wing-reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0 8px}.wing-reference-grid article{border:1px solid #36544b;padding:24px;background:#142e2e;border-radius:3px}.wing-reference-grid h3{font:400 27px Georgia,serif;letter-spacing:-.5px;margin:13px 0}.wing-reference-grid p{font-size:13px;line-height:1.8;color:#b5c4b4;margin:13px 0 0}.wing-reference-grid strong{color:#dce2c6}.wing-reference .wing-eyebrow{font-size:9px}.wing-spoilers{border-color:#304a48}.wing-spoilers>summary{font-size:13px;color:#e0d3ad}.wing-reference-note a{color:#d5b778;text-underline-offset:4px}.wing-reference .wing-how-grid h3{margin-top:0}.wing-info,.wing-faq{scroll-margin-top:24px}@media(max-width:720px){.wing-page-links{font-size:11px;gap:10px 17px;margin-top:-13px;margin-bottom:29px}.wing-reference-grid{grid-template-columns:1fr}.wing-reference-grid article{padding:22px}.wing-reference .wing-how-grid h3{display:block;margin:0 0 10px}.wing-reference>p,.wing-reference-grid p{font-size:12px}.wing-spoilers>summary{font-size:12px}}