@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#141315;--surface:#1c1b1e;--line:#333136;--text:#edecee;--muted:#97949d;--accent:#cccad0;--ink:#324f9b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,.btn{border:1px solid var(--line);border-radius:9px;background:#272629;color:var(--text);padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:600;transition:background .15s,transform .15s}button:hover,.btn:hover{background:#363539}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--accent);color:#28272b;border-color:var(--accent)}.primary:hover{background:#dddce0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #c7c5cc;outline-offset:4px}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:600;margin:0;letter-spacing:-.05em}h1{font-size:56px;line-height:1.13}h2{font-size:30px}h3{font-size:18px;letter-spacing:-.025em}p{color:var(--muted);line-height:1.7;margin:14px 0 24px}.small{font-size:12px;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;text-transform:uppercase;color:#b5b2bb}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spacer{flex:1}.site-header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:84px;padding:0 36px;border-bottom:1px solid #2d2c30;gap:24px}.brand{font:800 26px Manrope;display:flex;gap:11px;align-items:center;letter-spacing:-1px}.brand b{display:grid;place-items:center;background:var(--accent);color:#29282c;border-radius:10px;width:32px;height:34px;transform:skew(-6deg);font-style:italic}.brand small{font:500 9px 'DM Sans';color:#a19ea6;letter-spacing:2px;border-left:1px solid #434147;padding-left:11px;margin-left:3px}.site-header nav{display:flex;gap:28px;color:#a5a2ac;font-size:12px}.site-header nav a:hover{color:white}.site-header>.btn{font-size:12px;padding:10px 15px}.container{max-width:1160px;margin:auto;padding:0 30px}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:75px;padding:55px 0 64px}.hero h1{font-size:65px;letter-spacing:-3.5px;margin:25px 0}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{max-width:390px;font-size:16px}.badge{display:inline-flex;gap:7px;align-items:center;border:1px solid #3d3b40;background:#252427;border-radius:30px;padding:7px 12px;font-size:10px;color:#c4c2c8}.badge i{height:5px;width:5px;border-radius:50%;background:#bebbc3}.hero-foot{display:flex;gap:18px;margin-top:25px;font-size:11px;color:#908d96}.hero-preview{position:relative;max-width:362px;width:100%;justify-self:center}.preview-caption{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;color:#a09ea5;font-size:9px;letter-spacing:1.4px}.hero-caption{font-size:10px;text-align:center;margin:15px 0;color:#817e87}.mini-tag{position:absolute;left:-55px;bottom:90px;padding:13px 17px;background:#262529ee;border:1px solid #47454a;border-radius:10px;box-shadow:0 12px 35px #0004;backdrop-filter:blur(8px);font-size:11px}.mini-tag small{display:block;color:#9d9ba2;font-size:9px;margin-top:4px}.section{padding:48px 0 64px;border-top:1px solid #2d2c30}.how{display:grid;grid-template-columns:1fr 1fr 1fr;gap:55px;margin-top:30px}.how article{position:relative}.how span{display:block;font-size:11px;color:#9c99a1;margin-bottom:17px}.how p{font-size:13px}.future{display:flex;justify-content:space-between;align-items:center;color:#87848d;padding:25px 0}.future strong{font-weight:500;color:#b1aeb7;font-size:13px}.site-footer{max-width:1160px;margin:auto;padding:26px 30px;border-top:1px solid #2d2c30;display:flex;justify-content:space-between;gap:20px;color:#7d7984;font-size:10px}.site-footer a{text-decoration:underline;text-underline-offset:3px}.page-head{max-width:1120px;margin:32px auto 24px;padding:0 28px;display:flex;justify-content:space-between;gap:20px;align-items:center}.page-head h1{font-size:30px;letter-spacing:-1px;margin:8px 0}.page-head .row button,.page-head .row a{font-size:11px;padding:10px 14px}.workbench{max-width:1080px;margin:0 auto 50px;display:grid;grid-template-columns:430px 1fr;gap:58px;padding:0 28px;align-items:start}.stage-area{position:sticky;top:18px;min-width:0}.stage-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#9e9ba3;letter-spacing:1.3px;margin-bottom:13px}.stage-toolbar .badge{padding:4px 8px;letter-spacing:0;font-size:9px}.stage-controls{display:flex;justify-content:center;gap:7px;margin-top:16px}.stage-controls button{font-size:10px;padding:9px 12px;background:transparent;color:#a4a2a9}.stage-note{text-align:center;font-size:10px;color:#797680;margin:12px 0}.studio-controls{padding-top:0;min-width:0}.tabs{display:flex;background:#1f1e20;border:1px solid #333236;padding:4px;border-radius:10px;margin-bottom:23px}.tabs button{flex:1;padding:10px 5px;font-size:12px;border:none;background:transparent;color:#9d9ba2}.tabs button.active{background:#363439;color:#dad8dd}.control-card{background:#1c1b1e;border:1px solid #333136;border-radius:13px;padding:23px;margin:0 0 15px}.control-card h3{margin-bottom:8px}.control-card p{font-size:12px;margin:8px 0 20px}.control-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.control-title h3{margin:0}.control-title span{font-size:10px;color:#8c8992}.setting-label{font-size:11px;color:#a8a4af;display:block;margin-bottom:10px}.choice-group{display:flex;gap:8px;margin-bottom:23px}.choice-group button{flex:1;padding:12px 10px;background:#181819;font-size:12px;border-color:#37353a}.choice-group button.selected{background:#2e2d30;border-color:#a19ea6;color:#dddce0}.swatch{display:inline-block;width:12px;height:12px;border-radius:50%;border:2px solid #b1aeb8}.blue{background:#3759af}.black{background:#222}.warm{background:#e5dcc7}.ivory{background:#ede7d9}.white{background:#f4f2ec}.field{font-size:11px;color:#b7b4bc;display:block;margin:14px 0}.field select,.field input:not([type=checkbox]):not([type=range]){display:block;width:100%;padding:11px;border:1px solid #3c3b3f;border-radius:7px;background:#141415;color:#dddce0;margin-top:8px;min-width:0}.field input[type=range]{display:block;width:100%;margin-top:10px;accent-color:#b1aeb8}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0;color:#c4c2c8;font-size:12px}.switch-row>span small{display:block;margin-top:4px;font-size:10px;color:#86838d}.switch-row input{appearance:none;width:33px;height:19px;border-radius:20px;background:#413f45;position:relative;cursor:pointer;flex-shrink:0;transition:background .2s}.switch-row input:after{content:'';position:absolute;top:3px;left:3px;width:13px;height:13px;background:#c1bfc6;border-radius:50%;transition:transform .2s}.switch-row input:checked{background:#b2afb8}.switch-row input:checked:after{background:#29282c;transform:translateX(14px)}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trigger-line{display:flex;align-items:center;gap:12px;border:1px solid #3b3a3e;background:#232224;border-radius:9px;padding:13px;font-size:13px;margin:18px 0}.trigger-line em{font-style:normal;color:#8e8b93;flex:1;text-align:center}.trigger-line .rose{font-size:23px}details{border-top:1px solid #313034;margin-top:15px;padding-top:15px}summary{font-size:11px;color:#aca9b3;cursor:pointer}details .field{font-size:10px}details p{font-size:10px!important;color:#83808a}.test-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:21px 0 16px}.test-buttons button{padding:18px 12px;font-size:12px;justify-content:start;background:#252427;border-color:#3f3d43}.test-buttons button:first-child{border-color:#a4a1ab;background:#363439}.test-buttons span{font-size:23px;min-width:30px}.test-buttons small{display:block;font-size:10px;font-weight:400;margin-top:3px;color:#9d9ba2}.auto-note{border-left:2px solid #737079;padding-left:12px;color:#9c99a1;font-size:11px;line-height:1.7}.viewer-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #302f33;font-size:12px}.viewer-row img{width:32px;height:32px;border-radius:50%;object-fit:cover}.viewer-row div{flex:1}.viewer-row small{display:block;margin-top:4px;color:#8e8b94;font-size:10px}.viewer-row>span{font-size:10px;color:#b5b2ba}.empty-state{padding:23px 0;color:#7d7984;font-size:11px;text-align:center}.activity{font-size:10px;line-height:1.7;color:#8f8c95;max-height:104px;overflow:auto}.activity div{padding:5px 0}.voice-status{min-height:16px;margin-top:12px;font-size:10px;color:#98959d;line-height:1.6}.connect-icon{width:45px;height:45px;border-radius:50%;border:1px solid #4a484d;display:grid;place-items:center;font-size:20px;margin:12px 0 25px}.coming{font-size:9px;letter-spacing:1px;border:1px solid #47454b;padding:5px 8px;border-radius:20px;color:#9c99a1}.control-card .primary.wide{width:100%;margin-top:12px}.machine{aspect-ratio:9/16;position:relative;width:100%;overflow:hidden;border-radius:14px;background:radial-gradient(ellipse at 40% 20%,#414b40 0,#2c362d 62%,#1f2921 100%);box-shadow:inset 0 0 0 1px #65705b88,inset 0 0 0 7px #222d2355,0 20px 65px #0005;container-type:inline-size;color:#dfe6cf}.machine:before{content:'';position:absolute;inset:0;opacity:.18;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23708060' opacity='.3' filter='url(%23noise)' d='M0 0H120V120H0Z'/%3E%3C/svg%3E")}.machine-top{position:absolute;top:3%;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;font-size:1.5cqw;letter-spacing:1.7px}.machine-logo{font-size:1.7cqw;font-weight:500}.machine-logo:first-letter{font-size:2.7cqw}.machine-logo i{font-style:normal;opacity:.4;margin:0 7px}.led-label{font-size:1.35cqw;display:flex;align-items:center;gap:5px;color:#a9bba0}.led-label i{width:4px;height:4px;background:#c4db99;border-radius:50%;box-shadow:0 0 8px #d7ef9d}.machine-event{position:absolute;top:7.2%;left:12.6%;right:12.6%;height:6.7%;display:flex;align-items:center;gap:3%;font-size:2.15cqw;color:#d8e2cd}.machine-event img{height:70%;aspect-ratio:1;border-radius:50%;border:2px solid #c1d2a675;object-fit:cover}.machine-event img:not([src]),.machine-event img[src='']{display:none}.machine-event strong{font-weight:500;display:block}.machine-event small{display:block;margin-top:5%;font-size:1.6cqw;color:#9caa91}.machine-event>div{flex:1}.gift-symbol{font-size:4.2cqw}.event-pop{animation:eventPop .45s ease}@keyframes eventPop{from{opacity:.4;transform:translateY(-5px)}to{opacity:1;transform:none}}.bed{position:absolute;left:10.8%;right:10.8%;top:14.4%;bottom:11.4%;background:#1d251c;border:1px solid #606c56;box-shadow:inset 0 3px 10px #0008;border-radius:3px}.paper-sheet{position:absolute;left:2%;right:2%;top:.7%;bottom:.6%;background-color:#e9e1ce;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23856e40' opacity='.18' filter='url(%23paper)' d='M0 0H140V140H0Z'/%3E%3C/svg%3E"),linear-gradient(105deg,#ffffff22,#d6c9ac11 30%,#fffffb25 65%,#b6a78722);box-shadow:1px 4px 4px #0006,inset 1px 0 #fff7,inset -1px 0 #a1967e88;border-radius:1px 2px 1px 2px}.paper-sheet:after{content:'';position:absolute;left:0;right:0;bottom:0;height:7px;background:linear-gradient(0deg,#a99b7c19,transparent);box-shadow:0 2px 0 #d1c8b4,0 3px 0 #c1b8a4}.machine[data-paper=ivory] .paper-sheet{background-color:#f0ebdf}.machine[data-paper=white] .paper-sheet{background-color:#f8f6ef}.drawing,.hardware{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hardware{filter:drop-shadow(0 1px 1px #0003)}.machine-bottom{position:absolute;top:90.7%;left:12.8%;right:12.8%;display:flex;align-items:center;justify-content:space-between}.machine-bottom>div:first-child{max-width:80%}.machine-bottom span{font-size:1.25cqw;letter-spacing:1.7px;color:#a1b18e;display:block}.machine-bottom strong{font-size:2.05cqw;font-weight:400;display:block;margin-top:5px;color:#dae4c9}.sheet-counter{text-align:center;border-left:1px solid #61705188;padding-left:12px}.sheet-counter b{font:400 3.4cqw Manrope;color:#cfddbb}.sheet-counter span{font-size:1cqw}.machine-queue{position:absolute;top:97%;left:10%;right:10%;font-size:1.12cqw;letter-spacing:1px;text-align:center;color:#95a582;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ink-track{position:absolute;top:95.8%;left:12.8%;right:12.8%;height:1px;background:#64734e55}.ink-track i{display:block;height:100%;width:100%;background:#c0d19b;transition:width .2s}.live-only{background:#0e0e0f}.live-only .site-header,.live-only .page-head,.live-only .studio-controls,.live-only .site-footer,.live-only .stage-toolbar,.live-only .stage-note{display:none}.live-only .workbench{display:block;padding:0;margin:0 auto;max-width:min(100vw,56.25vh);min-height:100vh}.live-only .stage-area{position:static}.live-only .machine{border-radius:0;box-shadow:none}.live-only .stage-controls{position:fixed;bottom:15px;right:15px;background:#181719dd;padding:5px;border-radius:10px;z-index:5;opacity:.2;transition:opacity .2s}.live-only .stage-controls:hover,.live-only .stage-controls:focus-within{opacity:1}.live-only .stage-controls button:not(#focus){display:none}.dashboard{max-width:880px;margin:50px auto;padding:0 25px}.dashboard h1{font-size:38px}.dashboard .featured-game{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:30px 0}.preset-item{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid #363439;gap:20px}.preset-item h3{font-size:15px}.preset-item p{font-size:11px;margin:5px 0}.preset-item .row{gap:6px}.preset-item button,.preset-item a{font-size:10px;padding:8px 11px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#d5d4d8;color:#252428;border:1px solid #e6e5e8;border-radius:10px;padding:13px 21px;z-index:20;font-size:12px;max-width:90%;box-shadow:0 10px 40px #0008}dialog{color:var(--text);background:#232224;border:1px solid #58555d;max-width:410px;border-radius:14px;padding:27px}dialog::backdrop{background:#0009}dialog h2{font-size:25px}dialog p{font-size:12px}.notice{font-size:11px;color:#a8a4af;border-left:2px solid #636068;padding:3px 0 3px 13px;line-height:1.7}.visual-pair{display:flex;align-items:center;gap:12px;margin:20px 0}.visual-pair img{width:44px;height:44px;border-radius:50%;object-fit:cover}.visual-pair span{font-size:11px;color:#b1aeb8}.hidden,[hidden]{display:none!important}@media(max-width:1000px){.hero{gap:35px}.hero h1{font-size:53px}.workbench{grid-template-columns:minmax(300px,410px) minmax(300px,1fr);gap:26px}.hero-preview{max-width:330px}.mini-tag{left:-20px}.hero-foot{flex-direction:column;gap:8px}}@media(max-width:720px){.site-header{padding:0 19px;height:70px}.brand{font-size:23px}.brand small{display:none}.site-header nav{display:none}.site-header>.btn{font-size:11px;padding:9px 12px}.container{padding:0 23px}.hero{grid-template-columns:1fr;padding:35px 0 40px;gap:30px}.hero h1{font-size:49px;letter-spacing:-2.7px;margin:21px 0}.hero p{font-size:14px;max-width:350px}.hero-foot{flex-direction:row;gap:20px;font-size:10px}.hero-preview{max-width:340px}.mini-tag{left:-10px;bottom:85px}.how{grid-template-columns:1fr;gap:20px}.how article{padding-left:32px}.how span{position:absolute;left:0;top:6px}.how p{margin-bottom:10px}.section{padding:35px 0}.section h2{font-size:26px}.future{align-items:start;flex-direction:column;gap:12px}.page-head{margin:24px 0 20px;padding:0 20px;align-items:start;flex-direction:column;gap:14px}.page-head h1{font-size:27px}.page-head .row{width:100%}.page-head .row>.small{margin-right:auto}.workbench{display:flex;flex-direction:column;padding:0 20px;gap:27px;margin-bottom:30px}.stage-area{position:static;width:100%;max-width:390px;margin:auto}.studio-controls{width:100%}.stage-toolbar{margin-bottom:10px}.control-card{padding:20px}.site-footer{padding:24px 22px;flex-direction:column;gap:10px}.dashboard{margin-top:32px}.dashboard h1{font-size:30px}.dashboard .featured-game{align-items:start;flex-direction:column}.preset-item{align-items:start;flex-direction:column;gap:10px}.live-only .workbench{padding:0;width:100%;max-width:min(100vw,56.25dvh)}.live-only .stage-area{max-width:none}.live-only .stage-controls{bottom:8px;right:8px;opacity:.8}.two{gap:10px}}@media(prefers-reduced-motion:reduce){.event-pop{animation:none}.mini-tag{transition:none}}
/* Compact creator choices, outside the 9:16 output. */
.gift-rule{display:grid;grid-template-columns:minmax(110px,1fr) minmax(100px,1fr) 32px;gap:8px;align-items:center;margin:10px 0}.gift-enabled{display:flex;align-items:center;gap:8px;font-size:13px}.gift-enabled input{accent-color:#bcb9c1;width:17px;height:17px}.gift-rule select{min-width:0;width:100%;padding:9px 6px;background:#171618;color:#e2e1e5;border:1px solid #353338;border-radius:7px;font:inherit;font-size:12px}.remove-gift{padding:6px!important;font-size:20px!important}.gift-picker{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.audio-row{border-top:1px solid #313034;padding:12px 0 18px}.audio-row .field{margin-top:8px}.field textarea,.field input[type=number],.field input[type=text],.field input:not([type]){width:100%;box-sizing:border-box;border:1px solid #353338;border-radius:7px;background:#171618;color:#e2e1e5;padding:11px;font:inherit;line-height:1.5}.audio-row input:disabled{opacity:.35}.trigger-more{margin-top:16px}.gift-rules{margin-bottom:12px}
@media(max-width:400px){.gift-rule{grid-template-columns:minmax(95px,1fr) minmax(105px,1fr) 28px;gap:5px}.gift-enabled{font-size:12px}}

/* Fyrvi website palette; the physical machine retains its own materials. */
:root{--bg:#101014;--surface:#1a1a22;--line:#303039;--text:#f4f3f8;--muted:#a0a0ad;--accent:#c5b4ff}
.primary,.brand b{background:var(--accent);color:#211a38;border-color:var(--accent)}.primary:hover{background:#d5c8ff}.control-card{background:var(--surface);border-color:var(--line)}.tabs button.active,.choice-group button.selected{background:#352b49;border-color:#9d83d8;color:#eee7ff}.test-buttons button:first-child{background:#352b49;border-color:#9d83d8}.switch-row input:checked{background:var(--accent)}.switch-row input:checked:after{background:#302244}.field input[type=range],.gift-enabled input{accent-color:var(--accent)}.eyebrow{color:#b9a8e4}.badge i{background:#bc9ef1}.badge{background:#25212f;border-color:#41364f;color:#cfc1e8}.auto-note{border-color:#9d83d8}.toast{background:#ded3fa;color:#221a35;border-color:#eee6ff}
button,a,input,select,textarea,summary{touch-action:manipulation}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.field input:not([type=range]),.field select,.field textarea,.gift-rule select,#test-gift,#test-comment{font-size:16px}button:active{transform:none}.gift-rule{grid-template-columns:minmax(90px,1fr) minmax(140px,1.2fr) 30px}.tier-badge{font-size:10px;letter-spacing:.4px;color:#bda3f2}.live-help{font-size:11px;line-height:1.6;color:var(--muted)}
.clean-output{background:#08080a;overflow:hidden}.clean-output .site-header,.clean-output .page-head,.clean-output .studio-controls,.clean-output .site-footer,.clean-output .stage-toolbar,.clean-output .stage-controls,.clean-output .stage-note,.clean-output #toast{display:none!important}.clean-output .workbench{display:block;padding:0;margin:0 auto;width:min(100vw,56.25dvh);max-width:none;height:100dvh}.clean-output .stage-area{position:static;max-width:none;width:100%}.clean-output .machine{border-radius:0;box-shadow:none}.live-launch{position:fixed;inset:0;display:grid;place-items:center;background:#101014ed;z-index:100;padding:24px}.live-launch>div{max-width:390px;text-align:center}.live-launch h1{font-size:30px}.live-launch .primary{width:100%}.live-launch a{display:block;margin:20px}.clean-output:fullscreen{background:#08080a}
@media(max-width:400px){.gift-rule{grid-template-columns:1fr 30px}.gift-rule select{grid-column:1;grid-row:2}.gift-rule .remove-gift{grid-column:2;grid-row:1/3}.stage-controls{flex-wrap:wrap}}

/* Material refinement only: unchanged paper, rails and machine geometry. */
.machine{background:radial-gradient(ellipse at 40% 20%,#383740 0,#27272f 62%,#1b1b23 100%);color:#e2deeb;box-shadow:inset 0 0 0 1px #6a627388,inset 0 0 0 7px #25232e55,0 20px 65px #0005}
.machine:before{filter:grayscale(1)}.bed{background:#202027;border-color:#605b6b}.led-label{color:#b3a9c5}.led-label i{background:#bba9da;box-shadow:0 0 6px #bba9da55}.machine-event{color:#e3deed}.machine-event img{border-color:#b5a5ce75}.machine-event small{color:#aca5b8}.machine-bottom span{color:#aba0bb}.machine-bottom strong{color:#e3deed}.sheet-counter{border-color:#71638188}.sheet-counter b{color:#d2c6e4}.machine-queue{color:#b4a8c4}.ink-track{background:#79668d55}.ink-track i{background:#b5a3ce}.clean-output .machine-top,.clean-output .machine-mark{display:none!important}.music-feedback{min-height:1.7em}.music-feedback+a{color:var(--accent)}