html.embed,html.embed body{height:100%;height:100dvh;overflow:hidden;background:#151d1b}
.embed body{display:flex;flex-direction:column}
.embed .topbar{height:40px;min-height:40px;padding:0 12px;gap:10px}
.embed .brand{font-size:13px;gap:6px;letter-spacing:.7px}.embed .brand-mark{transform:scale(.65);margin:-5px}.embed .edition,.embed #about-button{display:none}.embed .open-game{font-size:11px;white-space:nowrap;text-underline-offset:3px}
.embed .app-shell{display:flex;flex:1;min-height:0;flex-direction:column}
.embed .rail{height:36px;min-height:36px;width:100%;padding:0 8px;flex-direction:row;border:0;border-bottom:1px solid var(--line);gap:0}
.embed .nav-item{font-size:11px;flex-direction:row;gap:5px;justify-content:center;height:36px}.embed .nav-icon{font-size:16px}.embed .nav-item.active:before{display:none}.embed .rail-bottom,.embed #play-nav{display:none}
.embed main{display:flex;flex:1;min-height:0;flex-direction:column;width:100%;max-width:100%;padding:8px 10px;margin:0}
.embed .page-heading,.embed .journey-panel,.embed footer,.embed .controls-row,.embed .console-top{display:none}
.embed .play-layout{display:flex;flex:1;min-height:0;gap:0}.embed .console{display:flex;flex:1;min-height:0;flex-direction:column;border-radius:3px}
.embed .screen-surround{display:flex;justify-content:center;align-items:center;flex:1;min-height:0;padding:4px;background:#101815}
.embed .screen{height:100%;width:auto;min-height:0;max-height:100%;max-width:100%;aspect-ratio:10/9;box-shadow:none;border:0;margin:0}
.embed .player-toolbar{flex-shrink:0;padding:7px 10px;min-height:36px}.embed .toolbar-left button,.embed .toolbar-right select{font-size:10px}.embed .palette-label{display:none}
.embed .touch-controls{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:12px;height:132px;margin:7px 12px 0;user-select:none;touch-action:none}
.embed .dpad{display:grid;grid-template-columns:40px 40px 40px;grid-template-rows:40px 40px 40px}.embed .dpad button{font-size:15px}.embed .ab-controls button{width:48px;height:48px;font-size:17px}.embed .touch-middle{gap:14px}.embed .touch-middle button{min-height:32px;font-size:9px;padding:5px 12px}
.embed .screen-overlay{padding:10px}.embed .screen-overlay h2{font-size:21px;margin:12px 0 5px}.embed .screen-overlay p{font-size:10px;margin:5px 0 12px}.embed .screen-overlay small{font-size:8px}.embed .pixel-ball{transform:scale(.65);margin:-6px}
.embed dialog{max-height:calc(100dvh - 24px);width:calc(100% - 24px);padding:20px;overflow:auto}.embed dialog h2{font-size:24px}
#storage-warning{position:fixed;left:0;right:0;bottom:0;margin:0;padding:10px;background:#f5d583;color:#211d16;font-size:12px;z-index:100}
.embed .test-save-notice{padding:3px;font-size:10px}
.embed .dpad button{padding:0;background:#334732;color:#d2e0c2;border:1px solid #52654a;box-shadow:0 3px 0 #0d190e}
.embed .dpad button:first-child{grid-column:2;grid-row:1}.embed .dpad button:nth-child(2){grid-column:1;grid-row:2}.embed .dpad span{grid-column:2;grid-row:2;background:#334732}.embed .dpad button:nth-child(4){grid-column:3;grid-row:2}.embed .dpad button:last-child{grid-column:2;grid-row:3}
.embed .touch-middle{display:flex;flex-direction:column}.embed .touch-middle button{border:1px solid #4a6142;border-radius:12px;background:#263626;color:#c0d0b1}
.embed .ab-controls{display:flex;gap:10px;transform:rotate(-18deg)}.embed .ab-controls button{border-radius:50%;background:#b66d5f;border:1px solid #db9781;color:#ffe7d1;box-shadow:0 4px 0 #67382f}.embed .ab-controls button:first-child{background:#5d83a3;border-color:#91b4d1;box-shadow:0 4px 0 #2c455a}
@media(max-height:520px){.embed .touch-controls{height:95px}.embed .dpad{grid-template-columns:29px 29px 29px;grid-template-rows:29px 29px 29px}.embed .topbar{height:32px;min-height:32px}.embed .screen-overlay .pixel-ball,.embed .screen-overlay small{display:none}.embed .screen-overlay h2{font-size:16px}}
