@font-face{font-family:PixelMplus10;src:url(/assets/fonts/PixelMplus10-Regular.subset.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:PixelMplus12;src:url(/assets/fonts/PixelMplus12-Regular.subset.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}:root{--yb-page:#070a14;--yb-page-glow:#131a2e;--yb-frame:#9aa2b03d;--yb-dim:#3a4152;background:var(--yb-page)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--yb-page);overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:100%;height:100%;overflow:hidden}body{background:radial-gradient(ellipse at 50% 42%, var(--yb-page-glow) 0%, var(--yb-page) 72%)}canvas#game{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#app{justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:relative}canvas#game{image-rendering:pixelated;image-rendering:crisp-edges;box-shadow:0 0 0 1px var(--yb-frame), 0 0 0 5px #00000059, 0 18px 48px #0000008c;aspect-ratio:256/240;background:#000;width:min(100vw,106.667vh);height:auto}#app:after{content:"";pointer-events:none;background:#fff;width:6px;height:6px;margin:-3px 0 0 -15px;animation:1.2s step-end infinite yb-loading;position:absolute;top:50%;left:50%;box-shadow:12px 0 #fff,24px 0 #fff}body.yb-ready #app:after{content:none;display:none}@keyframes yb-loading{0%{box-shadow:12px 0 0 var(--yb-dim), 24px 0 0 var(--yb-dim);background:#fff}33%{background:var(--yb-dim);box-shadow:12px 0 0 #fff, 24px 0 0 var(--yb-dim)}66%{background:var(--yb-dim);box-shadow:12px 0 0 var(--yb-dim), 24px 0 0 #fff}}@media (prefers-reduced-motion:reduce){#app:after{animation:none}}.standby{background:0 0;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.standby-box{outline-offset:2px;color:#fff;background:#000;border:2px solid #fff;outline:2px solid #000;max-width:480px;padding:20px 24px;font-family:PixelMplus12,MS Gothic,monospace;font-size:24px;line-height:1.9;box-shadow:0 0 0 4px #fff}.standby-box p{word-break:keep-all;overflow-wrap:anywhere;margin-bottom:8px}.standby-hint{color:#9aa2b0;margin-top:16px;font-size:24px}.standby-reload{color:#fff;cursor:pointer;background:#000;border:2px solid #fff;margin:20px auto 0;padding:8px 24px;font-family:PixelMplus12,MS Gothic,monospace;font-size:24px;line-height:1.6;display:block;box-shadow:inset 0 0 0 2px #000,inset 0 0 0 4px #fff}.standby-reload:hover,.standby-reload:focus-visible{color:#000;background:#fff}:root{--tc-h:max(180px, calc(100vh - 93.75vw - env(safe-area-inset-top,0px)));--tc-side:max(150px, calc((100vw - 100vh * 256 / 240) / 2));--tc-u:2px}@supports (height:100dvh){:root{--tc-h:max(180px, calc(100dvh - 93.75vw - env(safe-area-inset-top,0px)));--tc-side:max(150px, calc((100vw - 100dvh * 256 / 240) / 2))}}body.tc-on #app{height:calc(100vh - var(--tc-h));height:calc(100dvh - var(--tc-h));padding-top:env(safe-area-inset-top,0px)}body.tc-on .jr-overlay{inset:0 0 var(--tc-h) 0}body.tc-on .nt-overlay{bottom:var(--tc-h)}.tc-root{height:var(--tc-h);z-index:60;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:space-between;align-items:center;gap:8px;font-family:PixelMplus12,MS Gothic,monospace;display:flex;position:fixed;bottom:0;left:0;right:0}.tc-root[hidden]{display:none}.tc-dpad{aspect-ratio:1;flex:none;width:min(46vw,200px);position:relative}.tc-arrow{color:#fff;border:var(--tc-u) solid #fff;outline:var(--tc-u) solid #000;outline-offset:calc(var(--tc-u) * -2);pointer-events:none;background:#000;justify-content:center;align-items:center;width:33.34%;height:33.34%;font-size:20px;line-height:1;display:flex;position:absolute}.tc-arrow.tc-up{top:0;left:33.33%}.tc-arrow.tc-down{bottom:0;left:33.33%}.tc-arrow.tc-left{top:33.33%;left:0}.tc-arrow.tc-right{top:33.33%;right:0}.tc-arrow.tc-hot{color:#000;background:#fff}.tc-buttons{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.tc-pair{align-items:center;gap:12px;display:flex}.tc-btn{color:#fff;border:var(--tc-u) solid #fff;outline:var(--tc-u) solid #000;outline-offset:calc(var(--tc-u) * -2);touch-action:none;-webkit-tap-highlight-color:transparent;background:#000;border-radius:0;justify-content:center;align-items:center;min-width:64px;min-height:64px;padding:0 10px;font-family:inherit;font-size:24px;line-height:1;display:flex}.tc-btn.tc-journal{min-width:96px;min-height:44px;font-size:12px}.tc-btn.tc-hot{color:#000;background:#fff}.tc-btn.tc-cancel{position:relative}.tc-sub{color:#fff;white-space:nowrap;pointer-events:none;margin-top:4px;font-size:12px;line-height:1;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tc-btn.tc-hot .tc-sub{color:#fff}@media (orientation:landscape){body.tc-on #app{width:calc(100vw - 2 * var(--tc-side));height:100dvh;margin:0 auto;padding-top:0}body.tc-on .jr-overlay{inset:0 var(--tc-side)}body.tc-on .nt-overlay{left:var(--tc-side);right:var(--tc-side);bottom:0}.tc-root{height:auto;padding:12px calc(12px + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px));pointer-events:none;top:0}.tc-dpad,.tc-buttons{pointer-events:auto}.tc-dpad{width:min(calc(var(--tc-side) - 24px - env(safe-area-inset-left,0px)), 200px)}.tc-buttons{width:calc(var(--tc-side) - 24px - env(safe-area-inset-right,0px));align-items:center}.tc-pair{gap:8px}.tc-btn{min-width:56px;min-height:56px}}.yb-controls{z-index:5;color:#8d95a6;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:PixelMplus12,MS Gothic,monospace;font-size:12px;line-height:18px;position:fixed}.yb-controls[hidden]{display:none}.jr-overlay{z-index:40;padding:calc(var(--jr-u) * 6);image-rendering:pixelated;-webkit-font-smoothing:none;-webkit-user-select:text;user-select:text;background:#0009;justify-content:center;align-items:center;font-family:PixelMplus12,MS Gothic,monospace;display:flex;position:fixed;inset:0}.jr-overlay[hidden]{display:none}.jr-frame,.jr-inner{clip-path:polygon(var(--jr-u) 0, calc(100% - var(--jr-u)) 0, calc(100% - var(--jr-u)) var(--jr-u), 100% var(--jr-u), 100% calc(100% - var(--jr-u)), calc(100% - var(--jr-u)) calc(100% - var(--jr-u)), calc(100% - var(--jr-u)) 100%, var(--jr-u) 100%, var(--jr-u) calc(100% - var(--jr-u)), 0 calc(100% - var(--jr-u)), 0 var(--jr-u), var(--jr-u) var(--jr-u))}.jr-frame{padding:var(--jr-u);width:100%;max-width:max(calc(var(--jr-u) * 240), 320px);background:#fff;min-height:0;max-height:100%;display:flex}.jr-gap{padding:var(--jr-u);background:#000;flex:1;min-height:0;display:flex}.jr-inner{padding:var(--jr-u);background:#fff;flex:1;min-height:0;display:flex}.jr-body{color:#fff;min-height:0;padding:calc(var(--jr-u) * 6);font-size:calc(var(--jr-u) * 12);line-height:calc(var(--jr-u) * 18);word-break:keep-all;overflow-wrap:anywhere;background:#000;flex-direction:column;flex:1;display:flex}.jr-title{margin-bottom:calc(var(--jr-u) * 4);border-bottom:var(--jr-u) solid #fff;padding-bottom:calc(var(--jr-u) * 3);flex:none}.jr-scroll{touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#fff #000;flex:1;min-height:0;overflow:hidden auto}.jr-scroll::-webkit-scrollbar{width:calc(var(--jr-u) * 4)}.jr-scroll::-webkit-scrollbar-track{background:#000}.jr-scroll::-webkit-scrollbar-thumb{background:#fff}.jr-entry{white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;padding:calc(var(--jr-u) * 3) 0}.jr-entry+.jr-entry{border-top:var(--jr-u) solid #fff}.jr-empty{padding:calc(var(--jr-u) * 3) 0;color:#9aa2b0}.jr-day{text-align:center;color:#9aa2b0;padding:calc(var(--jr-u) * 3) 0;margin-top:calc(var(--jr-u) * 3)}.jr-scroll>.jr-day:first-child{margin-top:0}.jr-ask{white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;padding:calc(var(--jr-u) * 3) 0;margin-top:calc(var(--jr-u) * 12)}.jr-footer{margin-top:calc(var(--jr-u) * 3);font-size:calc(var(--jr-u) * 12);flex:none;justify-content:space-between;align-items:baseline;display:flex}.jr-more{visibility:hidden}.jr-more.jr-on{visibility:visible}.jr-hint{color:#9aa2b0}.jr-close{margin-left:calc(var(--jr-u) * 6);padding:calc(var(--jr-u) * 2) calc(var(--jr-u) * 6);color:#fff;border:var(--jr-u) solid #fff;font-family:inherit;font-size:calc(var(--jr-u) * 12);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#000;border-radius:0;line-height:1}.jr-close:active{color:#000;background:#fff}.nt-overlay{z-index:45;padding:calc(var(--jr-u) * 8);image-rendering:pixelated;-webkit-font-smoothing:none;pointer-events:none;justify-content:center;font-family:PixelMplus12,MS Gothic,monospace;display:flex;position:fixed;inset:auto 0 0}.nt-overlay[hidden]{display:none}.nt-overlay .jr-frame{pointer-events:auto;max-width:max(calc(var(--jr-u) * 240), 320px);cursor:pointer}.nt-body{color:#fff;padding:calc(var(--jr-u) * 6);font-size:calc(var(--jr-u) * 12);line-height:calc(var(--jr-u) * 18);word-break:keep-all;overflow-wrap:anywhere;background:#000;flex:1}.nt-line{white-space:pre-wrap}.nt-hint{margin-top:calc(var(--jr-u) * 3);color:#9aa2b0}
