/* v5.35 — illustrated arena cosmetics and a refined school-adventure entrance. */
#loginView #loginForm .login-btn{height:auto;min-height:78px;padding:10px 14px;gap:12px;position:relative;isolation:isolate;overflow:hidden;border:2px solid #eed395;border-radius:20px;background:radial-gradient(ellipse at 23% 0%,#6c78ec80,transparent 60%),linear-gradient(125deg,#29377d,#5340a5 65%,#6b479e);box-shadow:inset 0 1px #ffffff70,inset 0 -3px #151a6540,0 5px 0 #27204f,0 10px 22px #3d2b6a40;color:#fff8df;justify-content:flex-start;text-align:left;transition:transform .2s,box-shadow .2s}
#loginView #loginForm .login-btn::after{content:'';position:absolute;inset:3px;border:1px solid #ffe9b240;border-radius:15px;pointer-events:none}
#loginView #loginForm .login-btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff80,0 7px 0 #27204f,0 12px 26px #563d8760}
#loginView #loginForm .login-btn:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff80,0 2px 0 #27204f}
#loginView #loginForm .login-btn:focus-visible{outline:3px solid #27a7c4;outline-offset:5px}
.login-button-emblem{position:relative;flex:none;display:grid;place-items:center;width:44px;height:44px;color:#725326;background:linear-gradient(135deg,#fff6cb,#e5b663);clip-path:polygon(50% 0,87% 13%,100% 50%,87% 87%,50% 100%,13% 87%,0 50%,13% 13%);filter:drop-shadow(0 0 8px #ffdfa770);font-size:31px}
.login-button-copy{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
#loginView .login-button-copy small{font-size:10px;line-height:1.1;letter-spacing:2.4px;font-weight:900;color:#d2dbff}
#loginView .login-button-copy strong{font-family:var(--quest-display)!important;font-size:clamp(20px,1.8vw,27px);font-weight:400;line-height:1.15;letter-spacing:.6px;white-space:nowrap;text-shadow:0 2px #30225c}
#loginView .login-btn>b{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid #f5d595;background:#ffe2a71c;font-size:21px;color:#ffe4a5}

/* Player journey and wallet. Arena currencies never obscure the adventure balances. */
.wf-career{display:flex;align-items:center;gap:20px;padding:17px 22px;margin-bottom:20px;border:1px solid #80b3d24d;border-radius:20px;background:radial-gradient(ellipse at 5% 30%,#58d1d422,transparent 38%),linear-gradient(120deg,#192a45,#202440 68%,#322448);box-shadow:inset 0 1px #e5edff0d,0 5px 18px #0003}
.wf-level-medal{display:grid;align-content:center;justify-items:center;flex:none;width:67px;height:75px;background:linear-gradient(150deg,#ffedb2,#bb8241);color:#3a2841;clip-path:polygon(50% 0,90% 14%,94% 71%,50% 100%,6% 71%,10% 14%);filter:drop-shadow(0 3px 5px #0008)}
.wf-level-medal span{font-size:10px;font-weight:900;letter-spacing:2px}.wf-level-medal b{font:30px/1 var(--quest-display);margin-bottom:7px}.wf-career-progress{min-width:150px;flex:1}.wf-career-progress>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center}.wf-career-progress b{color:#f3e5c7;font-size:17px}.wf-career-progress span,.wf-career-progress small{font-size:12px;color:#c8d7e9}.wf-career-track{height:9px;margin:9px 0;border-radius:10px;background:#080f21;box-shadow:inset 0 1px 3px #0008}.wf-career-track i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#56d7ce,#7dded7,#b1acfa,#f7d491);box-shadow:0 0 9px #78dee655;transition:width .4s}
.wf-token-wallet{display:flex;align-items:center;gap:10px;padding:6px 16px;border-left:1px solid #829ac448;flex-shrink:0}.wf-token-wallet>span{font-size:35px;color:#87f6ed;text-shadow:0 0 13px #45d9e880}.wf-token-wallet b{font-size:25px;color:#f4f2dd;line-height:1.1}.wf-token-wallet small{display:block;font-size:10px;font-weight:900;letter-spacing:.9px;margin-top:5px;color:#92d7dd}.wf-shop-open{background:linear-gradient(#3c466c,#272743);border:1px solid #dac08b;color:#ffe6b0;min-height:49px;white-space:nowrap}
.wf-shop-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:12px}.wf-shop-toolbar>span{font-size:12px;color:#b6c9df}.wf-atelier-hero{position:relative;isolation:isolate;overflow:hidden;min-height:280px;border:1px solid #d8c3948c;border-radius:24px;background:#131e31;margin-bottom:18px;display:flex;align-items:center}.wf-atelier-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.wf-atelier-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#091828ed,#091e34bb 33%,transparent 75%);z-index:-1}.wf-atelier-hero>div{padding:30px 4%;max-width:60%;display:grid;gap:12px}.wf-atelier-hero h1{color:#fff1c8;font-size:clamp(40px,4vw,68px)!important;text-shadow:0 4px 12px #000a}.wf-atelier-hero p:not(.wf-kicker){font-size:24px;color:#a5efe1}.wf-atelier-hero small{font-size:13px;color:#e1ebf9;line-height:1.5;max-width:420px}.wf-atelier-hero .wf-kicker{color:#f3d18a;letter-spacing:2px}.wf-career.compact .wf-shop-open{display:none}
.wf-shop-layout{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,2.3fr);gap:24px;align-items:start}.wf-fitting-room{position:sticky;top:10px;border:1px solid #92b7d742;border-radius:23px;padding:22px;background:radial-gradient(circle at 50% 30%,#385b6260,transparent 58%),linear-gradient(150deg,#1c2e47,#141b32);box-shadow:inset 0 1px #fff1,0 14px 30px #0003;min-width:0;text-align:center}.wf-fitting-room>h2{margin-top:8px!important;font-size:24px!important}.wf-fitting-room>.wf-btn{width:100%}.wf-style-preview{padding-top:15px;text-align:center;position:relative}.wf-mini-title{display:flex;align-items:center;justify-content:center;gap:8px;color:#f8dfa1;background:linear-gradient(90deg,transparent,#c0a77222,transparent);padding:9px 0;font:17px var(--quest-display);letter-spacing:.6px}.wf-mini-title>span{color:#ffe39c;font-size:23px}.wf-mini-board{position:relative;aspect-ratio:1;padding:8%;margin:7px auto;width:100%;max-width:360px;background:radial-gradient(circle,#6785ae22,transparent 75%);isolation:isolate}.wf-mini-board:not(.ornate){border:2px solid #9ca9c66b;box-shadow:inset 0 0 0 5px #ccad6333;border-radius:17px;margin-block:18px}.wf-mini-board.ornate{padding:17%}.wf-mini-board>img{position:absolute;width:100%;height:100%;inset:0;object-fit:contain;z-index:-1;filter:drop-shadow(0 8px 9px #0009)}.wf-classic-corner{position:absolute;top:2%;left:3%;font-size:22px;color:#eace8b}.wf-mini-grid{aspect-ratio:1;display:grid;grid-template-columns:repeat(9,1fr);gap:2px;padding:3px;background:#071326;border-radius:5px}.wf-mini-grid i{background:#223650;border:1px solid #5c73943d;border-radius:2px;font-style:normal;display:grid;place-items:center;font-weight:900;color:#302039;font-size:clamp(8px,1vw,13px);min-width:0;min-height:0}.wf-mini-grid i.premium{background:#326577}.wf-mini-grid i.letter{background:linear-gradient(#ffdfa0,#cc943d);border-color:#ffeab2}.wf-mini-magic{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:7px;background:radial-gradient(ellipse,#78d1ff22,transparent 70%)}.wf-mini-magic>i{font-style:normal;font-size:30px;color:#cbb0ff;text-shadow:0 0 13px currentColor}.wf-mini-magic>span{font-size:12px;color:#d6e6f6}.wf-style-preview>p{font-size:10px;color:#bbc9dd;margin:7px 0 14px!important}.wf-equipped-list{display:grid;gap:7px;margin-top:20px;text-align:left}.wf-equipped-list>span{position:relative;display:flex;flex-direction:column;gap:3px;padding:9px 7px;border-bottom:1px solid #7794be26}.wf-equipped-list small{font-size:9px;text-transform:uppercase;letter-spacing:1.1px;color:#96bcd4}.wf-equipped-list b{font-size:12px;color:#f1e5c9;max-width:75%}.wf-equipped-list button{position:absolute;right:0;bottom:6px;font-size:9px;min-height:27px;padding:4px 8px;box-shadow:none}.wf-shop-note{font-size:11px;color:#acc0d7;text-align:left;margin-top:15px!important}
.wf-shop-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.wf-shop-tabs .wf-btn{flex:1;min-width:115px;border:1px solid #7796c151;background:#192b44;border-radius:14px;box-shadow:none;color:#c2d4e8;font-size:13px}.wf-shop-tabs .selected{border-color:#f0d69c;color:#ffe9b9;background:linear-gradient(150deg,#584968,#333651);box-shadow:inset 0 0 20px #ffe1a11a}
.wf-shop-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:stretch}.wf-treasure{border:1px solid color-mix(in srgb,var(--treasure) 35%,#303c60);border-radius:22px;overflow:hidden;background:linear-gradient(155deg,#233047,#131c31);box-shadow:0 5px 0 #070e20,0 12px 25px #0004;display:flex;flex-direction:column;min-width:0;transition:transform .2s,border-color .2s}.wf-treasure.previewing{border-color:var(--treasure);box-shadow:0 0 0 2px color-mix(in srgb,var(--treasure) 25%,transparent),0 5px 0 #070e20}.wf-treasure-art{position:relative;aspect-ratio:1.1;display:grid;place-items:center;padding:18px;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--treasure) 20%,transparent),transparent 66%),repeating-conic-gradient(from 10deg at 50% 50%,#ffffff03 0deg 10deg,transparent 10deg 30deg),#111f36;isolation:isolate}.wf-treasure-art::after{content:'✧';position:absolute;color:var(--treasure);right:12px;bottom:7px;font-size:24px;opacity:.6}.wf-treasure-art>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 8px #0009)}.wf-rarity{position:absolute;top:12px;left:12px;z-index:2;border-radius:6px;border:1px solid color-mix(in srgb,var(--treasure) 50%,transparent);padding:4px 8px;background:#101b32de;font-size:9px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase;color:var(--treasure)}.wf-treasure-copy{padding:17px 16px;display:flex;flex-direction:column;gap:10px;flex:1;border-top:1px solid #819abe25}.wf-treasure-copy>small{font-size:8px;font-weight:900;letter-spacing:1px;color:var(--treasure)}.wf-treasure-copy h3{font-size:22px!important;color:#ffedcb}.wf-treasure-copy p{font-size:12px;color:#c8d6e9;line-height:1.5!important;min-height:3em}.wf-treasure-price{display:flex;gap:7px;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px}.wf-treasure-price b{font-size:13px;color:#fae2a3}.wf-treasure-price span{font-size:10px;color:#a9c5df;text-align:right}.wf-treasure-actions{display:flex;gap:7px;margin-top:4px}.wf-treasure-actions>.wf-btn{flex:1;min-width:0;font-size:11px;min-height:39px;padding:8px 6px;border-radius:9px}.wf-treasure-actions>.wf-btn:disabled{opacity:.62!important}.wf-treasure-actions>.wf-gold:disabled{color:#d9d5e6!important;background:#45425b!important;border-color:#8c82955c!important;box-shadow:none!important}
.wf-tile-sample{display:flex;justify-content:center;align-items:center;gap:7px;transform:rotate(-9deg);width:100%;padding-top:18px}.wf-tile-sample i{position:relative;width:29%;aspect-ratio:.87;display:grid;place-items:center;font:clamp(23px,2.7vw,45px) var(--quest-display);font-style:normal;color:#243747;background:linear-gradient(135deg,#e7fff3,#78d6ac);border:2px solid #cdfce1;border-radius:12px;box-shadow:0 6px 0 #1d6d58,inset 0 2px 0 #fff9,0 8px 14px #0006}.wf-tile-sample i:nth-child(2){transform:translateY(-12px)}.wf-tile-sample small{font:800 12px var(--quest-body);position:absolute;bottom:5px;right:6px}
[data-tiles=jade] .wf-mini-grid .letter,[data-tiles=jade] .wf-tile-sample i,#wordforgeDialog[data-tiles=jade] :is(.wf-square.draft,.wf-square.fixed:not(.boss-owned),.wf-letter-rack button){background:linear-gradient(135deg,#e1fff0,#65cba2);border-color:#b2ffdf;color:#123d36;box-shadow:inset 0 1px #fff8,0 2px 0 #276f62}
[data-tiles=rose] .wf-mini-grid .letter,[data-tiles=rose] .wf-tile-sample i,#wordforgeDialog[data-tiles=rose] :is(.wf-square.draft,.wf-square.fixed:not(.boss-owned),.wf-letter-rack button){background:linear-gradient(135deg,#fff1ed,#edacc8);border-color:#ffe2c5;color:#5b2448;box-shadow:inset 0 1px #fff8,0 2px 0 #9c6682}
[data-tiles=moon] .wf-mini-grid .letter,[data-tiles=moon] .wf-tile-sample i,#wordforgeDialog[data-tiles=moon] :is(.wf-square.draft,.wf-square.fixed:not(.boss-owned),.wf-letter-rack button){background:linear-gradient(135deg,#e9edff,#b8ddec 45%,#a89deb);border-color:#d2d2ff;color:#28315b;box-shadow:inset 0 1px #fff9,0 2px 0 #646590}
.wf-magic-sample{width:82%;aspect-ratio:1;position:relative;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--treasure) 40%,transparent);border-radius:50%;box-shadow:0 0 0 10px #ffffff04,inset 0 0 35px color-mix(in srgb,var(--treasure) 20%,transparent);transform:rotate(-12deg)}.wf-magic-sample>span{font-size:85px;color:var(--treasure);text-shadow:0 0 30px currentColor;animation:wf-atelier-float 3s ease-in-out infinite}.wf-magic-sample>i{position:absolute;font-size:22px;font-style:normal;color:#fff3cb;left:5%;top:25%}.wf-magic-sample>i:nth-child(3){left:75%;top:8%}.wf-magic-sample>i:nth-child(4){left:80%;top:75%}.wf-magic-sample>i:nth-child(5){left:15%;top:85%}.effect-aurora{border-radius:42% 58% 44% 56%;border-color:#a49bff;box-shadow:0 0 0 9px #929bff18,0 0 0 18px #70edcd10,inset 0 0 35px #93cced44}.wf-title-sample{padding:20px 8px;text-align:center;color:#ffe7b9;display:grid;justify-items:center;gap:11px;width:100%;background:radial-gradient(ellipse,#c6adfd20,transparent 75%)}.wf-title-sample>span{font-size:65px;color:var(--treasure);filter:drop-shadow(0 0 12px currentColor)}.wf-title-sample>b{font:clamp(17px,1.8vw,28px) var(--quest-display);padding:9px 10px;border-block:1px solid var(--treasure);background:linear-gradient(90deg,transparent,#e5c79c16,transparent);width:100%}.wf-title-sample>i{font-size:8px;font-style:normal;letter-spacing:3px;color:#b6c8e3}
.wf-level-road{margin-top:26px;padding:24px;border:1px solid #8398c73b;border-radius:22px;background:linear-gradient(130deg,#1c2b45,#1f1e37)}.wf-level-road h2{margin:5px 0 10px!important}.wf-level-road>p{font-size:12px;color:#c6d3e7;max-width:740px}.wf-level-road>div:last-child{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.wf-level-road article{position:relative;padding:14px 12px;background:#0d172b;border:1px solid #7e92b732;border-radius:13px;display:flex;flex-direction:column;gap:8px}.wf-level-road article>b{font:20px var(--quest-display);color:#9198bf}.wf-level-road article>span{font-size:11px;color:#c4d2e4;flex:1}.wf-level-road article>small{font-size:9px;color:#9aacc4}.wf-level-road article.reached{border-color:#82d6b682;background:linear-gradient(155deg,#21413f,#172b3b)}.wf-level-road article.reached>b{color:#aaf0c4}.wf-level-road article.reached>small{color:#b8efd6}

/* Frame artwork is behind the board; no decoration intercepts a tile. */
.wf-board-shell{position:relative;isolation:isolate;aspect-ratio:1;width:min(100%,max(285px,calc(100svh - 385px)),540px);margin:0 auto;padding:10px;border-radius:14px;box-shadow:inset 0 0 0 1px #f4d5984d,inset 0 0 0 5px #364355;background:linear-gradient(145deg,#64718c,#182b42 40%,#9d825144)}
.wf-board-shell.ornate{padding:14%;box-shadow:none;background:radial-gradient(ellipse,#7392db16,transparent 72%);width:min(100%,max(330px,calc(100svh - 280px)),640px)}
.wf-board-frame-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:0;filter:drop-shadow(0 4px 5px #0008)}
.wf-board-shell .wf-board-viewport.fit{position:relative;z-index:1;width:100%!important;max-height:none!important;overflow:visible;aspect-ratio:1;padding:3px;border:1px solid #92afce5c;background:#0c1930;box-shadow:0 0 10px #08152788;border-radius:6px}
.wf-board-shell .wf-board-viewport.fit .wf-crossword{width:100%;height:100%;gap:2px}
.wf-board-shell .wf-board-viewport:not(.fit){position:absolute;inset:14%;width:72%;height:72%;max-height:none!important;overflow:auto;z-index:1;background:#0b1930;padding:3px}
.wf-board-shell.classic .wf-board-viewport:not(.fit){inset:10px;width:calc(100% - 20px);height:calc(100% - 20px)}
.wf-board-shell .wf-crossword .wf-square{min-width:0;min-height:0}.wf-board-shell .wf-crossword .wf-square.draft{outline:2px solid #b8fff2;outline-offset:-2px}.wf-board-shell .wf-crossword .wf-square.boss-latest{outline:2px solid #eac6ff;outline-offset:-2px}
.wf-active-title{font-size:10px;color:#f3d89b;letter-spacing:.5px}.wf-career-prize{margin:19px auto;padding:20px;max-width:740px;border:1px solid #a8e4d071;border-radius:20px;background:radial-gradient(ellipse at top,#67ddc325,transparent 65%),linear-gradient(120deg,#172b3a,#252344);box-shadow:inset 0 1px #ffffff13}.wf-career-prize>span{font-size:9px;color:#9ae5d2;letter-spacing:2px}.wf-career-prize h2{font-size:clamp(22px,2.3vw,31px)!important;margin:10px 0!important;color:#ffedba}.wf-career-prize h2 em{color:#829bc2;font-style:normal;margin:0 10px}.wf-career-prize p{font-size:13px;color:#cce3f1;margin-bottom:15px!important}.wf-cosmetic-spark{position:absolute;z-index:8;left:var(--spark-x);top:35%;font-size:clamp(18px,3vw,36px);pointer-events:none;color:#ffdfa1;text-shadow:0 0 12px currentColor;animation:wf-treasure-burst .9s both;animation-delay:calc(var(--spark-index)*25ms)}.wf-spark-blossom{color:#ffb7da}.wf-spark-aurora{color:#8cebdd;border-radius:50%;font-size:45px}.wf-meaning-part{display:block;color:#86d7df;font-size:10px;font-weight:900;margin-bottom:5px;text-transform:uppercase;letter-spacing:.6px}.wf-meaning-example{display:block;font-style:italic;color:#e6d7b7;margin-top:7px}.wf-word-list button small{line-height:1.55}.wf-dictionary-credit{font-size:10px!important;color:#9aacc4;margin-top:18px!important}.wf-dictionary-credit a{color:#aadbdc}
@keyframes wf-atelier-float{50%{transform:translateY(-7px) rotate(8deg)}}
@keyframes wf-treasure-burst{0%{opacity:0;transform:translateY(24px) scale(.4)}25%{opacity:1}100%{opacity:0;transform:translateY(-55px) rotate(80deg) scale(1.3)}}
@media(min-width:1600px){.wf-shop-layout{grid-template-columns:minmax(270px,.75fr) minmax(0,2.5fr)}.wf-treasure-art{aspect-ratio:1.2}}
@media(max-width:1100px){.wf-shop-layout{grid-template-columns:245px minmax(0,1fr);gap:16px}.wf-shop-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-fitting-room{padding:16px}.wf-career{gap:12px;padding:14px}.wf-career-progress>div:first-child{align-items:start;flex-direction:column;gap:4px}.wf-token-wallet{padding:6px 10px}.wf-level-road>div:last-child{grid-template-columns:repeat(2,1fr)}.wf-atelier-hero{min-height:250px}.wf-atelier-hero>div{max-width:64%}.wf-treasure-copy h3{font-size:21px!important}}
@media(max-width:760px){.wf-career{gap:10px;flex-wrap:wrap;padding:13px}.wf-level-medal{width:48px;height:58px}.wf-level-medal b{font-size:23px}.wf-career-progress{min-width:155px}.wf-career-progress b{font-size:14px}.wf-career-progress span,.wf-career-progress small{font-size:10px}.wf-token-wallet{border-left:0;padding:3px 0}.wf-token-wallet>span{font-size:27px}.wf-token-wallet b{font-size:20px}.wf-shop-open{margin-left:auto;min-height:40px;font-size:12px}.wf-shop-layout{display:flex;flex-direction:column}.wf-fitting-room{position:static;width:100%;display:grid;grid-template-columns:minmax(140px,.8fr) minmax(140px,1fr);column-gap:16px;text-align:left}.wf-fitting-room>.wf-kicker,.wf-fitting-room>h2{grid-column:1/-1}.wf-style-preview{grid-row:3/6;grid-column:1}.wf-fitting-room>.wf-btn{grid-column:2;margin-top:15px;min-height:38px;height:38px}.wf-equipped-list{grid-column:2;margin-top:0;gap:0}.wf-shop-note{grid-column:1/-1}.wf-mini-title{font-size:12px}.wf-mini-title>span{font-size:17px}.wf-mini-board{margin:0 auto}.wf-mini-grid{gap:1px;padding:1px}.wf-mini-grid i{font-size:9px}.wf-mini-magic>span{font-size:9px}.wf-style-preview>p{font-size:9px}.wf-equipped-list b{font-size:10px}.wf-equipped-list small{font-size:8px}.wf-collection{width:100%}.wf-shop-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.wf-treasure-art{padding:14px;aspect-ratio:1}.wf-treasure-copy{padding:13px 11px;gap:7px}.wf-treasure-copy h3{font-size:18px!important}.wf-treasure-copy p{font-size:11px}.wf-treasure-price{flex-direction:column;align-items:start;gap:4px}.wf-treasure-actions{flex-direction:column;gap:7px}.wf-rarity{font-size:7px;top:8px;left:8px;padding:3px 5px}.wf-shop-tabs{gap:5px}.wf-shop-tabs .wf-btn{font-size:10px;min-width:0;min-height:40px;padding:7px 4px}.wf-level-road{padding:18px}.wf-atelier-hero{min-height:250px;border-radius:20px}.wf-atelier-hero>div{padding:23px;max-width:75%;gap:11px}.wf-atelier-hero h1{font-size:37px!important}.wf-atelier-hero p:not(.wf-kicker){font-size:19px}.wf-atelier-hero small{font-size:11px;max-width:210px}.wf-atelier-hero>img{object-position:64% center}.wf-atelier-hero::before{background:linear-gradient(90deg,#091828ed,#091e34bb 39%,#091e3411)}.wf-board-shell{width:min(100%,430px)}.wf-board-shell.ornate{width:100%;padding:12%}.wf-board-shell.ornate .wf-board-viewport:not(.fit){inset:12%;width:76%;height:76%}.wf-board-shell .wf-board-viewport.fit .wf-square>b{font-size:clamp(10px,3vw,17px)}.wf-board-shell .wf-board-viewport.fit .wf-square>small{font-size:5px}.wf-board-shell .wf-board-viewport.fit .wf-square>span{font-size:6px}.wf-career-prize{padding:15px}.wf-top nav{gap:4px}.wf-top nav button{padding:6px 8px;font-size:10px}.wf-top .wf-brand strong{font-size:15px}.wf-top .wf-brand small{font-size:7px}}
@media(max-width:380px){.wf-fitting-room{display:block;text-align:center}.wf-style-preview{max-width:260px;margin:auto}.wf-treasure-copy h3{font-size:16px!important}.wf-level-road article{padding:11px 9px}.wf-top .wf-brand{display:none}.wf-shop-toolbar>span{font-size:10px}.login-button-emblem{width:36px;height:36px;font-size:26px}#loginView #loginForm .login-btn{gap:9px}}

.wf-reduced .wf-magic-sample>span,.wf-reduced .wf-cosmetic-spark{animation:none!important}
/* Use an explicit inner width so frame geometry follows its own square, not its parent's width. */
.wf-board-shell,.wf-board-shell.ornate{display:grid;place-items:center;padding:0}
.wf-board-shell .wf-board-viewport.fit{width:calc(100% - 20px)!important}
.wf-board-shell.ornate .wf-board-viewport.fit{width:72%!important}
@media(max-width:760px){.wf-board-shell.ornate .wf-board-viewport.fit{width:76%!important}}