@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Outfit:wght@400;500;600&display=swap";:root{font-family:Noto Sans JP,sans-serif;color:#e8e9ee;background:#090c13;font-synthesis:none;font-weight:400;color-scheme:dark;--muted:#77808f;--border:#242832;--gold:#edbf82}*{box-sizing:border-box}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{opacity:.4;cursor:not-allowed}button,a,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold)}a{color:inherit;text-decoration:none}button{transition:background .2s,border-color .2s,color .2s,transform .2s}button:hover:not(:disabled){color:#fff}button:active:not(:disabled){transform:translateY(1px)}.topbar{height:88px;border-bottom:1px solid #1c202a;display:flex;align-items:center;padding:0 4.3%;gap:72px}.brand{display:flex;gap:12px;align-items:center;font-family:Outfit,sans-serif;font-size:25px;letter-spacing:5px;font-weight:500}.brand-mark{color:var(--gold);border:1px solid #7e6647;border-radius:50%;width:39px;height:39px;display:grid;place-items:center}.brand-sub{display:block;font-size:7px;letter-spacing:2.25px;color:#9095a0;margin-top:4px}.topbar nav{align-self:stretch;display:flex;gap:34px;align-items:center;font-size:12px;color:#9398a5}.topbar nav button{display:flex;align-items:center;gap:9px;font-size:11px}.nav-active{align-self:stretch;display:flex;align-items:center;border-bottom:2px solid var(--gold);color:#eee}.header-right{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:10px;color:#a3a9b4}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8ec4ab;box-shadow:0 0 8px #8ec4ab33;flex-shrink:0}.header-divider{height:18px;width:1px;background:#2b2f38;margin:0 12px}.icon-btn{width:36px;height:36px;display:inline-grid;place-items:center;color:#a1a9b7;border-radius:6px}.icon-btn:hover{background:#ffffff0d}.on{color:var(--gold)}main{max-width:1600px;margin:auto;padding:42px 4.3% 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.eyebrow{font-family:Outfit,sans-serif;font-size:10px;letter-spacing:2.4px;color:var(--gold);display:flex;align-items:center;gap:9px}.eyebrow>span{width:19px;height:1px;background:var(--gold)}h1{font-size:27px;letter-spacing:2px;font-weight:500;margin:12px 0 10px}.intro p{font-size:11px;letter-spacing:1px;color:#828997;margin:0}.intro-note{display:flex;align-items:center;gap:17px;margin-right:3px}.intro-note>span{font:48px Outfit;color:var(--gold)}.intro-note>div{font-size:11px;border-left:1px solid #333039;padding-left:17px;line-height:1.9}.intro-note small{font-size:9px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px}.sky-panel{min-height:551px;position:relative;overflow:hidden;border:1px solid #2a303c;border-radius:11px;background:radial-gradient(ellipse at 52% 90%,#202a3b,#101725 30%,#060c17 75%)}.canvas-host{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.canvas-host canvas{display:block;width:100%;height:100%}.sky-haze{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 47% 72%,#50688014,transparent 45%);pointer-events:none}.mountains{position:absolute;bottom:15%;height:21%;width:100%;background:#131d29;clip-path:polygon(0 45%,8% 34%,13% 48%,23% 17%,32% 44%,38% 33%,46% 58%,58% 35%,65% 60%,75% 34%,85% 48%,93% 26%,100% 42%,100% 100%,0 100%);z-index:4;pointer-events:none}.mountains.front{bottom:13%;height:17%;background:#0a121d;clip-path:polygon(0 35%,8% 56%,17% 44%,28% 73%,39% 66%,47% 85%,56% 73%,65% 72%,75% 59%,86% 66%,95% 43%,100% 54%,100% 100%,0 100%)}.water{position:absolute;bottom:0;height:16%;width:100%;background:repeating-linear-gradient(178deg,transparent 0px,transparent 7px,#39445a15 8px,transparent 9px),linear-gradient(#141e2a,#0c121b);z-index:4;pointer-events:none}.sky-top,.sky-bottom{position:absolute;left:24px;right:24px;z-index:5;display:flex;justify-content:space-between;align-items:center}.sky-top{top:22px}.view-label{display:flex;gap:7px;align-items:center;letter-spacing:1.5px;font:9px Outfit;color:#c8ced7;border:1px solid #313844;border-radius:4px;padding:7px 9px;background:#101624aa}.sky-place{font-size:9px;color:#8995a8;display:flex;align-items:center;gap:8px}.sky-place>span{font:10px Outfit;letter-spacing:1px;margin-left:11px}.sky-bottom{bottom:14px}.weather{font-size:9px;color:#7a8699;display:flex;align-items:center;gap:9px}.wind-lines{font-size:21px}.weather i{width:2px;height:2px;background:#737e8e;border-radius:50%;margin:0 3px}.viewer-tools{display:flex;gap:7px}.viewer-tools button{border:1px solid #343b47;background:#10192399;width:31px;height:31px}.sky-caption{position:absolute;z-index:5;bottom:89px;left:0;right:0;text-align:center;display:flex;flex-direction:column;gap:8px;pointer-events:none}.sky-caption span:first-child{font:8px Outfit;letter-spacing:3px;color:#647287}.sky-caption span:last-child{font-size:10px;letter-spacing:3px;color:#97a3b4}.control-panel{border:1px solid var(--border);border-radius:11px;background:#10131c;overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 19px}.panel-title>span:first-child{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:500}.panel-title svg{color:#b4bac7}.small-tag{font:8px Outfit;letter-spacing:1.3px;color:#656d7b}.mode-tabs{display:flex;margin:0 20px;background:#080c13;border:1px solid #242833;border-radius:6px;padding:4px;gap:3px}.mode-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;padding:10px 2px;color:#858c9d;border-radius:4px}.mode-tabs button.selected{background:#29272a;color:#efc78f;box-shadow:0 1px 4px #0004}.controls-body{padding:22px 20px 0}.field-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-bottom:11px}.field-heading label{color:#c4c8d2}.text-button{display:flex;align-items:center;gap:6px;font-size:10px;color:#9b9fae;padding:0}.field-heading .text-button{font-size:9px;color:#b8a184}.selected-firework{width:100%;display:flex;align-items:center;text-align:left;gap:13px;border:1px solid #34323a;border-radius:6px;background:linear-gradient(110deg,#252122,#151820);padding:5px 10px 5px 5px}.firework-icon{width:75px;height:75px;flex-shrink:0}.selected-firework>div{flex:1}.item-number{font:8px Outfit;letter-spacing:1px;color:#8c8276}.selected-firework h2{margin:3px 0 2px;font-weight:500;font-size:18px}.selected-firework>div>span:last-child{font:9px Outfit;letter-spacing:.4px;color:#8b8e9b}.selected-firework>svg:last-child{color:#8e93a0}.description{font-size:9px;color:#7e8797;line-height:1.9;margin:10px 0 19px;min-height:34px}.color-name{font-size:10px}.swatches{display:flex;justify-content:space-between;gap:7px;margin-bottom:10px}.swatches button{width:29px;height:29px;padding:4px;border:1px solid transparent;border-radius:50%;display:grid;place-items:center}.swatches button.active{border-color:var(--swatch)}.swatches button span{display:grid;place-items:center;background:var(--swatch);color:#242127;width:20px;height:20px;border-radius:50%;box-shadow:0 0 12px color-mix(in srgb,var(--swatch) 15%,transparent)}.chemical{display:flex;align-items:center;gap:7px;font-size:9px;color:#939aaa}.chemical>span{font:9px Outfit;border:1px solid #303643;border-radius:3px;padding:2px 4px;color:#bac1d1}.chemical small{font-size:8px;color:#606a7a;margin-left:auto}.size-heading{margin-top:22px}.size-heading>span{font-size:10px;color:#b3b7c2}.size-heading small{font-size:9px;color:#656f80}.controls-body input[type=range]{width:100%;height:3px;accent-color:var(--gold);display:block;margin:18px 0 12px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:8px;color:#636d7d}.launch-area{margin-top:24px}.launch-button{width:100%;display:flex;justify-content:center;gap:9px;align-items:center;background:linear-gradient(100deg,#edc58c,#d9ae77);color:#33291d!important;border-radius:6px;padding:14px 12px;font-size:12px;font-weight:600;box-shadow:0 4px 20px #e8b7720b}.launch-button:hover{filter:brightness(1.1)}.launch-button>span{margin-left:auto;font-size:20px;line-height:15px}.launch-button>svg{margin-right:auto}.keyboard-tip{font-size:8px;text-align:center;color:#686f7d;margin:11px 0 16px}kbd{font:8px Outfit;border:1px solid #343743;border-radius:3px;padding:2px 5px;margin-right:4px;color:#969ca9}.panel-footer{font-size:8px;letter-spacing:.3px;color:#677383;display:flex;justify-content:center;align-items:center;gap:6px;border-top:1px solid #222630;padding:11px}.panel-footer .live-dot{width:4px;height:4px;background:#75857e}.collection{margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-heading>div{display:flex;gap:16px;align-items:center}.section-heading h2{font-size:13px;letter-spacing:.5px;font-weight:500;margin:0}.section-heading>div>span{font:8px Outfit;letter-spacing:1.7px;color:#646d7c}.classic-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.classic-card{border:1px solid #252b36;border-radius:7px;padding:0;background:#10141d;overflow:hidden;text-align:left}.classic-card:hover{background:#191e28;border-color:#68605a}.classic-card.active{border-color:#9d805a;background:#1b1b20}.classic-art{height:92px;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse,#26253444,transparent 80%)}.classic-art>.firework-icon{width:95px;height:95px}.classic-art>span:first-child{position:absolute;top:10px;left:12px;font:8px Outfit;color:#596272}.selected-check{position:absolute;right:10px;top:10px;border-radius:50%;width:16px;height:16px;background:var(--gold);color:#302b26;display:grid;place-items:center}.classic-name{padding:10px 13px 12px;border-top:1px solid #222732;display:flex;align-items:center;justify-content:space-between;gap:4px}.classic-name>span{font-size:11px}.classic-name>small{font:9px Outfit;color:#6f7889}.classic-card.active .classic-name>span{color:var(--gold)}footer{display:flex;justify-content:space-between;align-items:center;padding:23px 0 24px;font-size:9px;color:#606b7c}footer>div{display:flex;align-items:center;gap:19px}footer button{font-size:9px;display:flex;align-items:center;gap:5px;color:#7f8796}.footer-note{display:flex;gap:7px;align-items:center}.footer-note svg{color:#9f8a6c}.stats{font:9px Outfit;display:flex;align-items:center;gap:5px}.show-options h2{font-size:18px;font-weight:500}.show-options p{font-size:11px;line-height:2;color:#8d97a8}.show-art{display:flex;justify-content:center;height:112px}.show-art .large{width:120px;height:120px}.show-options label{font-size:11px;display:block;margin:20px 0 10px}select{background:#191d29;border:1px solid #343b48;border-radius:5px;padding:10px;color:#cdd2df;font-size:11px}.show-options select{width:100%}.show-stages{display:flex;justify-content:space-between;color:#a89274;font-size:9px;margin:21px 0}.stop-button{display:flex;align-items:center;gap:7px;justify-content:center;width:100%;font-size:10px;color:#a6aebb;margin:12px 0}.show-indicator{position:absolute;top:66px;left:24px;right:24px;display:flex;align-items:center;gap:9px;z-index:5;font-size:10px;color:#bfc6d5}.show-indicator>div{flex:1;height:2px;background:#ffffff15}.show-indicator i{display:block;height:100%;background:var(--gold)}.error-box{position:absolute;top:25%;right:10%;bottom:25%;left:10%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:6;background:#111925e8;border-radius:8px;padding:20px;text-align:center;line-height:2;font-size:13px}.error-box button{margin-top:18px;border:1px solid var(--gold);padding:10px 20px;border-radius:5px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#03060dc9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:25px}.modal{width:min(720px,100%);max-height:90dvh;overflow:auto;background:#121721;border:1px solid #343a46;border-radius:14px;padding:25px;box-shadow:0 30px 100px #0009}.modal-heading{display:flex;justify-content:space-between;align-items:center}.modal-heading h2{font-size:18px;font-weight:500;margin:0}.modal-intro{font-size:11px;color:#919bab;line-height:1.9;margin:15px 0 20px}.search{display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid #373e4d;border-radius:6px;margin-bottom:18px;color:#929db0}.search input{background:none;border:0;outline:none;color:#eee;width:100%;font-size:12px}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.catalog-grid button{display:flex;flex-direction:column;align-items:center;border:1px solid #2d3542;background:#0b111b;border-radius:6px;padding:5px 4px 12px;font-size:11px}.catalog-grid button.active{border-color:var(--gold)}.catalog-grid button>span{display:flex;flex-direction:column;gap:4px}.catalog-grid small{font:8px Outfit;color:#7e8b9c}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:16px;font-size:11px;margin-top:20px;color:#9ba5b6}.pagination>span:first-child{margin-right:auto}.pagination button{width:36px;height:36px;border:1px solid #343d4b;border-radius:5px}.setting-row{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #303747;font-size:13px}.about{font-size:13px;line-height:2;color:#a2afbf}.about>svg{margin-top:22px;color:var(--gold)}.about h2{color:#e4d1b4;font-weight:500}.about a{color:var(--gold);font-size:11px}.empty{text-align:center;color:#a0a9b8;padding:30px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:40;background:#252c39;border:1px solid #5f6571;border-radius:8px;padding:15px 24px;font-size:12px;box-shadow:0 8px 30px #0008;max-width:90vw}.immersive .sky-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;border:0;border-radius:0}.immersive-controls{position:fixed;bottom:25px;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center;z-index:21}.immersive-controls>.launch-button{min-width:180px}.immersive-controls>.icon-btn{background:#202838}.immersive .sky-caption{bottom:120px}@media(min-width:1500px){main{padding-top:48px}.workspace{grid-template-columns:minmax(0,1fr) 360px}.sky-panel{min-height:595px}.controls-body{padding-top:25px}.description{margin-bottom:24px}.launch-area{margin-top:32px}.classic-art{height:110px}}@media(max-width:1100px){.topbar{gap:35px;padding:0 3%}main{padding:32px 3% 0}.workspace{gap:15px;grid-template-columns:minmax(0,1fr) 310px}.intro-note{display:none}.classic-name{flex-direction:column;align-items:flex-start;gap:4px}.topbar nav{gap:22px}.sky-place{display:none}.section-heading>div>span{display:none}}@media(max-width:760px){.topbar{height:72px;padding:0 22px}.topbar nav{display:none}.brand{font-size:22px}.header-right{font-size:9px}.header-divider,.header-right .icon-btn{display:none}main{padding:28px 18px 0}.intro{margin-bottom:23px}h1{font-size:21px;letter-spacing:1px}.intro p{font-size:10px;line-height:1.9;letter-spacing:.3px}.eyebrow{font-size:8px}.workspace{grid-template-columns:1fr;gap:18px}.sky-panel{min-height:440px}.sky-top,.sky-bottom{left:17px;right:17px}.sky-place{display:flex}.control-panel{border-radius:9px}.panel-title{padding-top:19px}.controls-body{padding:18px 20px 0}.selected-firework{max-height:83px}.description{min-height:0}.swatches{justify-content:flex-start;gap:14px}.swatches button{width:34px;height:34px}.swatches button span{width:24px;height:24px}.chemical{max-width:335px}.field-heading{font-size:12px}.range-labels,.keyboard-tip{font-size:10px}.controls-body input[type=range]{height:5px;margin:22px 0 18px}.launch-button{padding:17px;font-size:14px}.mode-tabs button{padding:12px;font-size:12px}.section-heading h2{font-size:12px}.section-heading .text-button{font-size:9px}.classic-grid{grid-template-columns:repeat(3,1fr);gap:10px}.classic-name{align-items:center;padding:10px 3px}.classic-art{height:97px}.collection{margin-top:26px}footer{flex-direction:column;gap:17px;padding:24px 0 max(24px,env(safe-area-inset-bottom))}footer>div{gap:13px}.modal-backdrop{padding:12px}.modal{padding:18px;max-height:92dvh}.catalog-grid{grid-template-columns:repeat(3,1fr)}.catalog-grid .firework-icon{width:62px;height:62px}.show-options{min-height:300px}.show-art{height:120px}}@media(max-width:390px){h1{font-size:19px}.sky-panel{min-height:385px}.swatches{gap:9px}.sky-place{font-size:8px}.classic-name>small{font-size:8px}.header-right{font-size:8px}.catalog-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.source-link{display:block;color:#b8a383;font-size:9px;margin-top:5px}.fixed-colors{opacity:.3}.fixed-colors button:disabled{opacity:1}.sky-panel{background:radial-gradient(ellipse at 52% 95%,#141c29,#080e19 35%,#03060c 80%)}.mountains.back{background:#0d1520}.mountains.front{background:#070e16}.water{background:repeating-linear-gradient(178deg,transparent 0px,transparent 7px,#39445a0c 8px,transparent 9px),linear-gradient(#0e1722,#080d14)}.mountains.back{background:#070b12;opacity:.5;height:14%}.mountains.front{background:#03070c;opacity:.75;height:11%}.water{opacity:.55}.sky-haze{opacity:.25}.sky-caption{opacity:.6}