.themed-background{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.decor-landscape{width:100%;height:100%;display:block}.decor-preview{background:#162820;border-radius:9px;height:190px;overflow:hidden}.decor-preview .decor-landscape{object-fit:cover;width:100%;height:100%}.board-swatch{filter:drop-shadow(0 8px 10px #0005);width:100%;height:100%;display:block}.preview-board{background:radial-gradient(#52655d,#152721);padding:10px}.decor-card{background:#233229;border:1px solid #516052;border-radius:12px;grid-template-columns:minmax(0,1fr) 220px;gap:20px;padding:14px;display:grid}.decor-details{flex-direction:column;justify-content:center;gap:9px;display:flex}.decor-details h2{color:#f3dfad;margin:0;font-size:20px}.decor-details p{color:#bdcabb;margin:0;font-size:13px;line-height:1.6}.decor-details b{color:#f3cf84;font-size:15px}.decor-details small{color:#aebdaf}.decor-details button{color:#232a21;background:#e0bb6d;border-radius:7px;padding:10px;font-weight:700}.decor-default{color:#ead5a5;background:#24362e;border:1px solid #b89b60;border-radius:7px;margin:0 0 16px;padding:9px 15px}.decor-default:disabled{opacity:.5}.is-animated .decor-mist{animation:35s ease-in-out infinite alternate decor-mist}.is-animated .decor-tree{transform-box:view-box;animation:7s ease-in-out infinite alternate decor-sway}.is-animated .decor-particle{animation:15s linear infinite decor-fall}.is-animated .particle-bamboo{animation-name:decor-firefly}.is-animated .particle-stars{animation-name:decor-spark}.is-animated .decor-twinkle{animation:4s ease-in-out infinite alternate decor-spark}.is-animated .decor-water{animation:6s ease-in-out infinite alternate decor-water}.is-animated .decor-shooting{animation:12s linear infinite decor-shooting}.is-animated .decor-aurora{animation:30s ease-in-out infinite alternate decor-mist}.is-animated .decor-boat{transform-box:fill-box;animation:18s ease-in-out infinite alternate decor-boat}@keyframes decor-mist{0%{translate:-55px -7px}to{translate:60px 14px}}@keyframes decor-sway{0%{rotate:-1deg}to{rotate:1.5deg}}@keyframes decor-fall{0%{opacity:0;translate:-30px -150px}15%{opacity:.85}85%{opacity:.85}to{opacity:0;translate:110px 270px}}@keyframes decor-firefly{0%,to{opacity:.2;translate:0}50%{opacity:1;translate:24px -32px}}@keyframes decor-spark{0%{opacity:.15}to{opacity:.95}}@keyframes decor-water{0%{opacity:.1;translate:-12px}to{opacity:.4;translate:15px}}@keyframes decor-shooting{0%,78%{opacity:0;translate:0}80%{opacity:1}90%,to{opacity:0;translate:-380px 250px}}@keyframes decor-boat{0%{translate:-24px}to{translate:28px 3px}}body[data-shop-open=true] .themed-background *{animation-play-state:paused!important}@media (max-width:650px){.decor-card{grid-template-columns:1fr;gap:12px}.decor-preview{height:155px}.decor-details{grid-template-columns:1fr auto;gap:7px 12px;display:grid}.decor-details p{grid-column:1/-1}.decor-details small{align-self:center}.decor-details h2{font-size:18px}.themed-background .decor-landscape{min-width:100%}}@media (prefers-reduced-motion:reduce){.is-animated *{animation:none!important}}.decor-card:has(.preview-background){grid-template-columns:minmax(250px,36%) 1fr}.preview-background{background:#0d1c21}.decor-card:has(.preview-background) .decor-details{padding:0 12px}.decor-card:has(.preview-background) .decor-details button{max-width:300px}@media (max-width:650px){.decor-card:has(.preview-background){grid-template-columns:1fr}.decor-card:has(.preview-background) .decor-details{padding:0}.decor-card:has(.preview-background) .decor-details button{max-width:none}}.decor-card:has(.preview-board){grid-template-columns:minmax(160px,32%) minmax(0,1fr);gap:24px;padding:16px 22px}.preview-board{background:radial-gradient(at 50% 45%,#405049 0%,#19241f 70%);border:1px solid #63705c40;height:224px;padding:8px 20px}.preview-board .board-swatch{filter:drop-shadow(0 5px 5px #0008);width:auto;max-width:100%;height:100%;margin:auto}.decor-card:has(.preview-board) .decor-details{align-items:flex-start;gap:8px;padding:8px 0}.decor-card:has(.preview-board) .decor-details button{min-width:190px;max-width:100%;margin-top:4px}@media (max-width:650px){.decor-card:has(.preview-board){grid-template-columns:125px minmax(0,1fr);gap:12px;padding:10px}.preview-board{height:174px;padding:5px}.decor-card:has(.preview-board) .decor-details{gap:6px;min-width:0;padding:0;display:flex}.decor-card:has(.preview-board) .decor-details h2{font-size:17px}.decor-card:has(.preview-board) .decor-details p{font-size:11px;line-height:1.45}.decor-card:has(.preview-board) .decor-details small{align-self:auto;font-size:10px;line-height:1.4}.decor-card:has(.preview-board) .decor-details button{width:100%;min-width:0;padding:8px 4px;font-size:12px}}@media (max-width:360px){.decor-card:has(.preview-board){grid-template-columns:104px minmax(0,1fr);gap:9px}.preview-board{height:154px}}.gate-background{background:#0b1d30 url(/previews/pavilion.svg) 50%/cover no-repeat}.gate-background.is-loaded{background:linear-gradient(#79bddd,#b8d7e4 60%,#10488e)}.gate-background canvas{opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.gate-background.is-loaded canvas{opacity:1}.gate-shade{z-index:1;background:linear-gradient(#0000 35%,#071e4824);position:absolute;inset:0}.preview-gate img{object-fit:cover;width:100%;height:100%;display:block}.desert-background{background:#554c3f url(/backgrounds/desert-flags.jpg) 50%/cover no-repeat}.desert-background canvas,.desert-preview{object-fit:cover;width:100%;height:100%;display:block}.realm-preview{object-fit:contain;width:100%;height:100%;display:block}.decor-card:has(.preview-realm){grid-template-columns:minmax(0,1.6fr) minmax(200px,1fr)}.preview-board.preview-realm{aspect-ratio:738/365;background:#344b40;height:auto;padding:0}.preview-realm .realm-preview{object-fit:contain}@media (max-width:650px){.decor-card:has(.preview-realm){grid-template-columns:1fr}.preview-board.preview-realm{aspect-ratio:738/365;height:auto}.decor-card:has(.preview-realm) .decor-details button{width:100%}}.scenic-background{pointer-events:none;contain:strict;isolation:isolate;background:linear-gradient(#343735,#555853 45%,#383e3a 76%,#252b28);position:absolute;inset:0;overflow:hidden}.ink-paper{opacity:.16;mix-blend-mode:soft-light;z-index:5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23aaa' filter='url(%23n)' opacity='.55' d='M0 0h160v160H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.ink-moon{aspect-ratio:1;opacity:.37;background:radial-gradient(circle at 42% 38%,#d1d0c4,#b2b4a9 72%,#9eaaa000);border-radius:50%;width:clamp(40px,5vw,78px);position:absolute;top:14%;left:16%;box-shadow:0 0 50px 25px #d0cfc40b}.ink-mountains{width:100%;height:100%;position:absolute;inset:0}.ink-cloud{opacity:.8;background:radial-gradient(at 20% 60%,#d7d8cf38 0%,#c8cdc516 24%,#0000 46%),radial-gradient(at 51% 45%,#e0e1d641 0%,#c4c9c11a 26%,#0000 48%),radial-gradient(at 80% 65%,#d1d7ce33,#0000 43%);width:165%;height:32%;animation:44s ease-in-out infinite alternate ink-cloud-drift;position:absolute;left:-30%;transform:translate(-7%)}.ink-cloud-far{height:28%;animation-duration:57s;animation-delay:-19s;top:18%}.ink-cloud-middle{opacity:.65;animation-duration:43s;animation-delay:-29s;top:43%}.ink-cloud-low{opacity:.46;height:22%;animation-duration:36s;animation-delay:-8s;top:73%}.ink-cloud-bank{pointer-events:none;opacity:.85;width:44%;height:16%;min-height:75px;animation:19s ease-in-out infinite alternate ink-cloud-bank-drift;position:absolute;overflow:visible}.ink-cloud-bank-0{animation-delay:-5s;top:16%;left:-12%}.ink-cloud-bank-1{animation-duration:23s;animation-delay:-13s;top:28%;right:-12%}.ink-cloud-bank-2{opacity:.63;animation-duration:26s;animation-delay:-10s;top:47%;left:-15%}.ink-cloud-bank-3{opacity:.57;animation-duration:21s;animation-delay:-3s;top:63%;right:-14%}@keyframes ink-cloud-bank-drift{0%{transform:translate(-38px,5px)}to{transform:translate(58px,-8px)}}@media (max-width:600px){.ink-cloud-bank{width:72%;height:17%}.ink-cloud-bank-0{top:11%;left:-24%}.ink-cloud-bank-1{top:22%;right:-27%}.ink-cloud-bank-2{top:62%;left:-32%}.ink-cloud-bank-3{top:76%;right:-30%}}.ink-pine{opacity:.86;width:clamp(140px,22%,340px);height:83%;position:absolute;bottom:-9%;overflow:visible}.ink-pine-left{left:-5%}.ink-pine-right{opacity:.65;height:68%;right:-6%;transform:scaleX(-1)}.ink-pine-sway{transform-origin:35px 750px;animation:10s ease-in-out infinite alternate ink-tree-sway}.ink-pine-right .ink-pine-sway{animation-duration:13s;animation-delay:-4s}.ink-pine-needles{transform-box:fill-box;transform-origin:bottom;animation:6s ease-in-out infinite alternate ink-needles-sway}.ink-vignette{background:radial-gradient(at 50% 46%,#0000 28%,#0e121245 100%),linear-gradient(#11171435,#0000 27% 78%,#12181566);position:absolute;inset:0}.arena>.board-wrap{z-index:1}@keyframes ink-cloud-drift{0%{transform:translate(-7%,2%)}to{transform:translate(8%,-5%)}}@keyframes ink-tree-sway{0%{transform:rotate(-1.2deg)}to{transform:rotate(1.5deg)}}@keyframes ink-needles-sway{0%{transform:rotate(-1deg)translate(-1px)}to{transform:rotate(1.4deg)translate(1px)}}:root{--bg:#191b1b;--panel:#282b2a;--line:#414642;--muted:#a4aaa5}body,header{background:#191c1b}.arena{background:#333936;border-color:#454b46}.arena-toolbar{background:#202622e6}.room-card{background:linear-gradient(140deg,#303632,#232925);border-color:#454d47}.figure-preview{background:radial-gradient(at 38% 45%,#4a514aaa,#252c27 72%);border-color:#454d47}.tabs{background:#222823;border-color:#414942}.tabs .chosen{background:#3e463e}.join input{background:#202722}.board-tools button{background:#202822a8;border-color:#49524b}.board-hint{background:#212923b3}.sound-panel{background:#262d28}@media (max-width:600px){.ink-pine{opacity:.66;width:29%;height:74%}.ink-pine-left{left:-10%}.ink-pine-right{height:61%;right:-11%}.ink-moon{left:12%}}@media (prefers-reduced-motion:reduce){.scenic-background *{animation:none!important}}