*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 20%,#34393c,#141619 75%);color:#e8e9e5;font:16px/1.5 system-ui,sans-serif;min-height:100dvh}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;min-height:44px;border:0}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #c6ed9e;outline-offset:4px}button:active,[data-key].pressed{filter:brightness(.8);transform:translateY(2px)}[hidden]{display:none!important}header{max-width:760px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;gap:15px;font-size:14px}.trial-badge{font-size:12px;letter-spacing:.08em;border:1px solid #667057;border-radius:30px;padding:5px 10px;color:#c4ddb2}main{max-width:720px;margin:auto;padding:0 18px 18px}.console{border-radius:34px;filter:drop-shadow(0 20px 22px #0008)}.screen-shell{padding:22px 24px 0;border-radius:34px 34px 22px 22px;background:linear-gradient(130deg,#4b4e51,#282b2e 35%,#323538);border:2px solid #52565a;box-shadow:inset 0 2px 2px #fff2,inset 0 -5px 8px #0009}.screen-meta{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.1em;margin:0 2px 12px;color:#cbd0cd}.screen-meta>span:first-child{display:flex;align-items:center;gap:8px}#power{width:7px;height:7px;border-radius:50%;background:#738468}#power.on{background:#c0ed8b;box-shadow:0 0 10px #b3e9828a}.screen{position:relative;background:#080a09;aspect-ratio:3/2;box-shadow:0 0 0 9px #151718,0 0 0 10px #626568;overflow:hidden;border-radius:4px}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;object-fit:contain}#start{position:absolute;inset:0}#start img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}#start>div{position:absolute;inset:auto 0 0;padding:36px 12px 15px;background:linear-gradient(transparent,#080c09ed);text-align:center}#load,.primary{background:#c5e8a0;color:#172617;padding:12px 24px;border-radius:8px;font-weight:700}#load span{margin-left:12px}#start p{font-size:12px;margin:7px 0 0;color:#eee}#loadStatus{display:block;font-size:12px}#paused{position:absolute;inset:0;display:grid;place-items:center;background:#05080770;backdrop-filter:blur(2px)}#resume{background:#e3e8dc;color:#202720;border-radius:30px;padding:12px 25px;font-weight:700}.screen-brand{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:21px 0 16px}.screen-brand b{font-style:italic;letter-spacing:-.05em;font-size:20px}.screen-brand em{color:#c2dfa7}.screen-brand>span{font-size:10px;letter-spacing:.16em;color:#a2a7a4}.hinge{height:26px;margin:0 13px;background:linear-gradient(#17191a,#414448 30%,#292c30 60%,#131517);border-radius:8px;box-shadow:0 2px 4px #0008;display:flex;justify-content:center}.hinge span{width:60%;border-left:2px solid #161719;border-right:2px solid #161719}.control-shell{border:2px solid #4c5053;border-radius:22px 22px 34px 34px;background:linear-gradient(125deg,#3a3d40,#272a2d 65%,#34383a);box-shadow:inset 0 2px 2px #fff2,inset 0 -4px 6px #0007;padding:20px 24px 0}.shoulders{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.shoulder{width:25%;height:51px;background:linear-gradient(#686b70,#474a50);box-shadow:0 0 0 3px #17191b,0 5px 5px #0008,inset 0 2px 2px #aaa7;border:1px solid #85898d;border-radius:18px;font-size:24px;font-weight:750;color:#232528;text-shadow:0 1px #888}.system-keys{display:flex;gap:20px;justify-content:center}.system-keys button{background:none;color:#bfc3bf;font-size:10px;padding:9px 0 0;letter-spacing:.07em;min-width:44px}.system-keys span{display:block;height:16px;border-radius:20px;background:linear-gradient(#55595e,#35383c);box-shadow:0 0 0 3px #191b1e,0 3px 4px #0009;margin-bottom:10px;border-top:1px solid #74787d}.main-controls{display:flex;align-items:center;justify-content:space-between;position:relative;padding:30px 0 25px;min-height:210px}.dpad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px);filter:drop-shadow(0 5px 3px #000a);touch-action:none;z-index:1}.dpad button,.dpad .center{background:#575b60;border:1px solid #777c81;color:#35393d;text-shadow:0 1px #777;font-size:21px;padding:0;box-shadow:inset 0 2px 2px #a5a8ac55;min-height:0;border-radius:4px}.dpad .up{grid-area:1/2;border-bottom:0;border-radius:7px 7px 0 0}.dpad .left{grid-area:2/1;border-right:0;border-radius:7px 0 0 7px}.dpad .center{grid-area:2/2;border:0;box-shadow:none;position:relative}.dpad .center:after{content:'';position:absolute;inset:15px;border-radius:100%;background:#494d51;box-shadow:inset 0 2px 3px #0004}.dpad .right{grid-area:2/3;border-left:0;border-radius:0 7px 7px 0}.dpad .down{grid-area:3/2;border-top:0;border-radius:0 0 7px 7px}.ab{display:flex;gap:22px;align-items:center;transform:rotate(-25deg);background:#1e2124;border-radius:60px;padding:12px;box-shadow:inset 0 3px 3px #0007;border-bottom:1px solid #6666}.ab button{width:66px;height:66px;border-radius:50%;background:linear-gradient(130deg,#7a6879,#50464f);border:2px solid #97818f;box-shadow:0 0 0 3px #151617,0 5px 5px #0009,inset 0 2px 2px #aaa6;font-size:27px;font-weight:750;transform:rotate(25deg);color:#201e23;text-shadow:0 1px #9e8b99}.ab button.pressed,.ab button:active{transform:rotate(25deg) translateY(2px)}[data-key]{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.speaker{width:45px;height:40px;opacity:.3;transform:rotate(-25deg);background:repeating-linear-gradient(90deg,#08090a 0 3px,transparent 3px 9px);position:absolute;left:47%;bottom:23px}.toolbar{display:grid;grid-template-columns:repeat(4,1fr);background:#171a1c88;border-radius:20px 20px 30px 30px;margin:0 -16px;padding:12px 5px 17px;border-top:1px solid #53565a55}.toolbar button{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;font-size:12px;padding:0 3px;color:#cdd1cc;border-right:1px solid #65696755}.toolbar button:last-child{border:0}.tool-icon{font-size:25px;line-height:36px;width:46px;height:36px;color:#e5e9de}.toolbar [aria-pressed=true]{color:#c5e8a0}.session-note{font-size:13px;color:#b0b6ac;line-height:1.6;text-align:center;margin:18px 10px 8px}.keyboard-help{font-size:13px;color:#aeb5aa;text-align:center}.keyboard-help summary{cursor:pointer;min-height:44px;padding:10px}.keyboard-help p{line-height:1.8}#feedback{color:#c7e4ad;font-size:13px;text-align:center;margin:8px}footer{font-size:12px;text-align:center;color:#949d93;padding:10px 20px 25px;line-height:1.8}footer a{text-decoration:underline}#bossNotice{padding:14px;border-radius:8px;background:#c5e8a0;color:#172617;font-size:14px}#bossNotice button{background:none;color:inherit;font-weight:700}dialog{color:#e4e9df;background:#282d2b;border:1px solid #636e5d;border-radius:22px;width:calc(100% - 32px);max-width:450px;max-height:90dvh;overflow:auto;padding:24px;box-shadow:0 25px 90px #0009}dialog::backdrop{background:#050908b8;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-head h1{font-size:24px;margin:0}.dialog-head button{background:#ffffff0a;border-radius:50%;width:44px}.dialog-head>span{font-size:12px;letter-spacing:.07em;color:#bcd69e}dialog h1{font-size:30px;line-height:1.2}dialog button{border-radius:8px}dialog .setting-row{display:flex;width:100%;justify-content:space-between;align-items:center;padding:16px 0;background:none;font-size:16px}output,#audioLabel{color:#c5e8a0}input[type=range]{width:100%;accent-color:#c5e8a0;min-height:40px}.save-locked{border-top:1px solid #65705d66;padding-top:20px;margin:12px 0 20px}.save-locked b{font-size:15px}.save-locked b span{font-size:10px;background:#505d44;padding:4px 6px;border-radius:4px;margin-left:8px}.save-locked p,.small{font-size:13px;line-height:1.6;color:#b6c0ae}.save-locked>div{display:flex;gap:10px}.save-locked button{background:#ffffff15;padding:10px;font-size:14px}.outline{background:none;border:1px solid #82966e;width:100%;padding:10px}.price{font-size:42px;font-weight:600;margin:24px 0}.price small{display:block;font-size:13px;font-weight:400;color:#b6c0ae}dialog li{margin:9px 0}dialog .primary{width:100%}#offerStatus{font-size:13px}.console:fullscreen{background:#202426;padding:14px;display:flex;flex-direction:column;justify-content:center;max-width:none;border-radius:0;overflow:auto}.console:fullscreen .screen-shell,.console:fullscreen .control-shell,.console:fullscreen .hinge{width:min(640px,100%);margin-left:auto;margin-right:auto}
@media(min-width:800px){main{max-width:730px}.main-controls{padding-top:25px;padding-bottom:20px;min-height:195px}.dpad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px)}}
@media(max-width:430px){header{padding:12px 16px}main{padding:0 8px 12px}.screen-shell{padding:17px 16px 0;border-radius:25px 25px 17px 17px}.screen-brand{padding:18px 0 12px}.screen-brand b{font-size:17px}.screen-brand>span{font-size:9px}.control-shell{padding:17px 17px 0}.main-controls{padding:25px 2px;min-height:200px}.dpad{grid-template-columns:repeat(3,42px);grid-template-rows:repeat(3,42px)}.ab{gap:16px;padding:8px}.ab button{width:57px;height:57px}.shoulder{height:46px}.system-keys{gap:15px}.toolbar{margin:0 -10px}.toolbar button{font-size:11px}.session-note{font-size:12px}.screen-meta{font-size:10px}.speaker{display:none}#start>div{padding-bottom:10px}#start p{font-size:11px}#load{padding:10px 20px}}
@media(orientation:landscape) and (max-height:600px){header{padding:8px 20px;max-width:1000px}main{max-width:1000px}.console{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:10px;filter:none}.hinge{display:none}.screen-shell{padding:15px 18px 0;border-radius:20px}.screen-meta{margin-bottom:10px}.screen-brand{padding:14px 0 8px}.control-shell{border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;padding:14px 14px 0}.shoulders{gap:8px}.system-keys{gap:10px}.shoulder{width:23%;height:44px}.main-controls{padding:12px 0;min-height:145px}.dpad{grid-template-columns:repeat(3,36px);grid-template-rows:repeat(3,36px)}.ab{gap:12px;padding:7px}.ab button{width:48px;height:48px}.speaker{display:none}.toolbar{margin:0 -8px;padding:6px 0 10px}.toolbar button{font-size:10px}.session-note{margin:10px 0}.console:fullscreen{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.console:fullscreen .screen-shell,.console:fullscreen .control-shell{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.trial-badge:hover{background:#3a4732}.trial-badge{min-height:44px;display:inline-flex;align-items:center}dialog a.primary{display:block;text-align:center;text-decoration:none;margin:15px 0}