.cw-screen{--cw-title-font:"Alegreya SC",Georgia,serif}.cw-screen .cw-scene-heading h2,.cw-screen .cs-heading h1,.cw-screen .cw-class-title h1,.cw-screen .cw-class-card strong,.cw-screen .cs-details h2,.cw-screen .cs-empty-title,.cw-screen .cs-clan h3,.cw-screen .cw-name-form label,.cw-screen .cw-stats-help h2{font-family:var(--cw-title-font)!important;font-weight:900;text-transform:none;letter-spacing:.01em}.cw-screen .cs-heading h1{text-transform:none}.cw-scene-heading{isolation:isolate}.cw-scene-heading:before{content:"";position:absolute;inset:-14px -28px -14px calc(-5.7vw - 16px);z-index:-1;pointer-events:none;background:#111b1d99;-webkit-mask:url(/img/character-create/brush-mask.svg) center/100% 100% no-repeat;mask:url(/img/character-create/brush-mask.svg) center/100% 100% no-repeat}@media(max-height:550px)and (orientation:landscape){.cw-scene-heading:before{left:calc(-6.7vw - 16px)}}@media(max-width:780px)and (orientation:portrait){.cw-scene-heading:before{left:calc(-11vw - 16px)}}.cw-screen .cs-empty-title{position:static;font-size:clamp(19px,1.8vw,30px);line-height:1.1;color:#d4d1bf;margin:0}.cw-screen .cs-clan h3{font-size:clamp(18px,1.4vw,24px);color:#f4d58c;margin:0 0 5px}.cs-profile-heading{display:flex;align-items:center;gap:10px;flex:none;margin-bottom:1.5dvh}.cs-profile-copy{flex:1;min-width:0;align-self:center}.cw-screen .cs-identity{align-items:center;gap:10px;overflow:visible;margin:0 0 4px}.cs-clan-line{display:flex;align-items:center;gap:6px;color:#ded8c8;font-size:clamp(11px,1vw,17px);line-height:1.2}.cs-clan-line img{width:20px;height:25px;object-fit:contain;flex:none}.cs-clan-line span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-screen .cs-profile-heading .cs-personal-flag{--personal-flag-scale:.075;position:relative;top:6px;width:calc(800px * var(--personal-flag-scale));height:calc(1160px * var(--personal-flag-scale));flex:none;transform-origin:50% 0;animation:cs-cloth-breeze 4.8s ease-in-out infinite;filter:drop-shadow(0 3px 3px #0009)}.cs-personal-flag:before{content:"";position:absolute;inset:0;background-color:#aa2339;background-image:linear-gradient(90deg,#22132038,#22132030 38%,#5c28230c,#ffe1a322 58%,#ffdfa336),url(/img/character-create/runtime-20261101/personal-flag-cloth.webp);background-size:100% 100%,calc(1122px * var(--personal-flag-scale)) calc(1402px * var(--personal-flag-scale));background-position:0 0,calc(-164px * var(--personal-flag-scale)) calc(-110px * var(--personal-flag-scale));background-repeat:no-repeat;background-blend-mode:normal,multiply;-webkit-mask:url(/img/character-create/runtime-20261101/personal-flag-cloth.webp) calc(-164px * var(--personal-flag-scale)) calc(-110px * var(--personal-flag-scale))/calc(1122px * var(--personal-flag-scale)) calc(1402px * var(--personal-flag-scale)) no-repeat;mask:url(/img/character-create/runtime-20261101/personal-flag-cloth.webp) calc(-164px * var(--personal-flag-scale)) calc(-110px * var(--personal-flag-scale))/calc(1122px * var(--personal-flag-scale)) calc(1402px * var(--personal-flag-scale)) no-repeat;clip-path:polygon(1% 0,14% 0,14% 7%,30% 9%,42% 9%,42% 0,57% 0,57% 9%,70% 9%,86% 6%,86% 0,99% 0,99% 100%,0 100%)}.cs-personal-flag:after{content:"";position:absolute;left:25%;top:23%;width:50%;height:38%;background:url(/img/warshards/class/swordsman-icon.webp) center/contain no-repeat;filter:drop-shadow(0 1px 1px #4b1b0b99) drop-shadow(0 0 3px #ffdb7866)}@keyframes cs-cloth-breeze{0%,to{transform:rotate(-.35deg) skew(-.5deg) scaleX(1)}45%{transform:rotate(.4deg) skew(.7deg) scaleX(.975)}75%{transform:rotate(-.6deg) skew(-.3deg) scaleX(.99)}}@media(prefers-reduced-motion:reduce){.cw-screen .cs-profile-heading .cs-personal-flag{animation:none}}@media(max-height:550px),(max-width:780px)and (orientation:portrait){.cw-screen .cs-profile-heading .cs-personal-flag{--personal-flag-scale:.05}}.cw-screen .cs-identity .cs-name{font-family:Alegreya SC,Georgia,serif;color:#f3eee0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.cw-screen .cs-identity .cs-level{margin-left:auto;font-size:.8em;white-space:nowrap}.cw-screen .cs-social h3{font-size:clamp(14px,1.2vw,21px);color:#f4d58c;margin:0 0 6px}.cw-screen .cs-social{display:flex;justify-content:flex-end}.cw-screen .cs-wallet{position:relative;inset:auto;display:flex;justify-content:flex-end;align-items:center;gap:clamp(16px,2vw,34px);flex:0 0 auto;margin-top:auto;padding-block:1.6dvh}.cw-screen .cs-wallet img{width:28px;height:28px}.cw-screen .cs-wallet b{font-size:clamp(16px,1.4vw,24px);white-space:nowrap;font-variant-numeric:tabular-nums}.cw-screen .cw-card-surface{background:#111b1db3;box-shadow:inset 0 1px 2px #e0dbbd24,inset 0 -4px 9px #050a0b66}.cw-card-surface:before{content:"";position:absolute;inset:0;background:url(/img/character-create/card-stone.webp) center/cover;opacity:.24;pointer-events:none;transition:opacity .18s}.cw-screen .cw-class-card:nth-child(2) .cw-card-surface{background-position:22% 40%}.cw-screen .cw-class-card:nth-child(3) .cw-card-surface{background-position:65% 70%}.cw-screen .cw-class-card:nth-child(4) .cw-card-surface{background-position:85% 20%}.cw-screen .cw-class-card[aria-checked=true] .cw-card-surface{background:linear-gradient(115deg,#70511dab,#24231eb8);box-shadow:inset 0 0 22px #c58d2333}.cw-class-card[aria-checked=true] .cw-card-surface:before{opacity:.3}.cw-screen .cw-class-card:hover .cw-card-surface:before,.cw-screen .cw-class-card:focus-visible .cw-card-surface:before{opacity:.4}.cw-screen .cw-class-card:hover .cw-card-surface,.cw-screen .cw-class-card:focus-visible .cw-card-surface{box-shadow:inset 0 0 20px #f0d18a24,inset 0 1px #ffe2a34d}.cw-screen .cw-class-card:not([aria-checked=true]):hover .cw-card-frame,.cw-screen .cw-class-card:not([aria-checked=true]):focus-visible .cw-card-frame{filter:drop-shadow(0 0 3px #d9b87580)}.cw-screen .cw-class-card .cw-card-portrait{transition:translate .2s,filter .2s}.cw-screen .cw-class-card:hover .cw-card-portrait{translate:2px -2px;filter:drop-shadow(2px 3px 3px #100d0966) brightness(1.06)}.cw-screen .cw-class-card .cw-card-portrait{height:100%;width:46%;top:0;left:0;right:auto;object-fit:contain;object-position:50% 0;-webkit-mask-image:none;mask-image:none}.cw-screen--select .cw-card-portrait-window{inset:-12% 2px 2px;overflow:visible;clip-path:inset(-20% 0 0)}.cw-screen .cw-avatar img{height:100%;width:100%;top:0;left:0;transform:none;object-fit:cover;object-position:50% 0}@media(orientation:portrait){.cw-screen .cw-class-card .cw-card-portrait{width:100%}}.cw-screen .cw-card-glare{background:radial-gradient(ellipse 70% 100% at 7% 0%,#f6dcaa1a,transparent 70%);opacity:1}.cw-screen .cs-add{border:0;border-radius:0;background:none;box-shadow:none;padding:0;display:block}.cs-add>svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2px 2px #0007)}.cw-screen .cs-play.wood-button{width:100%;align-self:stretch;min-height:64px;font:600 clamp(20px,1.7vw,28px)/1.2 Nunito,sans-serif;margin-top:auto}.cs-play-position{position:absolute;left:50%;bottom:6%;width:25%;transform:translate(-50%);z-index:5}@media(orientation:landscape){.cw-screen .cs-wallet{margin-bottom:64px}}@media(max-height:550px)and (orientation:landscape){.cw-screen .cs-wallet{margin-bottom:37px}}@media(max-width:780px)and (orientation:portrait){.cs-play-position{bottom:7%;width:88%;display:flex;justify-content:center}.cw-screen .cs-wallet{margin-bottom:44px}}.cw-screen .cs-xp{height:26px;border:0;clip-path:none;background:none;box-shadow:none;overflow:visible}.cs-xp .wb-nameplate-hp{position:relative;inset:auto;width:100%;height:100%;border-radius:0;-webkit-mask:url(/img/character-create/brush-mask.svg) center/100% 100% no-repeat;mask:url(/img/character-create/brush-mask.svg) center/100% 100% no-repeat;background:#1a2428;box-shadow:none}.cs-xp .wb-nameplate-hp-stroke{-webkit-mask-size:100% 100%;mask-size:100% 100%}.cs-xp .wb-nameplate-hp-fill,.cs-xp .wb-nameplate-hp .wb-nameplate-hp-feedback{background:linear-gradient(180deg,#fff098,#f3c34b 42%,#c9871d);box-shadow:inset 0 1px #fff4bb88}.cs-xp .wb-nameplate-hp-fill:after{background:linear-gradient(179deg,#fff4ab33,transparent 40%,#9b641422)}.cs-xp>span{font-weight:800;font-variant-numeric:tabular-nums}.cs-health{margin-bottom:6px}.cs-health .wb-nameplate-hp-fill,.cs-health .wb-nameplate-hp .wb-nameplate-hp-feedback{background:linear-gradient(180deg,#ffb093,#e9553b 42%,#9e251f);box-shadow:inset 0 1px #ffd8bb88}.cs-health .wb-nameplate-hp-fill:after{background:linear-gradient(179deg,#ffe3bb33,transparent 40%,#741b1422)}.cw-screen--class .cw-class-info:not(.cw-class-info--skill){display:grid;grid-template-rows:clamp(92px,14dvh,140px) minmax(0,1fr) auto auto}.cw-class-details{display:grid;grid-template-rows:.85fr 1.2fr 1.2fr;min-height:0}.cw-screen .cw-detail-section{padding:8px 0;min-height:0;justify-content:center}.cw-screen .cw-detail-section h2{margin-bottom:9px;line-height:1.2}.cw-class-metrics{gap:7px 12px}.cw-class-metrics img{width:32px;height:32px}.cw-combat-features img{width:29px;height:29px}.cw-combat-features strong b{font-size:1.2em}.cw-combat-features p{font-size:clamp(10px,.75vw,13px);line-height:1.35;margin-top:4px}.cw-combat-features>div{padding:7px 0;gap:10px;border:0;background:none;clip-path:none}.cw-screen--class .cw-class-info--skill{gap:10px}.cw-screen--class .cw-class-info--skill .cw-class-title{height:clamp(92px,14dvh,140px);flex:none}.cw-screen--class .cw-class-info--skill .cw-class-title>img{width:clamp(40px,5.3vw,90px)}.cw-screen--class .cw-class-info--skill .cw-class-title h1{font-size:clamp(20px,2.15vw,36px);margin-bottom:8px}.cw-screen--class .cw-class-info--skill .cw-class-title p{font-size:clamp(11px,1.05vw,18px);line-height:1.4}.cw-screen--class .cw-skill-back{position:absolute;top:-35px;left:0;margin:0;font-size:30px}.cw-screen .cw-back-control{display:grid;place-items:center;box-sizing:border-box;width:44px;height:40px;flex:none;padding:3px;border:0;background:none;color:#f4dc9c;filter:drop-shadow(0 2px 3px #1b180d80)}.cw-screen .cw-back-control>svg{display:block;width:100%;height:100%}.cw-screen--class .cw-skill-back.cw-back-control{top:-43px}@media(max-height:550px),(max-width:780px)and (orientation:portrait){.cw-screen .cw-back-control{width:34px;height:30px}.cw-screen--class .cw-skill-back.cw-back-control{top:-33px}}@media(orientation:landscape){.cw-screen--class{--cw-class-top:8dvh;--cw-back-height:40px}.cw-screen--class .cw-back-arrow{top:calc(var(--cw-class-top) / 2 - var(--cw-back-height) / 2)}.cw-screen--class .cw-skill-back.cw-back-control{top:calc(var(--cw-class-top) / -2 - var(--cw-back-height) / 2)}}@media(max-height:550px)and (orientation:landscape){.cw-screen--class{--cw-back-height:30px}}.cw-skill-description{flex:none;color:#eee8db;font-size:clamp(11px,.98vw,17px);line-height:1.4}.cw-skill-description p{margin:4px 0 0}.cw-screen .cw-skill-description .cw-skill-title{font-size:clamp(18px,1.6vw,27px);line-height:1.15;margin:0 0 8px;color:#f4d58c}.cw-screen--class .cw-class-info--skill .cw-demo{clip-path:none;-webkit-mask:none;mask:none;background:none}.cw-screen--class .cw-class-info--skill .cw-demo .ws-skill-preview{-webkit-mask:url(/img/character-create/brush-mask.svg) center/100% 100% no-repeat;mask:url(/img/character-create/brush-mask.svg) center/100% 100% no-repeat;background:linear-gradient(#09131ea8,#13251c33),url(/img/character-create/runtime-20261101/overlook.webp) 50% 83%/260% auto no-repeat}.cw-stats-help{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(760px,90vw);max-height:86dvh;overflow:auto;padding:30px 32px 25px;border:14px solid transparent;border-image:url(/img/warshards/party/border.webp) 288 112 256 112 fill / 36px 14px 32px / 0 stretch;background:#eed3a0 url(/img/warshards/party/paper.webp) center/100% 100%;box-shadow:0 12px 35px #0008;color:#493015;text-shadow:none}.cw-screen .cw-stats-help h2{font-size:clamp(21px,2vw,30px);color:#493015}.cw-stats-help .cw-help-back{color:#62451f}.cw-stats-help .cw-stat-sheet{width:100%;margin-top:15px;font-size:14px;line-height:1.35}.cw-stats-help .cw-stat-sheet th,.cw-stats-help .cw-stat-sheet td{padding:12px 9px;border-bottom:1px solid #93703b50;color:#493015;vertical-align:middle}.cw-stats-help .cw-stat-sheet tbody th{width:auto;font-size:16px;white-space:nowrap}.cw-stat-sheet thead th:nth-last-child(-n+2){font-size:19px}.cw-stat-sheet td:nth-last-child(-n+2){font-weight:800;width:16%}.cw-stats-help .cw-help-note,.cw-stats-help footer{font-size:12px;color:#72532a;line-height:1.4;margin-top:12px}.cw-stats-help footer{border-color:#93703b50;padding-top:10px}@media(orientation:landscape){.cs-roster{width:21%;height:66%;top:15%;left:2.5%}.cw-screen--select .cw-classes{height:94%;gap:1.5dvh}.cw-screen--select .cs-character-copy{left:36%;gap:5px}.cw-screen--select .cs-empty .cs-character-copy{left:32%}.cw-screen--select .cs-character-copy strong,.cw-screen .cs-empty-title{font-size:clamp(18px,1.55vw,27px)}.cw-screen--select .cs-character-copy small{font-size:clamp(11px,.95vw,16px)}.cw-screen--select .cs-character-copy>span{font-size:clamp(10px,.88vw,15px)}.cw-screen--select .cw-card-portrait{width:41%}.cs-details{top:17%;bottom:9%;padding-bottom:0}.cw-screen--class .cw-class-info,.cw-screen--class .cw-class-info--skill{top:8%;bottom:14%}.cw-screen--class .cw-class-info:not(.cw-class-info--skill){grid-template-rows:clamp(104px,15dvh,152px) minmax(0,1fr) auto auto}.cw-screen--class .cw-class-info--skill .cw-class-title{height:clamp(104px,15dvh,152px)}.cw-screen .cw-detail-section h2{margin-bottom:12px}.cw-screen--class .cw-skill>.cw-skill-tile,.cw-screen--class .cw-class-info--skill .cw-skill>.cw-skill-tile{max-width:94px}.cw-screen--class .cw-class-footer .cw-next{width:100%;min-height:62px;font-size:clamp(20px,1.7vw,28px)}}@media(max-height:550px)and (orientation:landscape){.cw-screen--class .cw-class-title h1,.cw-screen--class .cw-class-info--skill .cw-class-title h1{font-size:18px;margin-bottom:4px}.cw-screen--class .cw-class-title p,.cw-screen--class .cw-class-info--skill .cw-class-title p{font-size:9px;line-height:1.25}.cw-screen--class .cw-class-title>img,.cw-screen--class .cw-class-info--skill .cw-class-title>img{width:32px}.cw-class-details{grid-template-rows:1fr 1.2fr 1.2fr}.cw-mastery-copy p{font-size:8px;line-height:1.25}.cw-mastery-copy>img{width:22px;height:22px}.cw-screen--class .cw-class-info:not(.cw-class-info--skill){grid-template-rows:clamp(62px,14dvh,85px) minmax(0,1fr) auto auto}.cw-screen--class .cw-class-info--skill .cw-class-title{height:clamp(62px,14dvh,85px)}.cw-screen .cw-detail-section{padding:4px 0}.cw-screen .cw-detail-section h2{font-size:10px!important;margin-bottom:4px}.cw-class-metrics{gap:3px 6px}.cw-class-metrics img{width:16px;height:16px}.cw-class-metrics b{font-size:9px}.cw-class-metrics small{font-size:7px}.cw-combat-features img{display:none}.cw-combat-features>div{padding:4px;gap:4px}.cw-combat-features strong{font-size:9px}.cw-combat-features p{font-size:7.5px;line-height:1.2}.cw-screen .cs-play.wood-button{min-height:37px;font-size:20px}.cw-screen .cs-xp{height:19px}.cw-stats-help{padding:17px 22px;max-height:94dvh}.cw-stats-help .cw-stat-sheet{margin-top:6px;font-size:12px}.cw-stats-help .cw-stat-sheet th,.cw-stats-help .cw-stat-sheet td{padding:6px}.cw-stats-help .cw-help-note,.cw-stats-help footer{font-size:10px;margin-top:7px}}@media(max-width:780px)and (orientation:portrait){.cw-screen--select .cs-details{top:63%}.cw-screen--select .cs-hero{height:33%;bottom:38%}.cw-screen .cs-wallet{display:flex;padding-block:4px;gap:24px;border-top:0}.cs-wallet:before{content:none}.cw-screen .cs-wallet img{width:22px;height:22px}.cw-screen .cs-wallet b{font-size:15px}.cw-screen--class .cw-class-info:not(.cw-class-info--skill){grid-template-rows:minmax(0,1fr) auto}.cw-class-details{grid-template-rows:auto auto auto}.cw-screen .cw-detail-section{padding:4px 0}.cw-screen .cw-detail-section h2{margin-bottom:4px}.cw-class-metrics{gap:4px}.cw-class-metrics img{width:18px;height:18px}.cw-class-metrics b{font-size:11px}.cw-class-metrics small{font-size:8px}.cw-combat-features img{width:23px;height:23px}.cw-combat-features p{font-size:8px}.cw-combat-features>div{padding:4px 5px;gap:5px}.cw-screen--class .cw-class-card strong{font-size:12px}.cw-screen .cs-empty-title{font-size:13px}.cw-screen .cs-play.wood-button{width:70%;min-height:44px;margin-top:auto}.cw-screen .cs-xp{height:19px}.cw-stats-help{width:96vw;max-height:88dvh;padding:18px 12px;border-width:8px}.cw-screen .cw-stats-help h2{font-size:22px}.cw-stats-help .cw-stat-sheet{font-size:11px}.cw-stats-help .cw-stat-sheet tbody th{font-size:12px;white-space:normal}.cw-stats-help .cw-stat-sheet th,.cw-stats-help .cw-stat-sheet td{padding:9px 4px}.cw-stats-help .cw-help-note,.cw-stats-help footer{font-size:10px}.cw-screen--class .cw-class-info--skill .cw-class-title{height:auto;min-height:65px}.cw-screen--class .cw-class-info--skill .cw-class-title h1{font-size:20px}.cw-screen--class .cw-class-info--skill .cw-class-title p{font-size:10px}.cw-screen--class .cw-class-info--skill .cw-class-title>img{width:28px}}.cw-stats-help-overlay{position:fixed;inset:0;z-index:10020;display:flex;align-items:center;justify-content:center;background:#080c102e;padding:12px;box-sizing:border-box}.cw-stats-help.spot-window{position:relative;inset:auto;transform:none;width:min(800px,96vw);--game-window-padding:44px 36px 32px;--game-window-max-height: calc(100dvh - 24px) ;outline:none}.cw-stats-help-content{max-height:calc(100dvh - 104px);overflow:auto;scrollbar-width:thin}.cw-stats-help h2{margin:0;color:#493015;font:900 clamp(20px,2vw,30px)/1.2 "Alegreya SC",Georgia,serif}@media(max-width:600px){.cw-stats-help.spot-window{--game-window-padding:38px 24px 28px}.cw-stats-help .cw-stat-sheet{font-size:11px}.cw-stats-help .cw-stat-sheet th,.cw-stats-help .cw-stat-sheet td{padding:8px 4px}.cw-stats-help .cw-stat-sheet tbody th{font-size:12px;white-space:normal}}