/* No remote fonts, trackers or heavy framework. Shared card proportions: 360 × 560. */
:root{--ft-paper:#e8dfcd;--ft-muted:#aaa59b;--ft-line:#d1b47c2b;--ft-bg:#0b0d11}
.ft-card.card{position:relative;isolation:isolate;width:100%;max-width:440px;aspect-ratio:9/14;height:auto!important;min-height:0!important;margin:0 auto;padding:0!important;overflow:visible!important;border:0!important;border-radius:20px;background:transparent!important;box-shadow:none!important;color:#f2e9d8;font-family:Arial,sans-serif;perspective:1250px;container-type:inline-size}
.ft-card.card::before,.ft-card.card::after{content:none!important}.ft-card *{box-sizing:border-box}.ft-turntable{position:absolute;inset:0;border-radius:20px;transform-style:preserve-3d;transform:rotateX(var(--ft-rx,0deg)) rotateY(var(--ft-ry,0deg));transition:transform .8s cubic-bezier(.2,.7,.2,1);box-shadow:0 25px 65px #0009,0 1px 1px #ead6a54d}
.ft-is-back .ft-turntable{transform:rotateY(180deg)}.ft-face{position:absolute;inset:0;border-radius:20px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#151619;outline:1px solid #dac6a633}.ft-front{transform:translateZ(1px)}.ft-back{transform:rotateY(180deg) translateZ(1px);background:radial-gradient(ellipse at 50% 43%,color-mix(in srgb,var(--ft-primary) 52%,#101217),#101217 68%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}
.ft-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 1px 0 #fff7) drop-shadow(0 2px 2px #000c);transform:translateZ(3px);backface-visibility:hidden;border-radius:20px}
.ft-portrait{position:absolute;inset:2.1%;overflow:hidden;border-radius:13px;background:#18242a}.ft-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 39%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.ft-card:hover .ft-portrait img{transform:scale(1.025)}
.ft-shade{position:absolute;inset:1.9%;border-radius:14px;pointer-events:none;background:linear-gradient(180deg,#080a0fd9 0%,#080a0f8c 14%,transparent 28%,transparent 43%,#080a0f9e 60%,#080a0ff5 78%,#080a0f 100%);box-shadow:inset 0 0 24px #0007}
.ft-heading{position:absolute;z-index:3;inset:5.1% 10% auto;text-align:center}.ft-world{display:flex;gap:5px;justify-content:center;align-items:center;color:var(--ft-secondary);font-size:clamp(8px,2.75cqw,12px);letter-spacing:1.1px;text-transform:uppercase;line-height:1.3}.ft-world .ft-symbol{width:19px;height:19px;flex:none}.ft-symbol{width:40px;height:40px;color:var(--ft-metal)}
.ft-card .ft-role.card-role{margin:6px 0 0!important;padding:0!important;white-space:nowrap;overflow:visible;text-overflow:clip;font-family:Georgia,'Times New Roman',serif;font-size:clamp(15px,6.1cqw,27px);font-weight:500;line-height:1.28;color:#fff4df!important;text-shadow:0 2px 7px #000,0 1px 0 #000;letter-spacing:-.4px;background:transparent!important;border:0}
.ft-card-body{position:absolute;z-index:3;left:9%;right:9%;bottom:4.7%;display:flex;flex-direction:column;gap:5px}
.ft-star-tier{display:flex;align-items:center;justify-content:center;gap:2px;width:100%;position:relative;padding:0 24px 5px 0;border-bottom:1px solid var(--ft-line)}.ft-star{width:clamp(10px,4.2cqw,18px);height:auto;flex:0 1 18px;fill:#211f1c;stroke:#76644d;stroke-width:.9}.ft-star.is-lit{fill:#e6c786;stroke:#fff0b7;filter:drop-shadow(0 0 3px #e8bd5c44);animation:ft-twinkle 4.6s ease-in-out infinite;animation-delay:calc(var(--i)*-.37s)}.ft-tier-number{position:absolute;right:0;top:-3px;font:500 clamp(14px,5cqw,22px)/1 Georgia,serif;color:#ead3a3;border:1px solid #c1a06475;min-width:24px;min-height:23px;display:grid;place-items:center;clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);background:#16171b}
.ft-card .ft-name.card-name{color:#c9b893!important;font:400 clamp(9px,3.1cqw,13px)/1.3 Arial,sans-serif;text-align:center;text-shadow:none!important;min-height:16px;margin:2px 0}.ft-card .ft-name .name-on-card{font:inherit!important;color:#e8d4a8!important;-webkit-text-fill-color:#e8d4a8!important;background:transparent!important;padding:2px 8px;min-height:0;border:0;max-width:100%;overflow-wrap:anywhere;text-shadow:none!important}
.ft-attributes{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}.ft-attribute{display:flex;flex-direction:column;border-bottom:1px solid #c0a3731a;padding:2px 0 4px;min-width:0}.ft-attribute:first-child{grid-column:1/-1;flex-direction:row;align-items:baseline;justify-content:space-between;gap:8px}.ft-attribute span{font-size:clamp(8px,2.55cqw,11px);color:#b7b2a6;line-height:1.4}.ft-attribute b{font-size:clamp(9px,2.9cqw,12px);font-weight:500;line-height:1.3;color:#eee3ce;overflow-wrap:anywhere}.ft-attribute:first-child b{font-size:clamp(13px,4.5cqw,19px);color:#ead0a0;font-family:Georgia,serif}
.ft-total{display:flex;justify-content:space-between;align-items:baseline;gap:6px;margin-top:4px}.ft-total>span{font-size:clamp(7px,2.3cqw,10px);letter-spacing:1.3px;color:#a59a88}.ft-total .total-number{font:400 clamp(13px,5.7cqw,25px)/1.1 Georgia,serif;letter-spacing:-.4px;color:#f5e1b6!important;white-space:nowrap}
.ft-flip{position:absolute;z-index:6;right:4%;top:17%;width:29px;height:29px;display:grid;place-items:center;padding:5px;min-height:0;border:1px solid #d0b58a55;border-radius:50%;background:#080b11b3;color:#e4cfa8;cursor:pointer;backdrop-filter:blur(6px)}.ft-flip svg{width:17px;height:17px}.ft-flip:focus-visible{outline:2px solid #fff3d1;outline-offset:3px}.ft-mode{position:absolute;z-index:4;bottom:2%;left:0;right:0;text-align:center;pointer-events:none;font-size:clamp(6px,1.8cqw,8px);letter-spacing:1.7px;color:#c1ac827a}.ft-back-brand{margin-top:55%;color:#dfc898;font:400 clamp(11px,4.2cqw,18px)/1.4 Georgia,serif;letter-spacing:2px}.ft-back small{color:#9c927f;letter-spacing:3px;font-size:clamp(7px,2.5cqw,10px)}
.ft-back-engraving{position:absolute;inset:11% 12% 26%;display:grid;place-items:center}.ft-back-engraving>i{position:absolute;width:88%;aspect-ratio:1;border:1px solid #c0a77b5e;transform:rotate(45deg);box-shadow:inset 0 0 0 4px #090b10,inset 0 0 0 5px #d1b88033}.ft-back-engraving>i:nth-child(2){width:66%;transform:rotate(0deg);border-radius:50%}.ft-back-engraving>i:nth-child(3){width:50%;transform:rotate(45deg)}.ft-back-seal{border:1px solid #d1ba84;box-shadow:0 0 0 5px #17181e,0 0 0 6px #8b79554d;border-radius:50%;width:31%;aspect-ratio:1;display:grid;place-items:center;background:#151820}.ft-back-seal .ft-symbol{width:75%;height:75%}
.ft-glint{position:absolute;inset:0;z-index:4;border-radius:20px;pointer-events:none;opacity:.24;background:linear-gradient(115deg,transparent 20%,#fff2c455 40%,transparent 52%);mask-image:linear-gradient(#000 0 3%,transparent 3% 97%,#000 97%),linear-gradient(90deg,#000 0 3%,transparent 3% 97%,#000 97%);backface-visibility:hidden}.ft-particles{position:absolute;inset:4%;pointer-events:none;overflow:hidden;border-radius:16px;backface-visibility:hidden}.ft-particles>i{position:absolute;left:var(--x);top:var(--y);width:2px;height:2px;background:#ffeac1;border-radius:50%;box-shadow:0 0 5px #f8df92;animation:ft-mote 6s ease-in-out infinite;animation-delay:calc(var(--i)*-.7s)}.ft-particles>i:nth-child(n+5){display:none}
.ft-halo{position:absolute;inset:8% -8%;z-index:-1;pointer-events:none;opacity:0}.ft-halo>i{position:absolute;width:90%;aspect-ratio:1;top:3%;left:5%;border-radius:50%;border:1px solid color-mix(in srgb,var(--ft-secondary) 40%,transparent);box-shadow:0 0 35px color-mix(in srgb,var(--ft-primary) 40%,transparent)}.ft-halo>i:nth-child(2){inset:9% 12% auto;width:76%;border-style:dashed;transform:rotate(25deg)}.ft-halo>i:nth-child(3){inset:14% 18% auto;width:64%;border-width:2px}
.ft-card[data-material="bronze"]{--ft-frame-tint:#aa7950}.ft-card[data-material="silver"] .ft-frame{filter:drop-shadow(0 1px 0 #f5f8ffb3) drop-shadow(0 2px 2px #000);color:#b8c1c9}.ft-card[data-material="gold"] .ft-frame{filter:drop-shadow(0 0 3px #ddae4a55) drop-shadow(0 2px 2px #000)}.ft-card[data-material="platinum"] .ft-halo{opacity:.4}.ft-card[data-material="legendary"] .ft-halo{opacity:.65}.ft-card[data-material="celestial"] .ft-halo{opacity:.8}.ft-card[data-material="mythic"] .ft-halo{opacity:1}.ft-card[data-material="mythic"] .ft-halo>i:nth-child(2){animation:ft-orbit 80s linear infinite}.ft-card[data-material="mythic"] .ft-glint,.ft-card[data-material="celestial"] .ft-glint{opacity:.55}.ft-card[data-material="legendary"] .ft-runes,.ft-wings,.ft-crown{filter:drop-shadow(0 0 3px var(--ft-secondary))}
.ft-art-missing{background:radial-gradient(ellipse at 50% 30%,var(--ft-primary),#10131b 75%)}.ft-missing-architecture{position:absolute;inset:15% 10% 25%;display:grid;place-items:center;opacity:.4}.ft-missing-architecture .ft-symbol{width:45%;height:auto;position:absolute;top:12%;opacity:.8}.ft-missing-architecture i{position:absolute;inset:5% 8%;border:1px solid var(--ft-metal);border-radius:48% 48% 0 0;box-shadow:inset 5px 0 #03050a33,inset -5px 0 #03050a33}.ft-missing-architecture i:nth-of-type(2){inset:13% 18% 0}.ft-missing-architecture i:nth-of-type(3){inset:23% 28% 0}.ft-missing-label{position:absolute;top:46%;left:8%;right:8%;font-size:clamp(7px,2.5cqw,10px);letter-spacing:1.2px;text-align:center;color:#e4d7bca3}
.ft-card[data-pattern="deco"] .ft-missing-architecture i,.ft-card[data-pattern="urban"] .ft-missing-architecture i{border-radius:0;transform:skewY(-7deg)}.ft-card[data-pattern="palace"] .ft-missing-architecture i{border-radius:0;clip-path:polygon(0 25%,50% 0,100% 25%,90% 25%,90% 100%,10% 100%,10% 25%);background:repeating-linear-gradient(90deg,transparent 0 20%,#d6b27124 21% 22%,transparent 23% 30%)}.ft-card[data-pattern="cloud"] .ft-missing-architecture i,.ft-card[data-pattern="sword"] .ft-missing-architecture i{border-radius:4px 65% 4px 20%;transform:rotate(-12deg)}.ft-card[data-pattern="prism"] .ft-missing-architecture i,.ft-card[data-pattern="circuit"] .ft-missing-architecture i{border-radius:0;transform:rotate(45deg) scale(.8);background:repeating-linear-gradient(45deg,transparent 0 18px,#d4dfdf15 19px 20px)}.ft-card[data-pattern="rose"] .ft-missing-architecture i,.ft-card[data-pattern="feather"] .ft-missing-architecture i{border-radius:65% 3% 65% 3%;transform:rotate(20deg)}.ft-card[data-pattern="salvage"] .ft-missing-architecture i{border-radius:0;border-style:dashed;transform:skew(-5deg,6deg)}.ft-card[data-pattern="divine"] .ft-missing-architecture i,.ft-card[data-pattern="grimoire"] .ft-missing-architecture i{border-radius:50% 50% 1% 1%;border-top-width:4px}.ft-card[data-pattern="hourglass"] .ft-missing-architecture i,.ft-card[data-pattern="zodiac"] .ft-missing-architecture i{border-radius:50%;transform:rotate(30deg) scaleY(.75)}.ft-card[data-pattern="veil"] .ft-missing-architecture{filter:blur(.3px)}.ft-card[data-pattern="lunar"] .ft-missing-architecture i{border-radius:45% 45% 12% 12%;transform:scaleX(.9)}.ft-card[data-pattern="shield"] .ft-missing-architecture i{border-radius:10% 10% 50% 50%}.ft-card[data-pattern="crest"] .ft-missing-architecture i{border-radius:50% 50% 25% 25%;transform:rotate(-7deg)}.ft-card[data-pattern="portal"] .ft-missing-architecture i{border-radius:50% 50% 0 0;transform:perspective(200px) rotateY(15deg)}.ft-card[data-pattern="arcana"] .ft-missing-architecture i{border-radius:0;transform:rotate(45deg) scale(.7)}
@keyframes ft-twinkle{0%,100%{opacity:.65}50%{opacity:1}}@keyframes ft-mote{0%,100%{opacity:0;transform:translate3d(0,5px,0)}45%{opacity:.6}75%{opacity:.1;transform:translate3d(4px,-18px,0)}}@keyframes ft-orbit{to{transform:rotate(385deg)}}@keyframes ft-reveal{0%{transform:translateY(12px) rotateY(180deg);opacity:.1}35%{opacity:1;transform:translateY(0) rotateY(180deg)}100%{transform:rotateY(0)}}.ft-enter .ft-turntable{animation:ft-reveal 1.35s cubic-bezier(.2,.6,.2,1) both}
html[data-ft-quality="low"] .ft-particles,html[data-ft-quality="low"] .ft-halo{display:none}html[data-ft-quality="low"] .ft-star,html[data-ft-quality="medium"] .ft-halo i{animation:none}html[data-ft-quality="high"] .ft-particles>i{display:block}.ft-gallery .ft-particles,.ft-gallery .ft-halo{display:none}.ft-gallery .ft-star{animation:none}
html[data-ft-reduce="true"] .ft-card *,html[data-ft-reduce="true"] .ft-story-progress i{animation:none!important;transition:none!important}html[data-ft-reduce="true"] .ft-particles{display:none}html[data-ft-reduce="true"] .ft-turntable{transform:none}html[data-ft-reduce="true"] .ft-is-back .ft-turntable{transform:rotateY(180deg)}@media(prefers-reduced-motion:reduce){.ft-card *, .ft-story-progress i{animation:none!important;transition:none!important}}
.ft-dialog{position:fixed;inset:0;margin:auto;border:1px solid #927c55;background:#11151c;color:#e8dfcd;border-radius:18px;width:min(680px,94vw);max-height:88dvh;padding:30px;font:15px/1.8 Arial,sans-serif;overflow:auto}.ft-dialog::backdrop{background:#040609dc;backdrop-filter:blur(7px)}.ft-dialog h2{font:400 30px/1.25 Georgia,serif;margin:8px 30px 20px 0}.ft-dialog label{display:block;margin:16px 0}.ft-dialog select{display:block;width:100%;margin-top:8px}.ft-dialog a{color:#e4c78f}.ft-close{position:absolute;right:14px;top:12px;min-width:32px;min-height:32px;background:transparent;border:1px solid #d4b98150;color:#e2d8c6;font-size:24px}.ft-dialog .ft-check{display:flex;align-items:center;gap:10px}.ft-dialog .ft-check input{width:auto}.ft-story-text{white-space:pre-line;font-size:18px;line-height:1.85;color:#eee5d8}.ft-story-controls{display:flex;gap:10px;position:sticky;bottom:-30px;background:#11151cf5;padding:16px 0}.ft-story-status{font-size:12px;color:#b2ada5}.ft-story-progress{height:2px;background:#d6c49622;margin-bottom:20px}.ft-story-progress i{height:100%;display:block;background:#ddc28d;transform-origin:left;animation:ft-progress 60s linear both}@keyframes ft-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}.ft-kicker{font-size:10px;letter-spacing:2px;color:#c0aa7a}
/* Existing authenticated studio and ranking use the same card without touching their controls. */
.studio-mode #activeCard{width:min(390px,calc((100dvh - 160px)*.642));margin:auto}.studio-mode .play-phone{background:#0c1018!important;max-width:510px}.studio-mode .play-status{color:#b3afa4}.studio-mode .play-toolbar,.studio-mode .play-bottom{color:#ded4be}.studio-mode .play-toolbar button,.studio-mode .play-bottom button{background:#181d26;color:#e3d5bb;border-color:#8c79514a}.studio-mode .play-toolbar .primary{background:#bba06d;color:#101218}.rank-full .ft-card{max-width:365px}.detail-grid .ft-card{max-width:365px}.ft-settings-trigger{font-size:11px!important}
/* Standalone showroom and 9:16 livestream; admin stylesheet is never loaded here. */
.ft-showroom{margin:0;color:var(--ft-paper);background:var(--ft-bg);font:14px/1.6 Arial,sans-serif;min-height:100dvh;color-scheme:dark}.ft-showroom *{box-sizing:border-box}.ft-showroom button,.ft-showroom select,.ft-showroom input{font:inherit;min-height:40px;border:1px solid #b99b6350;border-radius:6px;color:#ded7c7;background:#171b22;padding:8px 12px}.ft-showroom button{cursor:pointer}.ft-showroom button:hover{border-color:#c4ab79}.ft-showroom button:disabled{opacity:.45;cursor:not-allowed}.ft-showroom a{color:#d9c18c;text-decoration:none}.ft-showroom .ft-primary{background:#c7ac78;color:#101217;border-color:#dec48c}.ft-site-header{max-width:1320px;margin:auto;padding:27px 42px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ft-line);gap:20px}.ft-wordmark{display:flex;align-items:center;gap:13px;font:400 15px/1.4 Georgia,serif;letter-spacing:2px}.ft-wordmark svg{width:32px;height:40px;color:#ccb680}.ft-wordmark small{display:block;font:9px/1.7 Arial,sans-serif;letter-spacing:3px;color:#9d9585}.ft-site-header nav{display:flex;gap:25px;font-size:11px;letter-spacing:1px}.ft-site-header a{color:#b7b0a4}.ft-site-header a:hover{color:#f0dab1}.ft-site-main{max-width:1320px;margin:auto;padding:0 42px}.ft-intro{display:flex;align-items:flex-end;justify-content:space-between;padding:48px 0 32px;gap:30px}.ft-intro h1{font:400 clamp(33px,4vw,52px)/1.13 Georgia,serif;margin:12px 0;color:#f1e8d7;letter-spacing:-1.5px}.ft-intro h1 em{font-weight:400;color:#c5a973}.ft-intro p{color:#a8a69e;max-width:410px;font-size:13px}.ft-reference{color:#aa9b7d;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;border-left:1px solid #8e795344;padding-left:16px;max-width:240px}.ft-samples{display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:center;gap:60px;max-width:1030px;margin:24px auto 64px}.ft-sample:nth-child(1){transform:rotate(-4deg);margin-top:24px}.ft-sample:nth-child(3){transform:rotate(4deg);margin-top:24px}.ft-sample>p{font-size:10px;color:#a99e8c;letter-spacing:1.8px;text-align:center;margin-top:18px}.ft-sample>p b{font-weight:400;color:#e2c58d}.ft-divider{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--ft-line);padding-top:26px;margin-bottom:24px}.ft-divider h2{font:400 27px/1.2 Georgia,serif;margin:0}.ft-divider p{color:#a5a198;font-size:12px;margin:7px 0}.ft-workbench{display:grid;grid-template-columns:minmax(260px,350px) 1fr;gap:48px;border:1px solid var(--ft-line);background:#10141ac4;padding:34px;margin-bottom:60px;border-radius:12px}.ft-workbench-preview{padding:8px 0}.ft-workbench-controls h3{font:400 27px/1.2 Georgia,serif;margin:0 0 20px}.ft-controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ft-controls-grid label{font-size:11px;color:#b9ae98}.ft-controls-grid select{display:block;width:100%;margin-top:7px;max-width:100%}.ft-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.ft-status{font-size:12px;color:#b5aa94;min-height:20px}.ft-asset-note{border-left:2px solid #806a46;padding:12px 15px;margin-top:25px;font-size:12px;color:#aaa69d;background:#ba945d08}.ft-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 22px;margin-bottom:60px}.ft-world-tile{min-width:0}.ft-world-tile>h3{font-size:11px;font-weight:400;line-height:1.5;margin:12px 0 3px;color:#d5c8b0}.ft-world-tile>p{font-size:10px;color:#938d81;line-height:1.6;margin:0}.ft-tiers{grid-template-columns:repeat(6,minmax(0,1fr))}.ft-tier-caption{text-align:center;color:#b7a57f;font-size:10px;letter-spacing:1px}.ft-site-footer{padding:26px 0 36px;border-top:1px solid var(--ft-line);display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8e8a81;letter-spacing:1px}
.ft-live-page{margin:0;overflow:hidden;background:#05070b}.ft-live-canvas{position:relative;isolation:isolate;width:min(100vw,56.25dvh);height:100dvh;margin:auto;aspect-ratio:9/16;--safe-top:9;--safe-right:13;--safe-bottom:24;padding:calc(var(--safe-top)*1dvh) calc(var(--safe-right)*1%) calc(var(--safe-bottom)*1dvh) 5%;background:radial-gradient(ellipse at 50% 37%,#322638aa,#0b0e14 62%)}.ft-live-canvas::before{content:'';position:absolute;inset:4%;border:1px solid #bf9f6730;pointer-events:none;z-index:-1}.ft-live-brand{position:absolute;left:7%;top:3%;right:15%;font:400 clamp(10px,1.9dvh,21px)/1.6 Georgia,serif;letter-spacing:2px;color:#ceba8d}.ft-live-brand small{display:block;font:8px/1.6 Arial,sans-serif;letter-spacing:2.5px;color:#a59a85}.ft-live-stage{height:100%;display:grid;place-items:center;container-type:size}.ft-live-stage .ft-card{width:min(100cqw,64cqh);max-width:none}.ft-live-caption{position:absolute;bottom:calc(var(--safe-bottom)*1dvh - 45px);left:7%;right:19%;text-align:center;font:11px/1.6 Arial,sans-serif;color:#b3a68d}.ft-live-controls{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);width:min(900px,95vw);z-index:20;background:#10151cf0;border:1px solid #8e795344;padding:12px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;backdrop-filter:blur(12px);border-radius:12px}.ft-safe-panel{position:fixed;right:20px;top:20px;z-index:22;background:#12161ef2;border:1px solid var(--ft-line);padding:20px;width:260px;border-radius:12px}.ft-safe-panel[hidden]{display:none}.ft-safe-panel label{display:block;color:#d1c6b2;font-size:12px;margin:15px 0}.ft-safe-panel input{display:block;width:100%;padding:0}.ft-safe-panel p{font-size:11px;color:#a59a85}.ft-focus .ft-live-controls,.ft-focus .ft-safe-panel{display:none!important}.ft-focus-hint{position:fixed;bottom:8px;right:12px;z-index:23;color:#c4b494;font:10px Arial,sans-serif;opacity:0;pointer-events:none}.ft-focus .ft-focus-hint{opacity:.4}.ft-live-error{position:absolute;inset:35% 10%;text-align:center;color:#efcf9c}.ft-safe-guide{position:absolute;z-index:10;top:0;right:0;bottom:0;width:calc(var(--safe-right)*1%);border-left:1px dashed #d0b27a60;pointer-events:none;display:none}.ft-guides .ft-safe-guide{display:block}
@media(max-width:1050px){.ft-samples{gap:35px}.ft-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.ft-tiers{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:720px){.ft-site-header{padding:20px;align-items:flex-start}.ft-site-header nav{gap:13px;flex-wrap:wrap;font-size:10px;max-width:145px;justify-content:flex-end}.ft-wordmark{font-size:12px;letter-spacing:1px}.ft-wordmark small{font-size:7px;letter-spacing:2px}.ft-site-main{padding:0 20px}.ft-intro{padding-top:30px;align-items:flex-start;flex-direction:column;gap:12px}.ft-intro h1{font-size:39px}.ft-reference{max-width:none}.ft-samples{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 20px 24px;margin:0 -20px 28px}.ft-sample{flex:0 0 78%;scroll-snap-align:center;transform:none!important;margin:0!important}.ft-sample .ft-card{max-width:330px}.ft-workbench{grid-template-columns:1fr;gap:28px;padding:22px}.ft-workbench-preview .ft-card{max-width:330px}.ft-workbench-controls{min-width:0}.ft-controls-grid{grid-template-columns:1fr}.ft-gallery,.ft-tiers{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.ft-divider{align-items:flex-start;flex-direction:column;gap:10px}.ft-site-footer{flex-direction:column;gap:6px}.ft-dialog{padding:22px}.ft-story-text{font-size:17px}.ft-live-controls{gap:6px;padding:9px}.ft-live-controls button{font-size:11px;padding:6px 9px;min-height:35px}.ft-safe-panel{right:10px;top:10px}.studio-mode #activeCard{width:min(350px,calc((100dvh - 155px)*.642),94vw)}}
.ft-card[data-material="bronze"]{--ft-metal:#b58b61!important}.ft-card[data-material="silver"]{--ft-metal:#c3c9d2!important}.ft-card[data-material="gold"]{--ft-metal:#c7a55d!important}.ft-card[data-material="platinum"]{--ft-metal:#ced8df!important}.ft-card[data-material="legendary"]{--ft-metal:#d4c097!important}.ft-card[data-material="celestial"]{--ft-metal:#eee5cd!important}.ft-card[data-material="mythic"]{--ft-metal:#f1daa5!important}
.ft-attribute span{font-size:clamp(10px,2.75cqw,12px)}.ft-attribute b{font-size:clamp(11px,3.2cqw,14px)}
.ft-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.ft-tiers{grid-template-columns:repeat(4,minmax(0,1fr))}
.ft-live-page{display:grid;place-items:center;min-height:100dvh}.ft-live-canvas{height:min(100dvh,177.777778vw);--ft-hunit:min(1dvh,1.77777778vw);padding-top:calc(var(--safe-top)*var(--ft-hunit));padding-bottom:calc(var(--safe-bottom)*var(--ft-hunit))}.ft-live-caption{bottom:calc(var(--safe-bottom)*var(--ft-hunit) - 45px)}
@media(max-width:1050px){.ft-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.ft-tiers{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.ft-gallery,.ft-tiers{grid-template-columns:1fr;max-width:340px;margin-left:auto;margin-right:auto}.ft-gallery .ft-card{max-width:330px}.ft-world-tile>h3{font-size:14px}.ft-world-tile>p{font-size:12px}}
.ft-back{box-shadow:inset 0 0 0 4px var(--ft-metal),inset 0 0 0 7px #080b11,inset 0 0 0 8px #c5b18b80,inset 0 0 35px #0008}
.rank-full .ft-particles,.rank-full .ft-halo{display:none}.rank-full .ft-star{animation:none}
.ft-enter[data-material="legendary"] .ft-particles i,.ft-enter[data-material="celestial"] .ft-particles i,.ft-enter[data-material="mythic"] .ft-particles i{animation:ft-burst 1.3s ease-out both;animation-delay:calc(var(--i)*.025s)}
@keyframes ft-burst{0%{opacity:0;transform:translate3d(0,18px,0) scale(.3)}25%{opacity:.85}100%{opacity:0;transform:translate3d(calc((var(--i) - 5)*9px),-50px,0) scale(1.4)}}
@media(max-width:720px){.ft-site-header{flex-direction:column;align-items:stretch;gap:16px}.ft-wordmark{white-space:nowrap;font-size:14px}.ft-site-header nav{max-width:none;justify-content:flex-start;gap:20px}}
body.studio-mode{background:#0b0d11!important;color:#e8dfcd}.studio-mode .play-toolbar #summonNow{background:#c7ac7a;border-color:#d3bb88;color:#12151b}.studio-mode .play-status #sessionStatus{color:#baab8b}
/* V8 optical glints: a brief white core, diffraction rays and faint spectral echo. */
.ft-diamonds{position:absolute;inset:0;pointer-events:none;z-index:9;overflow:visible}.ft-diamonds>i{position:absolute;left:var(--gx);top:var(--gy);width:var(--size);height:var(--size);opacity:0;transform:translate(-50%,-50%) scale(.15) rotate(12deg);animation:ft-diamond-flash var(--cycle) linear infinite;animation-delay:var(--delay);background:radial-gradient(circle,#fff 0 5%,#fff7d9 7%,#e8f4ff88 12%,transparent 36%);will-change:transform,opacity}.ft-diamonds>i:before,.ft-diamonds>i:after,.ft-diamonds b{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,#d9f0ff80 38%,#fff 49%,#fff 51%,#ffe6bd80 62%,transparent 100%);clip-path:polygon(0 49%,44% 44%,49% 0,51% 0,56% 44%,100% 49%,100% 51%,56% 56%,51% 100%,49% 100%,44% 56%,0 51%)}.ft-diamonds>i:after{transform:rotate(90deg)}.ft-diamonds b{transform:rotate(45deg) scale(.55);opacity:.5;background:#d6e7ff}
@keyframes ft-diamond-flash{0%,63%,83%,100%{opacity:0;transform:translate(-50%,-50%) scale(.15) rotate(12deg)}68%{opacity:.25;transform:translate(-50%,-50%) scale(.55) rotate(16deg)}71%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(18deg)}74%{opacity:.45;transform:translate(-50%,-50%) scale(.7) rotate(20deg)}79%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(23deg)}}
.ft-world-carving{stroke-linejoin:round;stroke-linecap:round}.ft-tier-jewels{filter:drop-shadow(0 0 2px var(--ft-secondary))}.ft-card{--ft-tier:1;box-shadow:0 20px 45px #0009,0 0 calc(var(--ft-tier)*2px) color-mix(in srgb,var(--ft-secondary) 20%,transparent)}
.ft-card[data-star='1'] .ft-world-carving{opacity:.45}.ft-card[data-star='2'] .ft-world-carving{opacity:.65}.ft-card[data-star='3'] .ft-frame,.ft-card[data-star='4'] .ft-frame{filter:drop-shadow(0 1px 1px #fff4)}
.ft-card[data-star='5'] .ft-frame,.ft-card[data-star='6'] .ft-frame{filter:drop-shadow(0 0 3px #efc56c66)}
.ft-card[data-star='7'] .ft-frame,.ft-card[data-star='8'] .ft-frame{filter:drop-shadow(0 0 4px var(--ft-secondary))}.ft-card[data-star='9'] .ft-frame,.ft-card[data-star='10'] .ft-frame{filter:drop-shadow(0 0 5px #f6df9b99)}
.ft-card[data-star='11'] .ft-frame{filter:drop-shadow(0 0 7px #f8eacaaa)}.ft-card[data-star='12'] .ft-frame{filter:drop-shadow(0 0 9px #ffecc9cc)}
.ft-card[data-star='11'] .ft-halo,.ft-card[data-star='12'] .ft-halo{display:block!important;opacity:.65}.ft-card[data-star='12'] .ft-halo{opacity:.9;background:radial-gradient(ellipse at center,transparent 47%,#fff1c423 58%,transparent 70%)}
.ft-card[data-star='12'] .ft-wings,.ft-card[data-star='11'] .ft-wings{stroke:#fff2ce;stroke-width:4}.ft-card[data-star='12'] .ft-crown{fill:#e6c78166;stroke:#fff2c9;stroke-width:3}
.ft-card[data-pattern='deco'] .ft-back-engraving{border-radius:0;transform:rotate(45deg)}.ft-card[data-pattern='hourglass'] .ft-back-engraving{border-radius:50%;border-style:double}.ft-card[data-pattern='portal'] .ft-back-engraving{border-radius:50% 50% 0 0}.ft-card[data-pattern='cloud'] .ft-back-engraving{border-radius:45% 15%}.ft-card[data-pattern='sword'] .ft-back-engraving{border-radius:0;transform:rotate(-12deg)}.ft-card[data-pattern='zodiac'] .ft-back-engraving{border-radius:50%;outline:4px double var(--ft-metal)}.ft-card[data-pattern='divine'] .ft-back-engraving{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.ft-card[data-pattern='circuit'] .ft-back-engraving{border-radius:0;border-style:dashed}.ft-card[data-pattern='lunar'] .ft-back-engraving{border-radius:25%;transform:rotate(45deg)}.ft-card[data-pattern='salvage'] .ft-back-engraving{border-style:dashed;transform:rotate(-8deg)}.ft-card[data-pattern='feather'] .ft-back-engraving{border-radius:0 70% 0 70%}.ft-card[data-pattern='rose'] .ft-back-engraving{border-radius:40% 60% 40% 60%}.ft-card[data-pattern='grimoire'] .ft-back-engraving{border-radius:50% 50% 5% 5%;outline:3px double var(--ft-metal)}.ft-card[data-pattern='urban'] .ft-back-engraving{border-radius:3%;border-width:6px}.ft-card[data-pattern='palace'] .ft-back-engraving{border-radius:0;outline:5px double var(--ft-metal)}.ft-card[data-pattern='prism'] .ft-back-engraving{border-radius:0;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%)}.ft-card[data-pattern='shield'] .ft-back-engraving{border-radius:5% 5% 50% 50%}.ft-card[data-pattern='crest'] .ft-back-engraving{border-radius:20% 20% 40% 40%;border-style:double}.ft-card[data-pattern='veil'] .ft-back-engraving{border-radius:60% 20%;transform:rotate(15deg)}
/* Large comparison galleries stay static; selected/live cards carry full optics. */
.ft-gallery .ft-diamonds,.ft-tiers .ft-diamonds,.rank-full .ft-diamonds{display:none}
html[data-ft-quality='medium'] .ft-diamonds>i:nth-child(n+7){display:none}html[data-ft-quality='low'] .ft-diamonds,html[data-ft-reduce='true'] .ft-diamonds{display:none}
html[data-ft-reduce='true'] .ft-halo i,html[data-ft-quality='low'] .ft-halo i{animation:none!important}
@media(prefers-reduced-motion:reduce){.ft-diamonds{display:none}.ft-halo i{animation:none!important}}
.ft-showroom-page{overflow-x:clip}.ft-card .ft-diamonds{overflow:hidden;border-radius:inherit}.ft-card[data-star='11'] .ft-halo,.ft-card[data-star='12'] .ft-halo{max-width:100%}.ft-world-carving{opacity:.9}.ft-card[data-star='1'] .ft-tier-jewels{opacity:.45}
.ft-card[data-star='1'] .ft-frame,.ft-card[data-star='2'] .ft-frame{filter:none}.ft-card[data-star='1'] .ft-world-carving{opacity:.25}.ft-card[data-star='1'] .ft-frame>g>rect,.ft-card[data-star='1'] .ft-frame>g>path:not(.ft-world-outline){opacity:.35}
.ft-card[data-star='9'] .ft-energy-inlay,.ft-card[data-star='10'] .ft-energy-inlay{stroke-width:2}.ft-card[data-star='11'] .ft-energy-inlay{stroke-width:3}.ft-card[data-star='12'] .ft-energy-inlay{stroke-width:4}
html[data-ft-quality='low'] .ft-halo{display:none!important}.ft-gallery .ft-halo,.ft-tiers .ft-halo,.rank-full .ft-halo{display:none!important}
@media(max-width:720px){html,body{overflow-x:clip}}
/* Keep the modal close control above 3D card stacking contexts on touch screens. */
#detail>.dialog-close{position:sticky;top:0;z-index:1000;display:block;margin-left:auto;float:none;background:#182233;isolation:isolate}#detail{overflow-x:clip}