*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:#17384e;background:#1d2e3d;font-family:Trebuchet MS,Arial,sans-serif}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{opacity:.48;cursor:default}button:focus-visible{outline-offset:4px;outline:3px solid #04b8c3}[hidden]{display:none!important}.stage{transform-origin:50%;background:#eedbbe url(/demos/prism-atelier/assets/workshop-X2iTJx39.png) 50%/cover;position:absolute;left:50%;overflow:clip}.stage:before{content:"";background:linear-gradient(90deg,#ffe8c967,#f4e6d415 40%,#f4d8b368);position:absolute;inset:0}.sunlight{pointer-events:none;background:conic-gradient(from 180deg at 60% 0,#0000 20%,#ffeac628 24%,#0000 28%,#79d5eb19 30%,#0000 34%);animation:12s ease-in-out infinite alternate sunlight;position:absolute;inset:-20%}.sprite{aspect-ratio:1;background:url(/demos/prism-atelier/assets/symbols-CCZ1Sy0I.png) var(--sx) var(--sy)/400% 300% no-repeat;flex-shrink:0;width:100%;display:block}header{text-align:center;width:245px;position:absolute;top:33px;left:39px}header small{letter-spacing:5px;font-size:10px;font-weight:800}h1{color:#174659;text-shadow:1px 2px #ffefbf;margin:10px 0;font-family:Georgia,serif;font-size:45px;line-height:.91}h1 em{letter-spacing:2px;font-size:32px;font-style:normal;display:block}button{transition:transform .15s,filter .15s}button:not(:disabled):hover{filter:brightness(1.09)}button:not(:disabled):active{transform:translateY(2px)}.eyebrow{letter-spacing:2px;font-size:12px;font-weight:900}.kiln-dock{text-align:center;width:248px;position:absolute;top:175px;left:36px}.kiln-dock>.eyebrow{letter-spacing:1.4px;font-size:10px}#bonus{background:linear-gradient(#f9efcf,#e6bd85);border:3px solid #9b5839;border-radius:110px 110px 24px 24px;flex-direction:column;align-items:center;width:228px;margin:10px auto 0;padding:10px 12px 18px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #ffedca,0 9px #805342,0 16px 26px #3e28142c}#bonus:before{content:"";filter:blur(17px);background:#fd997051;border-radius:50%;animation:2s ease-in-out infinite alternate kilnGlow;position:absolute;inset:10%}.kiln-art{width:155px;display:block;position:relative}#bonus strong{font-size:22px;position:relative}#bonus small{margin:6px 0;font-size:11px;font-weight:800;position:relative}.heat-guide{flex-direction:column;gap:9px;margin:28px 8px 0;display:flex}.heat-guide>span{color:#934d39;font-family:Georgia,serif;font-size:27px;font-weight:900}.heat-guide b{font-size:15px}.heat-guide small{font-size:13px;line-height:1.45}.worktable{width:554px;position:absolute;top:21px;left:315px}.board-heading{justify-content:space-between;align-items:center;gap:8px;height:42px;padding:0 8px;display:flex}.board-heading b{font-size:20px;line-height:1.1}.board-heading span{white-space:nowrap;color:#f7e6b6;background:#245469;border-radius:6px;padding:7px 10px;font-size:11px;font-weight:900}.board{isolation:isolate;background:#d4edf0;border:10px solid #c59360;border-radius:28px;width:554px;height:554px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #f6e6bb,0 0 0 3px #4b5d67,0 9px #73472e,0 18px 30px #5336245a}.board:after{content:"";pointer-events:none;z-index:6;border:2px solid #fff5db;border-radius:17px;position:absolute;inset:2px}#cells{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(6,1fr);gap:3px;display:grid;position:absolute;inset:7px}.cell{isolation:isolate;background:linear-gradient(135deg,#e3f3ec,#abd1d93d);border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #659dac29;container-type:size}.cell:nth-child(2n){background:linear-gradient(140deg,#e2eeed,#b7d9df77)}.piece{z-index:1;filter:drop-shadow(0 3px 2px #21395126);width:min(100cqw,100cqh);position:relative}.heated{box-shadow:inset 0 0 0 2px #ba633588;background:linear-gradient(145deg,#fff1aa,#f49c6c)!important}.cell-mult{z-index:3;color:#fffdf0;text-shadow:0 1px #422219;background:#8a3f33;border-radius:6px;min-width:21px;padding:0 4px;font-size:18px;line-height:1.13;position:absolute;bottom:3px;right:4px;box-shadow:0 1px 2px #471f3140}.heated .piece{width:min(93cqw,93cqh);transform:translateY(-3%)}.bonus-tag{color:#ffe9a6;text-align:center;z-index:3;background:#864330;border-radius:8px;font-size:9px;font-weight:950;position:absolute;bottom:3px;left:16%;right:16%}.falling .piece{animation:.41s cubic-bezier(.12,.64,.24,1.05) both fall;animation-delay:var(--delay)}.leaving .piece{animation:.21s ease-in both leave;animation-delay:calc(var(--delay)/3)}.matched{z-index:3;box-shadow:inset 0 0 0 3px #fff1bb,0 0 11px #fff3a9}.matched .piece{animation:.52s ease-in-out infinite alternate glassPulse}.upgraded .cell-mult{animation:.42s cubic-bezier(.18,.9,.25,1.5) both stamp}.dissolve .piece{animation:.25s ease-in both shatter}.dissolve{box-shadow:inset 0 0 0 2px #fff0c988}.award-labels,.shards{pointer-events:none;z-index:7;position:absolute;inset:0}.cluster-label{text-align:center;white-space:nowrap;animation:.34s cubic-bezier(.16,.95,.21,1.3) both award;animation-delay:var(--delay);filter:drop-shadow(0 3px 4px #274f63);position:absolute;transform:translate(-50%,-50%)}.cluster-label strong{color:#fff8d6;-webkit-text-stroke:1px #184d61;text-shadow:2px 3px #14526c;font-size:38px;font-weight:1000}.cluster-label small{color:#fff;background:#214f64e6;border-radius:8px;width:max-content;margin:0 auto;padding:3px 9px;font-size:13px;display:block}.shards i{clip-path:polygon(0 0,100% 18%,43% 100%);background:linear-gradient(45deg,#70c8d7,#fff3c0,#dc8d80);width:11px;height:17px;animation:.52s ease-out both shard;position:absolute}.board-sweep{pointer-events:none;z-index:6;background:linear-gradient(115deg,#0000 35%,#fffacb88 47%,#0000 58%);position:absolute;inset:0;transform:translate(-150%)}.annealing .board-sweep{animation:.7s ease-out sweep}.artisan{text-align:center;width:333px;position:absolute;top:73px;left:902px}.mascot{transform-origin:50% 90%;width:290px;height:290px;margin:0 auto;animation:4s ease-in-out infinite breathing}.artisan>.eyebrow{letter-spacing:5px;font-size:18px;display:block}.artisan>b{letter-spacing:2px;font-size:10px}.firing-status{border-top:1px solid #a46c454a;flex-direction:column;gap:7px;margin:24px 16px 12px;padding-top:14px;display:flex}.firing-status small{letter-spacing:1.8px;font-size:10px;font-weight:800}.firing-status strong{color:#784432;font-size:16px}#receipts{flex-direction:column;gap:7px;max-height:132px;margin:0 24px;display:flex;overflow:auto}#receipts button{text-align:left;background:#fff2dddc;border:1px solid #cead88;border-radius:10px;align-items:center;gap:10px;padding:0 10px;display:flex}#receipts .sprite{width:45px}#receipts span{font-size:10px;font-weight:800}#receipts b{color:#1c6072;font-size:21px;display:block}footer{background:linear-gradient(#fff4dcf7,#e9cca5f2);border:2px solid #9a653e;border-radius:20px;justify-content:space-around;align-items:center;gap:12px;height:78px;padding:6px 24px;display:flex;position:absolute;bottom:14px;left:28px;right:28px;box-shadow:0 4px #644730,inset 0 0 0 3px #fff6df}.wallet{min-width:158px}footer small{letter-spacing:1.4px;margin-bottom:4px;font-size:10px;font-weight:900;display:block}.wallet b{font-size:26px}.result{text-align:center;min-width:260px}.result strong{color:#185169;font-size:35px;font-weight:950;line-height:1;display:block}.result>span{font-size:11px;font-weight:800}.bet{text-align:center}.bet>div{align-items:center;gap:12px;display:flex}.bet button,.modal-bet button{background:#ffedcb;border:1px solid #b8946e;border-radius:50%;width:34px;height:34px;font-size:23px}.bet b{min-width:75px;font-size:23px}#spin{color:#fcf3d9;background:linear-gradient(#b9edef,#2c8b9b);border:4px solid #ebd4a4;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:92px;height:92px;margin-top:-9px;display:flex;box-shadow:0 0 0 2px #355e65,0 5px #173d4b}#spin span{font-size:64px;line-height:.8}#spin small{margin:5px 0 0;font-size:10px}.utilities{flex-direction:column;gap:5px;min-width:96px;display:flex}.utilities button{background:#e3c49a;border:1px solid #b88b5e;border-radius:6px;padding:7px 10px;font-size:11px;font-weight:900}.feature .board{border-color:#ca946f}.feature .sunlight{background:conic-gradient(from 180deg at 60% 0,#0000 20%,#ee75df44 24%,#0000 28%,#79d5eb44 30%,#0000 34%)}#intro{z-index:20;background:linear-gradient(#fff0d94a,#e9c49e29),url(/demos/prism-atelier/assets/workshop-X2iTJx39.png) 50%/cover;position:absolute;inset:0;overflow:hidden}.intro-heading{text-align:center;z-index:3;position:absolute;top:23px;left:180px;right:180px}.intro-heading small{letter-spacing:7px;font-size:12px;font-weight:900}.intro-heading h2{color:#205467;text-shadow:2px 3px #fff1c8;margin:14px 0 6px;font-family:Georgia,serif;font-size:74px;line-height:1}.intro-heading em{color:#a44f3a;font-style:normal}.intro-heading p{margin:0;font-family:Georgia,serif;font-size:28px;font-style:italic}.intro-window{background:#277386d9;border:10px solid #b2814d;border-radius:90px 90px 14px 14px;width:440px;height:362px;padding:15px 24px 25px;position:absolute;top:188px;left:190px;box-shadow:0 0 0 4px #ffe9bc,0 15px 30px #5339274a}.window-panes{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:7px;height:280px;display:grid}.window-panes>div{background:linear-gradient(135deg,#f7e3ad,#61a8b49c);border:2px solid #dfbd81;border-radius:14px;position:relative;overflow:hidden;container-type:size}.window-panes .sprite{width:min(100cqw,100cqh);animation:3s ease-in-out infinite previewGlass;animation-delay:var(--delay);margin:auto}.window-panes b{color:#fff4ba;background:#913f37;border-radius:6px;padding:1px 5px;font-size:27px;animation:3s ease-in-out infinite previewHeat;position:absolute;bottom:6px;right:7px}.window-caption{text-align:center;color:#fff3cb;letter-spacing:.9px;margin-top:8px;font-size:10px;font-weight:800;line-height:1.5;display:block}.intro-nico{width:540px;animation:4s ease-in-out infinite breathing;position:absolute;bottom:58px;right:88px}.intro-action{text-align:center;flex-direction:column;gap:16px;width:410px;display:flex;position:absolute;bottom:63px;left:206px}.intro-action small{font-size:11px;font-weight:700}.primary{color:#fff3d1;letter-spacing:.8px;background:linear-gradient(#66c1c7,#286d85);border:2px solid #1f5369;border-radius:13px;padding:18px 25px;font-size:18px;font-weight:950;box-shadow:0 5px #173e4e}.depart{pointer-events:none;animation:.65s ease-in both introOut}dialog{color:#203f50;background:linear-gradient(135deg,#fff5df,#e9d0ab);border:3px solid #a16f48;border-radius:26px;width:min(880px,94vw);max-height:92dvh;padding:30px;font-family:Trebuchet MS,Arial,sans-serif;overflow:auto;box-shadow:0 18px 70px #101c3399,inset 0 0 0 4px #fff0d2}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#123748a8}dialog h2{margin:10px 0 18px;font-family:Georgia,serif;font-size:31px}dialog p{font-size:15px;line-height:1.5}dialog .close{z-index:5;background:#dbc4a4;border:1px solid #ae8660;border-radius:50%;width:35px;height:35px;font-size:27px;position:absolute;top:12px;right:15px}.menu-title{text-align:center;margin:3px 30px 23px}.menu-title .eyebrow{font-size:10px}.kiln-options{justify-content:center;align-items:stretch;gap:23px;display:flex}.kiln-choice{text-align:center;background:linear-gradient(#f7dcaf,#eaba87);border:3px solid #93694b;border-radius:95px 95px 22px 22px;width:47%;padding:14px 18px 19px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #fff0d0,0 7px #6b5240}.kiln-choice.aurora{background:linear-gradient(#c8e2e6,#8ebbc5);border-color:#466d7a;box-shadow:inset 0 0 0 4px #e3f0e6,0 7px #284d61}.furnace-window{width:150px;height:136px;margin:0 auto;position:relative}.furnace-window .sprite{width:150px;height:150px;animation:3.6s ease-in-out infinite breathing}.furnace-window b{color:#fff5c5;text-shadow:2px 2px #1c4d68;font-size:36px;position:absolute;bottom:8px;right:10px}.kiln-choice h3{margin:14px 0 9px;font-family:Georgia,serif;font-size:26px}.kiln-choice p{min-height:40px;margin:7px 0;font-size:13px}.kiln-choice>small{letter-spacing:1px;font-size:10px;font-weight:900}.price{color:#174b61;margin:11px 0;font-size:37px;display:block}.choose-caption{letter-spacing:1px;border-top:1px solid #98755377;padding-top:12px;font-size:12px;font-weight:900;display:block}.modal-bet{justify-content:center;align-items:center;gap:23px;margin:28px auto 14px;display:flex}.modal-bet span{text-align:center;flex-direction:column;gap:4px;display:flex}.modal-bet small{letter-spacing:1px;font-size:10px;font-weight:800}.modal-bet b{font-size:25px}.modal-bet button{width:42px;height:42px}.fine{text-align:center;font-size:11px!important}.feature-card{text-align:center;max-width:540px;margin:auto}.feature-art{width:120px;height:120px;margin:-3px auto 0}.feature-card h2{margin:4px 0 14px}.feature-card p{margin:11px 0}.feature-number{color:#1e7187;font-size:64px;font-weight:950;line-height:1.1;display:block}.feature-card>.primary{min-width:220px;margin:15px 0 10px}.confirm{justify-content:center;gap:15px;margin-top:18px;display:flex}.confirm>button:not(.primary){background:#e3caa9;border:1px solid #aa805b;border-radius:12px;padding:15px 25px;font-weight:800}.setting-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.setting-options button{background:#f1dcba;border:1px solid #ac805b;border-radius:12px;padding:20px;font-weight:800}.glass-sample{vertical-align:middle;width:47px;display:inline-block}table{border-collapse:collapse;width:100%;font-size:13px}td,th{text-align:center;border-bottom:1px solid #9d805e44;padding:8px 6px}td:first-child{text-align:left}details{border-top:1px solid #ac805b55;padding-top:15px;font-size:13px}summary{cursor:pointer;font-weight:700}.portrait header{justify-content:center;align-items:center;gap:22px;width:730px;display:flex;top:21px;left:15px}.portrait header h1{font-size:44px;line-height:1}.portrait header h1 em{font-size:37px;display:inline}.portrait header small{font-size:10px}.portrait .kiln-dock{align-items:center;gap:18px;width:702px;display:flex;top:97px;left:29px}.portrait .kiln-dock>.eyebrow{display:none}.portrait #bonus{border-radius:24px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;width:318px;height:125px;margin:0;padding:18px 13px 18px 93px}.portrait .kiln-art{width:110px;position:absolute;top:8px;left:0}.portrait #bonus strong{font-size:26px}.portrait #bonus small{font-size:13px}.portrait .heat-guide{gap:5px;width:350px;margin:0}.portrait .heat-guide>span{font-size:29px}.portrait .heat-guide b{font-size:20px}.portrait .heat-guide small{font-size:17px}.portrait .worktable{width:716px;top:251px;left:22px}.portrait .board-heading{height:47px;padding:0 12px}.portrait .board-heading b{font-size:26px}.portrait .board-heading span{font-size:16px}.portrait .board{border-radius:27px;width:716px;height:716px}.portrait .cell-mult{font-size:26px;bottom:5px;right:5px}.portrait .bonus-tag{font-size:13px}.portrait .cluster-label strong{font-size:46px}.portrait .cluster-label small{font-size:16px}.portrait .artisan{text-align:left;width:710px;height:119px;top:1014px;left:25px}.portrait .mascot{width:125px;height:125px;position:absolute;top:-11px;right:-5px}.portrait .artisan>.eyebrow,.portrait .artisan>b,.portrait .firing-status{display:none}.portrait #receipts{flex-direction:row;align-items:center;gap:9px;width:570px;height:105px;max-height:105px;margin:0;display:flex;overflow:auto}.portrait #receipts button{flex-shrink:0;gap:5px;min-width:160px;padding:0 6px}.portrait #receipts .sprite{width:55px}.portrait #receipts span{font-size:13px}.portrait #receipts b{font-size:28px}.portrait footer{grid-template-rows:65px 65px;grid-template-columns:1fr 1.3fr 115px;gap:8px;height:163px;padding:10px 14px;display:grid;bottom:15px;left:17px;right:17px}.portrait .wallet{grid-area:1/1;min-width:0}.portrait footer small{letter-spacing:1px;font-size:15px}.portrait .wallet b{font-size:30px}.portrait .result{grid-area:1/2;min-width:0}.portrait .result strong{font-size:40px}.portrait .result>span{font-size:14px}.portrait .bet{grid-area:2/2;justify-content:center;align-items:center;gap:8px;display:flex}.portrait .bet>small{display:none}.portrait .bet b{min-width:75px;font-size:31px}.portrait #spin{grid-area:1/3/3;width:109px;height:109px;margin:0}.portrait #spin span{font-size:80px}.portrait #spin small{font-size:12px}.portrait .utilities{flex-direction:row;grid-area:2/1;gap:6px;min-width:0}.portrait .utilities button{min-height:45px;padding:10px 5px;font-size:15px}.portrait .intro-heading{top:45px;left:15px;right:15px}.portrait .intro-heading h2{font-size:61px}.portrait .intro-heading h2 em{display:block}.portrait .intro-heading p{margin-top:13px;font-size:31px}.portrait .intro-window{width:490px;height:425px;padding:24px;top:283px;left:80px}.portrait .window-panes{height:325px}.portrait .window-caption{margin-top:14px;font-size:12px}.portrait .intro-nico{z-index:2;pointer-events:none;width:490px;bottom:184px;right:-5px}.portrait .intro-action{z-index:3;width:620px;bottom:69px;left:70px}.portrait .intro-action .primary{padding:27px;font-size:29px}.portrait .intro-action small{font-size:17px}@media (width<=600px){dialog{border-radius:20px;max-height:94dvh;padding:24px 16px}dialog h2{font-size:25px}dialog p{font-size:13px}.menu-title{margin:18px 4px}.kiln-options{gap:12px}.kiln-choice{border-radius:55px 55px 18px 18px;width:49%;padding:10px 9px 14px}.furnace-window,.furnace-window .sprite{width:105px;height:105px}.kiln-choice h3{min-height:52px;margin:8px 0;font-size:22px}.kiln-choice p{min-height:53px;font-size:12px}.kiln-choice>small{letter-spacing:.2px;font-size:9px}.price{font-size:25px}.choose-caption{font-size:10px}.feature-number{font-size:52px}.feature-art{width:100px;height:100px}.setting-options button{padding:18px 10px;font-size:13px}table{font-size:11px}.glass-sample{width:32px}td,th{padding:7px 2px}.feature-card>.primary,.primary{font-size:15px}}@keyframes fall{0%{transform:translateY(var(--fall));opacity:.3}to{opacity:1;transform:translateY(0)}}@keyframes leave{to{opacity:0;transform:translateY(300px)}}@keyframes glassPulse{to{filter:drop-shadow(0 0 5px #ffffc4);transform:scale(1.06)}}@keyframes stamp{0%{filter:brightness(2);transform:scale(1.9)}to{transform:scale(1)}}@keyframes shatter{to{opacity:0;filter:blur(3px);transform:scale(1.23)}}@keyframes shard{to{transform:translate(var(--dx),55px) rotate(var(--turn));opacity:0}}@keyframes sweep{to{transform:translate(150%)}}@keyframes award{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes breathing{50%{transform:translateY(-5px)rotate(.7deg)}}@keyframes kilnGlow{to{opacity:.3;transform:scale(.8)}}@keyframes sunlight{to{transform:translate(5%)rotate(3deg)}}@keyframes previewGlass{0%,70%,to{transform:translateY(0)}20%,40%{filter:drop-shadow(0 0 7px #fff9d2);transform:translateY(-5px)}}@keyframes previewHeat{30%{transform:scale(1.2)}70%{transform:scale(1)}}@keyframes introOut{to{opacity:0;transform:scale(1.035)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.portrait footer{grid-template-rows:65px 96px;height:193px}.portrait .bet button{width:78px;height:78px;font-size:34px}.portrait .bet>div{gap:10px}.portrait .utilities button{min-height:78px}.portrait .artisan{height:87px}.portrait #receipts{height:79px;max-height:79px}.portrait .mascot{width:92px;height:92px;top:-3px}.cell.matched{box-shadow:inset 0 0 0 3px #fff6bc,0 0 14px #fff3b1;background:linear-gradient(135deg,#f1ffff,#61cbd9)!important}.board:has(.cluster-label) .cell:not(.matched){filter:brightness(.76)}.utilities button{font-size:15px}.heat-guide{background:#fff0d5cd;border-radius:16px;padding:12px 8px}.firing-status{background:#fff0d5dc;border:1px solid #bc95764f;border-radius:13px;padding:12px 8px}.firing-status small{font-size:13px}.firing-status strong{font-size:19px}.portrait .utilities button{font-size:21px}.portrait .heat-guide{padding:10px}.kiln-choice:before{content:"";pointer-events:none;border:1px solid #ffedba99;border-radius:80px 80px 12px 12px;position:absolute;inset:15px}.furnace-window:before{content:"";filter:blur(17px);background:#ffb05388;border-radius:50%;animation:2.4s ease-in-out infinite alternate kilnGlow;position:absolute;inset:20%}.aurora .furnace-window:before{background:#bf8fff88}.demo-navigation{z-index:100;background:#0c1120;border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;height:44px;padding:0 16px;font:600 14px/1 system-ui,sans-serif;display:flex;position:fixed;inset:0 0 auto}.demo-navigation a{color:#f4e5b8;letter-spacing:.04em;align-items:center;min-width:44px;min-height:44px;text-decoration:none;display:inline-flex}.demo-navigation a:hover{color:#fff}.demo-navigation a:focus-visible{outline-offset:-4px;outline:2px solid #f4e5b8}.has-demo-navigation .cabinet{top:calc(50% + 22px)}.has-demo-navigation.fluid-demo #app{height:calc(100dvh - 44px);margin-top:44px}.has-demo-navigation.fluid-demo .cabinet{width:min(100vw,177.778dvh - 78.2222px);height:min(100dvh - 44px,56.25vw);top:auto}@media (width<=620px) and (orientation:portrait){.has-demo-navigation.fluid-demo .cabinet{width:100vw;height:calc(100dvh - 44px)}}