/* CraftStube Studio: live 3D, deliberate motion, image-led stories and editorial tools. */
.site-header nav{gap:20px}.motion-toggle{display:inline-flex;align-items:center;gap:6px;background:none;color:#a8b9cb;border:1px solid #ffffff22;border-radius:5px;min-height:36px;padding:7px 9px;font-size:8px;font-weight:650}.motion-toggle .icon{width:14px;height:14px}.motion-toggle[aria-pressed=true]{color:#f0c879;border-color:#c5a66b55}.feature-content{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;min-height:600px}.feature-copy h1{font-size:clamp(40px,4.6vw,68px)}.feature-copy>p:not(.eyebrow){font-size:14px;max-width:475px}.feature-scene{transition:background-image .7s ease}.hero-world{min-width:0;position:relative;background:#12223655;border:1px solid #ffffff2b;border-radius:18px;box-shadow:0 30px 70px #0003,inset 0 1px #ffffff1c;backdrop-filter:blur(10px);transform:translateY(6px);animation:world-enter 1s ease both}.world-stage-header{display:flex;justify-content:space-between;align-items:center;padding:20px 23px;color:#a8bfd6;font-size:10px}.scene-live-label{color:#f2d69b;font-size:8px;letter-spacing:1.7px;font-weight:750}.world-stage-header b{font-size:16px;color:#fff;margin-right:3px}.world-canvas-box{height:340px;position:relative;min-width:0}.world-canvas-box canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab;position:relative;z-index:2}.world-canvas-box canvas:active{cursor:grabbing}.world-fallback-caption{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:35px;font-size:20px;font-weight:750;opacity:.8;z-index:1;background:url('/assets/adventure-wide.webp') center/cover;border-radius:10px}.hero-world[data-world=ready] .world-fallback-caption{display:none}.hero-world[data-world=fallback] canvas{visibility:hidden}.world-stage-footer{display:grid;gap:12px;padding:5px 23px 21px;color:#a5bdd3;font-size:9px}.world-stage-footer>div{display:flex;gap:15px;flex-wrap:wrap}.world-stage-footer button{font-size:8px;color:#c4d1e0;background:#14283988;border:1px solid #9bbad12b;border-radius:4px;padding:6px 9px;min-height:29px}.world-stage-footer button:hover{border-color:#e3c47e;color:#fff}.hero-auto{border:1px solid #ffffff2b;background:none;padding:7px 10px;border-radius:4px;color:#c7d7e7;font-size:9px;min-height:33px;white-space:nowrap}.hero-auto[aria-pressed=false]{color:#f2ce8c}.portal-banner>.wrap{position:relative;overflow:hidden}.portal-banner>.wrap>p,.portal-banner h1,.portal-banner .breadcrumb{position:relative;z-index:2}.portal-world{position:absolute;right:10px;top:-30px;width:310px;height:285px;opacity:.6;pointer-events:none}.portal-world canvas{display:block;width:100%;height:100%}.site-announcement{padding:10px 25px;background:#e8bb63;color:#332715;font-size:11px;font-weight:650;text-align:center;line-height:1.7}.gallery-section{padding-bottom:65px}.gallery-controls{display:flex;gap:8px}.gallery-controls .secondary{padding:9px;min-height:36px}.gallery-controls .icon{width:17px;height:17px}.gallery-controls button:first-child .icon{transform:rotate(180deg)}.gallery-track{display:flex;gap:22px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:0 0 18px;scrollbar-width:thin;scrollbar-color:#aab6c3 transparent}.gallery-card{position:relative;flex:0 0 53%;min-height:310px;border:0;padding:0;overflow:hidden;isolation:isolate;border-radius:12px;color:#fff;background:#152a39;scroll-snap-align:start;text-align:left}.gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#0e1c2bd9);z-index:-1}.gallery-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;z-index:-2;transition:transform .6s}.gallery-card:hover img{transform:scale(1.045)}.gallery-card>span{position:absolute;bottom:27px;left:28px;right:55px;font-size:25px;font-weight:800;line-height:1.2;letter-spacing:-.6px}.gallery-card>.icon{position:absolute;right:23px;bottom:29px;width:22px;height:22px;color:#f3d394}.gallery-dialog{border:1px solid #6a819a;background:#172735;color:#fff;padding:18px;border-radius:14px;width:min(1100px,92vw);max-height:90vh;box-shadow:0 30px 100px #0009}.gallery-dialog::backdrop{background:#07131be8;backdrop-filter:blur(7px)}.gallery-dialog>button{display:flex;margin:0 0 15px auto;color:#fff;border-color:#547087;font-size:11px;min-height:33px}.gallery-dialog img{display:block;width:100%;max-height:68vh;object-fit:contain;border-radius:7px}.gallery-dialog h2{font-size:23px;margin:20px 5px 8px}.community-feature{position:relative;background:#243e47 url('/assets/community-wide.webp') center 45%/cover;isolation:isolate;color:#fff;margin-bottom:60px}.community-feature:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#112230ed,#11223088 55%,#11223011);z-index:-1}.community-feature>.wrap{padding-block:70px}.community-feature .eyebrow{color:#f2cd8b}.community-feature h2{font-size:44px;letter-spacing:-1.3px;line-height:1.15}.community-feature p:not(.eyebrow){max-width:440px;font-size:13px;color:#c9d9e6;margin:20px 0 25px}.news-card,.world-card,.gallery-card{will-change:auto}.world-card{transition:transform .22s,border-color .22s;transform-style:preserve-3d}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}.motion-ready .reveal:nth-child(3n+2){transition-delay:.07s}.motion-ready .reveal:nth-child(3n+3){transition-delay:.12s}.side-nav button,.secondary,.primary,.editor-entry,.ticket-row{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}.primary:hover{box-shadow:0 8px 25px #e4ab3c22;transform:translateY(-1px)}.portal-content [data-view]:not([hidden]){animation:panel-in .3s ease both}.ticket-detail:not([hidden]){animation:panel-in .25s ease both}.game-stat-heading img{transition:transform .5s}.game-stat:hover .game-stat-heading img{transform:scale(1.04)}.ticket-row:hover{box-shadow:0 6px 20px #0002}.current-session,.verified-label{animation:badge-in .4s ease both}
.portal-page [data-view=news]{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start}.portal-page [data-view=news]>#news-editor{grid-column:1;grid-row:1/3}.portal-page [data-view=news]>.news-preview{grid-column:2;grid-row:1;position:sticky;top:25px}.portal-page [data-view=news]>#editor-list-title,.portal-page [data-view=news]>#published-news,.portal-page [data-view=news]>#news-history,.portal-page [data-view=news]>#news-no-access{grid-column:1/-1}.news-preview{padding:0 0 22px;overflow:hidden;background:#f3f5f8;color:#202a37;border-color:#d4dce5}.news-preview>.preview-cover{width:100%;height:190px;object-fit:cover;display:block;margin-bottom:22px}.news-preview>.eyebrow,.news-preview>h3,.news-preview>p,.news-preview>span{margin-inline:22px}.news-preview>h3{color:#263141;font-size:24px;line-height:1.25}.news-preview>p:not(.eyebrow){color:#67768a;font-size:12px;white-space:pre-wrap}.news-preview>.eyebrow{color:#6e8194;font-size:8px}.news-preview>.subtle{color:#6e8194}.ai-compose-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px;border:1px solid #7057a355;background:#302644;border-radius:8px;margin:10px 0 22px}.ai-compose-bar>div{display:flex;align-items:center;gap:11px}.ai-compose-bar .icon{color:#c6a5ff;width:23px;height:23px}.ai-compose-bar strong{display:block;font-size:11px;color:#e1ccff}.ai-compose-bar span{display:block;font-size:8px;color:#b3a2cd;margin-top:3px}.ai-compose-bar label{font-size:8px;color:#c8b8dd;max-width:120px;display:flex;gap:6px;align-items:center;font-weight:500}.ai-compose-bar input[type=checkbox]{width:15px;height:15px;accent-color:#b48aef}.ai-compose-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:7px 0 13px}.ai-compose-actions .secondary{font-size:9px;padding:8px 11px;min-height:35px;color:#d0baf1;border-color:#8b6fb157;gap:7px}.ai-compose-actions .icon{width:15px;height:15px}.ai-compose-actions .text-link{font-size:9px}.ai-compose-actions>span{font-size:9px;color:#bba4da}.ai-comparison{background:#1b2130;border:1px solid #3b4660;border-radius:7px;padding:15px;margin-bottom:17px}.ai-comparison summary{font-size:10px;color:#bdc9dd;cursor:pointer;font-weight:700}.ai-comparison>div{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ai-comparison h4{font-size:10px;color:#a69ec2;margin:18px 0 9px}.ai-comparison pre{font:10px/1.8 "Segoe UI",Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;color:#c5d0e0;margin:0}.ai-comparison>.text-link{font-size:9px;margin-top:15px}.cover-picker{border:0;padding:0;margin:12px 0 5px;min-width:0}.cover-picker legend{font-size:11px;color:#a6b7cd;font-weight:650;padding:0;margin-bottom:12px}.cover-picker>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cover-picker button{display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:6px;background:#202a37;border:2px solid transparent;color:#9eafc5;min-width:0}.cover-picker button img{width:100%;height:48px;object-fit:cover;display:block}.cover-picker button span{font-size:7px;padding:6px 2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}.cover-picker button[aria-pressed=true]{border-color:#d1ac64;color:#f2cf8e;background:#3c3120}.cover-picker button:hover{border-color:#766340}.local-ai-panel{background:#242035;border-color:#514366}.ai-health{display:flex;align-items:center;gap:15px;margin-bottom:15px}.ai-health strong{font-size:15px;color:#d1bfef}.ai-health .ticket-badge{font-size:9px;background:#213b32;color:#a1d5bd}.ai-health .ticket-badge[data-ready=false]{background:#423321;color:#d9bb8a}.history-row{padding:18px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.history-row strong{font-size:12px;display:block}.history-row small{font-size:9px;color:#8da1ba;display:block;margin-top:6px}.history-row .secondary{min-height:32px;font-size:9px;padding:7px 10px}.editor-cover-thumb{width:90px;height:65px;object-fit:cover;border-radius:6px;margin-bottom:12px}.editor-state[data-state=scheduled]{color:#bfb1e1;background:#322b48;border-color:#6b54894d}.editor-actions{align-items:flex-end}.editor-actions .text-link{font-size:9px}.post-category{font-size:8px;font-weight:750;letter-spacing:1px;color:#698193;margin-left:auto}.pinned-mark{font-size:8px;color:#a77b22;display:block;margin-bottom:10px}.site-banner-editor{max-width:640px}#news-schedule-wrap label{font-size:10px}.form-two:has(#news-pinned){align-items:center}.form-two:has(#news-pinned) .setting-toggle{border:0;margin:0!important;padding:5px 0}.form-two:has(#news-pinned) strong{font-size:10px}.form-two:has(#news-pinned) small{font-size:8px}
@keyframes panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes world-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(6px)}}@keyframes badge-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@media(min-width:1500px){.feature-content{min-height:660px}.world-canvas-box{height:385px}.hero-world{max-width:530px;justify-self:end;width:100%}}
@media(max-width:1200px){.site-header nav{gap:13px}.motion-toggle span{display:none}.feature-content{gap:30px}.feature-copy h1{font-size:52px}.feature-copy>p:not(.eyebrow){font-size:13px}.world-canvas-box{height:300px}.world-stage-header{padding:17px 19px}.world-stage-footer{padding:5px 19px 18px}.scene-live-label{font-size:7px}.world-stage-footer>span{font-size:8px}.portal-page [data-view=news]{grid-template-columns:1fr}.portal-page [data-view=news]>#news-editor,.portal-page [data-view=news]>.news-preview{grid-column:1;grid-row:auto;position:static}.portal-page [data-view=news]>.news-preview{max-width:560px;width:100%;justify-self:center}.cover-picker>div{grid-template-columns:repeat(6,minmax(0,1fr))}.gallery-card{flex-basis:65%;min-height:300px}.portal-world{right:-35px;opacity:.45}}
@media(max-width:800px){.motion-toggle span{display:inline}.feature-content{grid-template-columns:1fr 1fr;gap:22px;min-height:510px}.feature-copy h1{font-size:43px}.feature-copy .eyebrow{font-size:8px}.feature-actions{gap:10px}.feature-actions .primary,.feature-actions .ghost-button{font-size:10px;padding:10px 12px;min-height:39px}.feature-actions .icon{width:15px;height:15px}.world-canvas-box{height:270px}.world-stage-header{padding:15px}.world-stage-header>span:last-child{font-size:8px}.world-stage-footer{padding:0 15px 15px;font-size:8px}.world-stage-footer>div{gap:7px}.world-stage-footer button{font-size:7px;padding:5px 7px;min-height:27px}.world-stage-footer>span{font-size:7px}.hero-auto{font-size:8px;padding:6px 9px}.gallery-section{padding-bottom:45px}.gallery-card{flex-basis:78%;min-height:290px}.gallery-card>span{font-size:24px}.community-feature>.wrap{padding-block:55px}.community-feature h2{font-size:38px}.portal-world{width:250px;height:240px;right:-35px;top:-20px;opacity:.35}.ai-compose-bar label{max-width:none}.cover-picker>div{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:620px){.feature-content{grid-template-columns:1fr;gap:32px;padding-top:42px;padding-bottom:35px}.feature-copy{max-width:560px}.feature-copy h1{font-size:45px}.feature-copy>p:not(.eyebrow){font-size:13px;max-width:440px}.hero-world{max-width:440px;width:100%;justify-self:center;border-radius:13px}.world-canvas-box{height:265px}.world-stage-header{padding:17px 18px}.world-stage-footer{padding:0 18px 18px}.scene-live-label{font-size:8px}.world-stage-footer>span{font-size:8px}.world-stage-footer button{font-size:8px;padding:6px 8px}.feature-bottom{flex-wrap:wrap;gap:15px}.feature-bottom>p{flex-basis:100%}.feature-bottom .slide-controls{width:auto;flex:1}.feature-bottom .slide-controls button{flex:1;font-size:8px;padding:6px 8px}.hero-auto{font-size:8px;min-height:31px}.gallery-card{flex-basis:88%;min-height:260px}.gallery-track{gap:15px}.gallery-card>span{font-size:23px;bottom:24px;left:23px}.gallery-dialog{padding:12px}.gallery-dialog h2{font-size:20px}.community-feature h2{font-size:34px}.community-feature p:not(.eyebrow){font-size:12px}.community-feature>.wrap{padding-block:48px}.portal-world{width:185px;height:195px;right:-35px;top:-5px;opacity:.23}.ai-compose-bar{align-items:flex-start;flex-direction:column;gap:13px;padding:15px}.ai-compose-bar label{font-size:9px;gap:8px}.ai-compose-bar span{font-size:9px}.ai-compose-bar strong{font-size:12px}.ai-compose-actions .secondary{font-size:9px}.ai-comparison>div{grid-template-columns:1fr;gap:3px}.ai-comparison pre{font-size:10px}.cover-picker>div{grid-template-columns:repeat(4,minmax(0,1fr))}.cover-picker button img{height:53px}.cover-picker button span{font-size:8px}.news-preview>.preview-cover{height:195px}.history-row{gap:14px;align-items:flex-start}.history-row strong{font-size:11px}.history-row small{font-size:8px}.history-row .secondary{font-size:8px;padding:6px 8px;white-space:nowrap}.ai-health strong{font-size:13px}.post-category{font-size:7px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none!important}.hero-world{animation:none;transform:none}.portal-content [data-view]{animation:none}}
.reduced-motion .reveal{opacity:1;transform:none!important;transition:none!important}.reduced-motion .hero-world{animation:none;transform:none}.reduced-motion [data-view]{animation:none!important}.reduced-motion .world-card{transform:none!important}