*, *::before, *::after {box-sizing : border-box}

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {margin : 0}

ul[role="list"], ol[role="list"] {list-style : none}

body, html {height : 100%;font-family : "Helvetica Neue", Helvetica, Arial, Sans-Serif;color : #EFEFEF}

body {text-rendering : optimizeSpeed;line-height : normal}

a:not([class]) {text-decoration-skip-ink : auto}

a:hover, a:visited, a:active, a {font-weight : bold;color : inherit;text-decoration : none}

img, picture {max-width : 100%;display : block}

input, button, textarea, select {font : inherit}

@media (prefers-reduced-motion : reduce) {
  *, *::before, *::after {animation-duration : 0.01ms !important;animation-iteration-count : 1 !important;transition-duration : 0.01ms !important;scroll-behavior : auto !important}
}

#nativeInputDialog {background : rgba(38, 33, 27, 0.75);width : 100%;height : 100%;position : fixed;top : 0;z-index : 2147483647;font-family : "Helvetica Neue", Helvetica, Arial, Sans-Serif}

#nativeInputDialogTitle {color : #ffffff;font-size : 2em}

#unity-loading-bar {position : absolute;left : 50%;top : 50%;transform : translate(-50%, -50%);display : none}

#unity-logo {width : 154px;height : 130px;background : url("./build/onikai/TemplateData/unity-logo-dark.png") no-repeat center}

#unity-progress-bar-empty {width : 141px;height : 18px;margin-top : 10px;background : url("./build/onikai/TemplateData/progress-bar-empty-dark.png") no-repeat center}

#unity-progress-bar-full {width : 0%;height : 18px;margin-top : 10px;background : url("./build/onikai/TemplateData/progress-bar-full-dark.png") no-repeat center}

#unity-footer {position : relative}

.unity-mobile #unity-footer {display : none}

#unity-webgl-logo {float : left;width : 204px;height : 38px;background : url("./build/onikai/TemplateData/webgl-logo.png") no-repeat center}

#unity-build-title {float : right;margin-right : 10px;line-height : 38px;font-family : arial;font-size : 18px}

#unity-fullscreen-button {float : right;width : 38px;height : 22px;background : url("./build/onikai/TemplateData/fullscreen-button.png") no-repeat center}

.game-container {display : flex;justify-content : center;align-items : center;width : 100%;height : calc(100% - 32px - 45px);flex-direction : column}

.game-container #unity-container {left : auto;top : initial;transform : none;position : relative}

.game-container #unity-container .canvas-wrapper {padding : 10px;border-image-source : url("./images/box-border.png");border-image-slice : 56 56 56 56 fill;border-image-width : 56px 56px 56px 56px;border-image-outset : 0px 0px 0px 0px;border-image-repeat : stretch stretch;-webkit-box-shadow : 0px 0px 27px 10px rgba(0, 0, 0, 0.3);box-shadow : 0px 0px 27px 10px rgba(0, 0, 0, 0.3)}

.game-container #unity-container.unity-mobile {width : auto;height : auto}

.game-container #unity-container.unity-mobile #unity-canvas {width : inherit;height : inherit}

.game-container #unity-container.unity-mobile #unity-loading-bar {transform : translate(-50%, -50%) scale(0.5)}

.game-container #unity-footer {transform : translate(0px, 10px)}

.game-container #unity-build-title, .game-container #unity-webgl-logo {display : none}

@media only screen and (max-width : 1279px) {
  .game-container {--canvas-width : calc(100vw - 50px);--canvas-height : calc(9 / 16 * var(--canvas-width)) !important}

  .game-container canvas {width : var(--canvas-width) !important;height : var(--canvas-height) !important}
}

@media only screen and (hover : none) and (pointer : coarse) and (max-width : 900px) and (orientation : landscape) {
  .game-container {--canvas-height : 80vh !important;--canvas-width : calc(16 / 9 * var(--canvas-height)) !important;height : 100%;margin-top : 10vh;margin-bottom : 10vh}
}

.notice {position : relative;background-color : #1e1b1a;padding : 6px 20px;cursor : pointer}

body.home {background-color : #1b1b1b;color : #EFEFEF}