:root{color:#ecffd8;background:#10170f;font-family:Courier Prime,IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{min-height:100%}html{touch-action:manipulation}body{margin:0;background:radial-gradient(circle at 22% 16%,rgba(151,216,69,.18),transparent 34rem),radial-gradient(circle at 80% 20%,rgba(87,123,53,.22),transparent 28rem),linear-gradient(135deg,#070b07,#182015 55%,#0e130d)}button{font:inherit}.app-shell{display:grid;grid-template-columns:1fr;gap:1.5rem;min-height:100vh;padding:clamp(1rem,4vw,3rem);justify-items:center}.handheld,.screen-wrap,.hardware-controls,.control-button,.round-button,.pill-button{touch-action:none;-webkit-user-select:none;user-select:none}.hero-panel,.control-panel{align-self:start}.hero-panel{grid-column:1 / -1;max-width:62rem}.hero-panel h1{max-width:52rem;margin:0;color:#f4ffd8;font-size:clamp(2.4rem,7vw,6.5rem);line-height:.88;letter-spacing:-.08em;text-transform:uppercase}.hero-panel p:not(.eyebrow){max-width:42rem;color:#c7e9af;font-size:1rem;line-height:1.7}.eyebrow{margin:0 0 .6rem;color:#9ee450;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.handheld{position:relative;overflow:hidden;width:min(100%,46rem);margin-inline:auto;padding:clamp(.5rem,3vw,1.5rem);border:.18rem solid #4a5848;border-radius:2.1rem 2.1rem 5.5rem;background:linear-gradient(145deg,rgba(255,255,255,.16),transparent 18%),linear-gradient(160deg,#9da596,#69715f 48%,#42493d);box-shadow:0 2.5rem 5rem #00000073,inset 0 .2rem #ffffff3d}.session-chip{position:absolute;z-index:3;top:1rem;right:1rem;display:inline-flex;gap:.35rem;align-items:center;padding:.38rem .55rem;border:1px solid rgba(226,255,198,.22);border-radius:999px;background:#0c120cbd;color:#dff4cb;font-size:.64rem;font-weight:800;letter-spacing:.08em;pointer-events:none;text-transform:uppercase}.session-chip span:not(:last-child):after{margin-left:.35rem;color:#dff4cb73;content:"/"}.handheld:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 1px);background-size:8px 8px;mix-blend-mode:soft-light}.bezel{position:relative;padding:1rem 1rem 1.25rem;border-radius:1.5rem 1.5rem 3.5rem;background:linear-gradient(160deg,#2b3431,#111715);box-shadow:inset 0 0 0 .12rem #ffffff1a,inset 0 0 2rem #00000085}.screen-labels{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem;color:#bfcab8;font-size:.62rem;letter-spacing:.14em}.power-light:before{display:inline-block;width:.48rem;height:.48rem;margin-right:.45rem;border-radius:999px;background:#d74235;box-shadow:0 0 .8rem #ff4b3f;content:""}.screen-wrap{position:relative;overflow:hidden;border:.35rem solid #101511;border-radius:.55rem;background:#7c9654;aspect-ratio:160 / 144}.shared-status{padding:1.25rem;border:1px solid rgba(150,210,120,.28);border-radius:1.2rem;background:#080d08ad;color:#d7ffc8}.shared-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;font-family:inherit;font-size:.9rem}.webrtc-video{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;pointer-events:none;image-rendering:pixelated}.screen-wrap:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:repeating-linear-gradient(0deg,rgba(0,0,0,.12),rgba(0,0,0,.12) 1px,transparent 1px,transparent 4px),radial-gradient(circle at 50% 10%,rgba(255,255,255,.22),transparent 45%);mix-blend-mode:multiply}.game-screen{display:block;width:100%;height:100%;background:#8ca85e;image-rendering:pixelated}.screen-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#27331d;font-size:clamp(1.3rem,6vw,3.2rem);font-weight:800;letter-spacing:-.08em;opacity:.58;text-shadow:1px 1px rgba(255,255,255,.18)}.hardware-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem}.dpad{display:grid;grid-template-columns:repeat(3,clamp(3.75rem,18vw,6rem));grid-template-rows:repeat(3,clamp(3.75rem,18vw,6rem));gap:.25rem;justify-items:center;align-items:center}.control-button,.dpad-center{border:0;background:linear-gradient(160deg,#27302b,#111613);color:#dbe9cc;box-shadow:inset 0 .18rem #ffffff14,0 .5rem 1rem #0000004d}.control-button:active,.round-button:active,.pill-button:active{transform:translateY(2px)}.control-button.is-pressed,.round-button.is-pressed,.pill-button.is-pressed{transform:translateY(2px);filter:brightness(1.35) saturate(1.15);box-shadow:inset 0 .18rem #ffffff38,0 0 .6rem #9ee4508c,0 0 1.2rem #9ee45052}.round-button.is-pressed{box-shadow:inset 0 .22rem #ffffff4d,0 0 .7rem #ff8aaab3,0 0 1.4rem #ff8aaa66}.dpad .control-button:nth-child(2){border-radius:.45rem .45rem 0 0}.dpad .control-button:nth-child(4){border-radius:.45rem 0 0 .45rem}.dpad .control-button:nth-child(6){border-radius:0 .45rem .45rem 0}.dpad .control-button:nth-child(8){border-radius:0 0 .45rem .45rem}.dpad-center{border-radius:0}.face-buttons{display:flex;align-items:center;gap:1rem;transform:rotate(-8deg)}.round-button{width:clamp(4.8rem,22vw,6.5rem);height:clamp(4.8rem,22vw,6.5rem);border:0;border-radius:50%;background:linear-gradient(145deg,#9a2f53,#5c1b33);color:#ffddea;font-size:1.4rem;font-weight:900;box-shadow:inset 0 .22rem #ffffff24,0 .8rem 1.2rem #00000047}.menu-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1.6rem}.pill-button{min-width:4.5rem;padding:.5rem .9rem;border:0;border-radius:999px;background:#28302a;color:#d3dfc8;box-shadow:inset 0 .14rem #ffffff1a,0 .55rem 1rem #00000040}.control-panel{display:none;gap:1rem}.rom-dropzone,.status-card,.shared-status{padding:1.25rem;border:1px solid rgba(185,231,122,.26);border-radius:1.2rem;background:#080d08ad;box-shadow:0 1.4rem 3rem #0000003d,inset 0 0 0 1px #ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rom-dropzone h2,.status-card h2{margin:0 0 .6rem;color:#f0ffd4;letter-spacing:-.04em}.rom-dropzone p,.status-card p,.shared-status{color:#c7e4b1;line-height:1.6}.shared-status-grid{display:grid;gap:.42rem;color:#dff4cb;font-size:.82rem;line-height:1.35}.primary-action,.runtime-actions button{border:0;border-radius:.8rem;background:#9ee450;color:#15210c;font-weight:800;padding:.75rem 1rem;box-shadow:0 .8rem 1.5rem #7dc2373d}.runtime-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.runtime-actions button:disabled{cursor:not-allowed;opacity:.45}.rom-name{margin-bottom:0;color:#fbffd3;word-break:break-word}.key-list{display:grid;gap:.5rem;margin:0}.key-list div{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.45rem;border-bottom:1px dashed rgba(199,228,177,.22)}.key-list dt{color:#9ee450;font-weight:800}.key-list dd{margin:0;color:#f0ffd4}.chat-toggle{position:fixed;z-index:50;right:calc(1rem + env(safe-area-inset-right));bottom:calc(1rem + env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1rem;border:1px solid rgba(158,228,80,.55);border-radius:999px;background:#0c160ceb;color:#d7ffc8;font-family:inherit;font-size:.82rem;font-weight:700;letter-spacing:.04em;cursor:pointer;box-shadow:0 .6rem 1.4rem #0000006b,inset 0 0 0 1px #ffffff0d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.chat-toggle-label{text-transform:uppercase}.chat-toggle-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.3rem;height:1.3rem;padding:0 .35rem;border-radius:999px;background:#d74235;color:#fff;font-size:.7rem;font-weight:800;box-shadow:0 0 .6rem #ff4b3f8c}.chat-panel{position:fixed;z-index:60;display:flex;flex-direction:column;background:#080d08f0;border:1px solid rgba(158,228,80,.32);color:#d7ffc8;font-family:inherit;pointer-events:none;visibility:hidden;transform:translateY(8px);opacity:0;transition:transform .18s ease,opacity .18s ease,visibility .18s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);top:calc(1rem + env(safe-area-inset-top));right:calc(1rem + env(safe-area-inset-right));bottom:calc(1rem + env(safe-area-inset-bottom));width:clamp(20rem,28vw,26rem);border-radius:1rem;box-shadow:0 1.4rem 3rem #00000075}.chat-panel-open{pointer-events:auto;visibility:visible;transform:translateY(0);opacity:1}.chat-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem .9rem;border-bottom:1px solid rgba(158,228,80,.18);background:#0f180f99}.chat-nickname{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.05rem;padding:.25rem .5rem;border:1px dashed rgba(199,228,177,.28);border-radius:.55rem;background:transparent;color:inherit;cursor:pointer;text-align:left}.chat-nickname-label{font-size:.55rem;font-weight:800;letter-spacing:.18em;color:#9ee450;text-transform:uppercase}.chat-nickname-name{font-size:.85rem;font-weight:700;color:#f0ffd4;word-break:break-word}.chat-meta{flex:1 1 auto;margin-left:.6rem;color:#dff4cb99;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-align:center;text-transform:uppercase}.chat-collapse{width:2rem;height:2rem;border:1px solid rgba(199,228,177,.24);border-radius:999px;background:transparent;color:#d7ffc8;font-size:.9rem;font-weight:700;cursor:pointer}.chat-scroll{flex:1 1 auto;display:flex;flex-direction:column;gap:.55rem;padding:.8rem .9rem;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(199,228,177,.3) transparent}.chat-scroll::-webkit-scrollbar{width:.45rem}.chat-scroll::-webkit-scrollbar-thumb{background:#c7e4b147;border-radius:999px}.chat-empty{margin:auto;color:#c7e4b18c;font-size:.84rem;text-align:center}.chat-message{display:flex;flex-direction:column;gap:.18rem;max-width:92%;padding:.5rem .65rem;align-self:flex-start;border-radius:.7rem .7rem .7rem .2rem;background:#142014db;word-break:break-word;overflow-wrap:anywhere}.chat-message-mine{align-self:flex-end;background:#3c5c26db;border-radius:.7rem .7rem .2rem}.chat-message-meta{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;font-size:.66rem;letter-spacing:.04em;color:#c7e4b1b3}.chat-message-name{font-weight:800;color:#d7ffc8}.chat-message-time{font-variant-numeric:tabular-nums;color:#c7e4b18c}.chat-message-text{font-size:.92rem;line-height:1.45;color:#f0ffd4;white-space:pre-wrap}.chat-error{margin:0 .9rem .4rem;padding:.45rem .6rem;border-radius:.55rem;background:#d742352e;border:1px solid rgba(215,66,53,.6);color:#ffd9d4;font-size:.78rem}.chat-input-form{display:flex;gap:.45rem;padding:.7rem .8rem calc(.7rem + env(safe-area-inset-bottom));border-top:1px solid rgba(158,228,80,.18);background:#0f180f99}.chat-input{flex:1 1 auto;min-width:0;padding:.55rem .7rem;border:1px solid rgba(199,228,177,.32);border-radius:.55rem;background:#080d08b3;color:#f0ffd4;font:inherit;font-size:.92rem}.chat-input:disabled{opacity:.55;cursor:not-allowed}.chat-input:focus{outline:2px solid rgba(158,228,80,.55);outline-offset:1px}.chat-send{padding:.55rem .95rem;border:0;border-radius:.55rem;background:#9ee450;color:#15210c;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 .4rem .9rem #7dc23747}.chat-send:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}@media (max-width: 980px){.chat-toggle{right:calc(.6rem + env(safe-area-inset-right));bottom:calc(3.5rem + env(safe-area-inset-bottom));padding:.55rem .85rem;font-size:.74rem}.chat-panel{top:auto;right:0;left:0;bottom:0;width:100%;height:min(60dvh,28rem);border-left:0;border-right:0;border-bottom:0;border-top:1px solid rgba(158,228,80,.32);border-radius:1rem 1rem 0 0}}@media (min-width: 981px) and (max-width: 1280px){.chat-panel{width:clamp(18rem,32vw,22rem)}}@media (max-width: 980px){html,body,#root{width:100%;height:100%;overflow:hidden}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;grid-template-columns:1fr;gap:0;width:100vw;min-height:100dvh;padding:0}.hero-panel{display:none}.handheld{display:flex;flex-direction:column;justify-content:space-between;width:100vw;height:100dvh;max-width:none;margin:0;padding:calc(.5rem + env(safe-area-inset-top)) calc(.5rem + env(safe-area-inset-right)) calc(.5rem + env(safe-area-inset-bottom)) calc(.5rem + env(safe-area-inset-left));border:0;border-radius:0;box-shadow:inset 0 .2rem #fff3,inset 0 -1rem 3rem #00000047}.session-chip{top:calc(.65rem + env(safe-area-inset-top));right:calc(.65rem + env(safe-area-inset-right));font-size:.58rem}.bezel{display:flex;flex:1 1 0;flex-direction:column;justify-content:center;min-height:0;padding:.55rem;border-radius:1.15rem 1.15rem 2.4rem}.screen-labels{flex:0 0 auto;font-size:clamp(.48rem,2vw,.62rem)}.screen-wrap{flex:0 1 auto;width:min(100%,calc((100dvh - 17.5rem)*1.111));max-height:calc(100dvh - 18.75rem);min-height:13rem;margin:auto;aspect-ratio:160 / 144}.screen-placeholder{font-size:clamp(1.45rem,12vw,4rem)}.hardware-controls{flex:0 0 auto;justify-content:space-between;gap:clamp(.55rem,3vw,1.1rem);margin-top:clamp(.45rem,1.5vh,.8rem);padding:0 clamp(.2rem,2vw,.65rem) 3.6rem}.hardware-controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:end;padding:0}@media (min-width: 915px) and (max-width: 1280px){.hardware-controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:end;padding:0}.dpad{grid-column:1;grid-row:1;justify-items:start;align-self:end}.face-buttons{grid-column:2;grid-row:1;justify-content:end;align-self:end}.menu-buttons{position:fixed;bottom:calc(.5rem + env(safe-area-inset-bottom));left:0;right:0;display:flex;justify-content:center;gap:.75rem;padding:.25rem;height:48px;z-index:6;background:transparent}.handheld{padding-bottom:4rem}.control-button,.round-button,.pill-button{min-width:44px;min-height:44px}}.dpad{grid-column:1;grid-row:1;justify-items:start;align-self:end;width:100%}.face-buttons{grid-column:2;grid-row:1;justify-content:end;align-self:end}.menu-buttons{position:fixed;bottom:calc(.5rem + env(safe-area-inset-bottom));left:0;right:0;display:flex;justify-content:center;gap:.75rem;padding:.5rem;z-index:6;background:transparent}.handheld{padding-bottom:8rem}.control-button,.round-button,.pill-button{min-width:44px;min-height:44px}.dpad{grid-template-columns:repeat(3,60px);grid-template-rows:repeat(3,60px);gap:8px}.control-button{min-width:100%;min-height:100%;font-size:clamp(.68rem,2.5vw,.92rem)}.dpad-center{min-width:100%;min-height:100%}.face-buttons{gap:clamp(.65rem,3vw,1.1rem);transform:none}.round-button{width:clamp(4.45rem,19vw,5.55rem);height:clamp(4.45rem,19vw,5.55rem);font-size:clamp(1.35rem,5vw,1.75rem)}.menu-buttons{flex:0 0 auto;margin-top:clamp(.65rem,2.2vh,1.05rem)}.pill-button{min-width:clamp(4.25rem,18vw,5.4rem);min-height:2.35rem;padding:.42rem .8rem}.menu-buttons{position:fixed;bottom:calc(.35rem + env(safe-area-inset-bottom));left:0;right:0;display:flex;justify-content:center;gap:.75rem;padding:.5rem;z-index:6;background:transparent}.control-panel{position:fixed;z-index:5;top:calc(.65rem + env(safe-area-inset-top));right:calc(.65rem + env(safe-area-inset-right));left:calc(.65rem + env(safe-area-inset-left));display:grid;grid-auto-flow:column;grid-auto-columns:minmax(10.5rem,1fr);width:auto;max-height:9.5rem;overflow-x:auto;overflow-y:hidden;gap:.55rem;pointer-events:auto;scrollbar-width:none}.control-panel::-webkit-scrollbar{display:none}.app-shell.has-rom .rom-dropzone,.control-panel .status-card:last-child{display:none}.rom-dropzone,.status-card,.shared-status{min-width:10.5rem;padding:.8rem;border-radius:.9rem;background:#070c07c2}.rom-dropzone h2,.status-card h2{font-size:1rem}.rom-dropzone p,.status-card p,.shared-status-grid{margin-block:.35rem;font-size:.76rem;line-height:1.35}.primary-action,.runtime-actions button{padding:.58rem .7rem;font-size:.74rem}.runtime-actions{gap:.45rem;margin-top:.55rem}}@media (max-height: 420px){.session-chip,.screen-labels{display:none}.handheld{padding:0}.bezel{padding:.35rem}.screen-wrap{width:min(80vw,320px);height:auto;max-height:40vh}.hardware-controls{margin-top:.25rem}.menu-buttons{bottom:.25rem}}@media (max-width: 560px){.hardware-controls{align-items:center;flex-direction:row}.face-buttons{justify-content:center}.control-panel{max-height:9.25rem}}@media (max-width: 560px){.hardware-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.45rem}.dpad{grid-template-columns:repeat(3,54px);grid-template-rows:repeat(3,54px);gap:6px;width:max-content}.round-button{width:66px;height:66px}.face-buttons{justify-self:end;max-width:100%;gap:.55rem}}@media (max-height: 420px) and (orientation: landscape){.handheld{justify-content:flex-start;padding:.35rem .5rem calc(3.15rem + env(safe-area-inset-bottom))}.bezel{flex:0 0 auto;width:min(38vw,20rem);margin-inline:auto;padding:.3rem;border-radius:.8rem .8rem 1.4rem}.screen-wrap{width:min(100%,39.996dvh);max-height:36dvh;min-height:0}.hardware-controls{position:fixed;right:.5rem;bottom:calc(2.75rem + env(safe-area-inset-bottom));left:.5rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.8rem;height:168px;margin:0;padding:0;align-items:end}.dpad{grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);gap:6px;width:max-content;align-self:end;justify-self:start}.face-buttons{align-self:end;justify-self:end;gap:.7rem}.round-button{width:64px;height:64px}.menu-buttons{height:42px;padding:.25rem}.pill-button{min-height:38px}}@media (min-width: 981px) and (max-width: 1280px) and (max-height: 900px){html,body,#root{width:100%;height:100%;overflow:hidden}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;min-height:100dvh;overflow:hidden;padding:0}.hero-panel{display:none}.handheld{display:flex;flex-direction:column;justify-content:space-between;width:100vw;height:100dvh;max-width:none;margin:0;padding:calc(.8rem + env(safe-area-inset-top)) clamp(.9rem,2vw,1.25rem) calc(4rem + env(safe-area-inset-bottom));border:0;border-radius:0;box-shadow:inset 0 .2rem #ffffff2e,inset 0 -1rem 3rem #00000040}.bezel{display:flex;flex:1 1 0;flex-direction:column;justify-content:center;width:min(74vw,50rem);min-height:0;margin-inline:auto;padding:.7rem;border-radius:1.2rem 1.2rem 2rem}.screen-labels{flex:0 0 auto}.screen-wrap{flex:0 1 auto;width:min(100%,calc((100dvh - 17rem)*1.111),46rem);max-height:calc(100dvh - 18rem);min-height:0;margin:auto}.hardware-controls{position:fixed;right:1rem;bottom:calc(4rem + env(safe-area-inset-bottom));left:1rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;height:196px;margin:0;padding:0;align-items:end}.dpad{grid-template-columns:repeat(3,60px);grid-template-rows:repeat(3,60px);gap:8px;width:max-content;align-self:end;justify-self:start}.control-button,.dpad-center{width:100%;height:100%;min-width:44px;min-height:44px}.face-buttons{align-self:end;justify-self:end;gap:1rem;transform:none}.round-button{width:88px;height:88px}.menu-buttons{position:fixed;right:0;bottom:calc(.45rem + env(safe-area-inset-bottom));left:0;display:flex;justify-content:center;gap:.75rem;height:48px;margin:0;padding:.25rem;z-index:6;background:transparent}.pill-button{min-width:5.4rem;min-height:42px}}