/* body { padding: 0; margin: 0 } */
#unity-container { position: absolute }
/* #unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) } */
/* #unity-container.unity-mobile { position: fixed; width: 100%; height: 100% } */
/* #unity-canvas { background: #231F20 } */
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
#unity-logo { width: 154px; height: 130px; background: url('unity-logo-dark.png') no-repeat center }
#unity-progress-bar-empty { width: 141px; height: 18px; margin-top: 10px; margin-left: 6.5px; background: url('progress-bar-empty-dark.png') no-repeat center }
#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-dark.png') no-repeat center }
#unity-footer { position: relative }
.unity-mobile #unity-footer { display: none }
#unity-logo-title-footer { float:left; width: 102px; height: 38px; background: url('unity-logo-title-footer.png') no-repeat center }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#unity-fullscreen-button { cursor:pointer; float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }
:root{
    --bg:#000;
    --fg:#fff;
    --border:#1e1e1e;
}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;-webkit-font-smoothing:antialiased;letter-spacing:.01em}
main{padding:0 20px 64px}

/* Unity 埋め込み */
.stage{display:grid;place-items:center;margin:48px auto 36px}
.player-box{width:960px;height:600px;background:transparent;display:grid;place-items:center;border: 1px solid #6f6f6f;}
canvas#unity-canvas{width:960px;height:600px;display:block;background:transparent}
canvas:focus {
    outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* 下段 2 カラム情報（横幅960pxに揃え） */
.info{width:960px;margin:0 auto;display:grid;grid-template-columns:500px 340px;gap:120px;padding-top:24px}
.col h2{margin:.2rem 0 .6rem;font-size:13px;color:var(--fg);font-weight:600}
.block{font-size:13px;line-height:1.8;color:var(--fg)}
.indent{margin:0 0 .6rem}
ul{margin:.2rem 0 0 1.2em;padding:0}
li{margin:.1rem 0}
footer{padding:36px 20px 56px;color:var(--fg);text-align:center;font-size:12px}