.ochi-page{margin:0;background:#fff9ee;color:#302d36;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
.ochi-page *{box-sizing:border-box}.ochi-app{width:min(540px,94vw);margin:10px auto 30px}.ochi-heading{text-align:center;margin-bottom:18px}.ochi-heading>span{font-size:11px;font-weight:800;letter-spacing:.16em;color:#b94a21}.ochi-heading h1{font-size:clamp(25px,6vw,34px);margin:6px 0}.ochi-heading p{font-size:14px;margin:0;color:#756d65}
.ochi-layout{display:grid;grid-template-columns:minmax(0,300px) minmax(85px,130px);gap:14px;justify-content:center}.ochi-board-wrap{position:relative;align-self:start;border:5px solid #343e54;border-radius:12px;overflow:hidden;background:#182235;box-shadow:0 6px 0 #ded8ce}#board{display:block;width:100%;height:auto;aspect-ratio:1/2}.ochi-sidebar{display:flex;flex-direction:column;gap:10px}.ochi-stat,.ochi-next{padding:10px;background:#fff;border:1px solid #e9e0d1;border-radius:12px}.ochi-stat>span,.ochi-next>span{display:block;font-size:11px;font-weight:700;color:#756d65}.ochi-stat strong{display:block;font-size:clamp(18px,4vw,26px);overflow-wrap:anywhere}.ochi-next canvas{display:block;width:100%;height:auto}
.ochi-page button{font:inherit;font-weight:800;cursor:pointer;border:0;border-radius:10px;background:#ef5b2a;color:#fff;padding:12px 8px;box-shadow:0 4px 0 #bd3b11;touch-action:manipulation}.ochi-page button:active{transform:translateY(2px);box-shadow:0 2px 0 #bd3b11}.ochi-page button:disabled{opacity:.45;cursor:default}.ochi-page button:focus-visible,.ochi-page summary:focus-visible{outline:3px solid #147ba4;outline-offset:4px}#pause{font-size:13px;background:#fff;color:#675641;border:1px solid #e9e0d1;box-shadow:0 3px 0 #e4d8c5}
.ochi-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#121b2ed9;text-align:center;padding:12px;color:#fff}.ochi-overlay[hidden]{display:none}.ochi-overlay h2{font-size:clamp(20px,5vw,26px);margin:14px 0}.ochi-overlay p{font-size:13px;line-height:1.9}.ochi-badge{font-size:10px;letter-spacing:.16em;color:#ffdc7e}.ochi-overlay button{padding:14px 18px;font-size:14px}.ochi-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px auto 0;max-width:444px}.ochi-controls button{font-size:25px;touch-action:none;user-select:none;-webkit-user-select:none}.ochi-controls small{display:block;font-size:11px;margin-top:2px}.ochi-controls [data-action="down"]{grid-column:1}.ochi-controls [data-action="drop"]{grid-column:2/4;font-size:24px;background:#297f77;box-shadow:0 4px 0 #1c5b55}.ochi-status{text-align:center;font-size:13px;min-height:20px}.ochi-help{background:#fff;border:1px solid #e9e0d1;padding:14px;border-radius:12px;font-size:13px;line-height:1.8}.ochi-help summary{cursor:pointer;font-weight:800}.ochi-help p:last-child{margin-bottom:0}
@media(max-width:420px){.ochi-layout{gap:9px;grid-template-columns:minmax(0,1fr) 88px}.ochi-stat,.ochi-next{padding:7px}.ochi-sidebar{gap:7px}.ochi-heading{margin-bottom:12px}.ochi-page .game-site-brand{font-size:14px}.ochi-page .game-basket-logo{transform:scale(.7)}.ochi-page .game-site-header{gap:4px;padding-bottom:4px}.ochi-page .game-home-link{font-size:12px;padding:6px 10px}}