:root{font-family:system-ui,sans-serif;color:#e7e7ec;background:#0c0e11;color-scheme:dark}*{box-sizing:border-box;letter-spacing:0}body{margin:0}header{position:fixed;z-index:20;inset:0 0 auto;height:44px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #30343c;background:#14171c}.title{font-size:13px;font-weight:600}.tools{position:absolute;right:8px;display:flex;gap:4px}.tools button{display:grid;place-items:center;width:32px;height:32px;background:transparent;border:1px solid #3b414c;border-radius:4px;color:inherit;cursor:pointer}.tools button:hover{background:#313741}.tools button:disabled{opacity:.4;cursor:default}main{position:fixed;top:44px;right:0;bottom:0;left:0;display:flex;flex-direction:column}iframe{display:block;flex:1;min-height:0;width:100%;height:100%;border:0;background:#0b0b0c}iframe:fullscreen{width:100vw;height:100dvh}.notice{margin:auto;padding:24px;text-align:center}.notice h1{font-size:26px}.notice p{font-size:14px;line-height:1.6}a{color:#9fdcd5}.graphics-tip{flex:none;display:flex;align-items:center;gap:10px;padding:8px 12px;background:#14171c;border-top:1px solid #30343c;color:#c5cbd3}.graphics-tip>svg{flex:none;color:#9fdcd5}.graphics-tip p{margin:0;flex:1;font-size:13px;line-height:1.5}.graphics-tip button{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:0;border-radius:4px;background:transparent;color:inherit;cursor:pointer}.graphics-tip button:hover{background:#313741}button:focus-visible{outline:2px solid #9fdcd5;outline-offset:2px}@media(max-width:360px){.title{display:none}}