.js-study{background:#102e26}.js-study .js-top{flex-wrap:nowrap;overflow-x:auto;gap:8px;min-height:48px;padding:7px 12px;align-items:center}.js-top>*{flex-shrink:0}.js-top .js-title small{display:none}.js-top .js-title b{font-size:13px}.js-top button,.js-top .js-back{min-height:28px;padding:4px 9px;border-radius:6px;white-space:nowrap}.js-top .js-opt{display:flex;align-items:center;gap:7px;margin:0;white-space:nowrap;font-size:11px}.js-top .js-opt input[type=range]{width:80px}.js-top .js-opt>span{font-size:10px}.js-top .js-seg{flex-wrap:nowrap}.js-top .js-fams{flex-wrap:nowrap;overflow:visible}.js-top .js-fams a{white-space:nowrap}.js-study .js-path{display:none!important}.js-study .js-main{height:calc(100dvh - 50px);grid-template-columns:minmax(0,1fr) 360px}.js-study .js-boardcol{min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;background:radial-gradient(ellipse at center,#214b3b,#102e26 75%)}.js-study .js-board{width:min(var(--study-size,86%),calc(100dvh - 155px));flex-shrink:0}.js-study .js-nav{position:sticky;bottom:6px;background:#102d25e8;border:1px solid #456353;border-radius:10px;padding:8px;z-index:10}.js-study .js-side{overflow-y:auto;padding:12px;background:#102820}.js-stone-tip{position:fixed;z-index:1000;max-width:290px;padding:13px 16px;border:1px solid #c7ac6b;border-radius:10px;background:#fff9e9;color:#213b30;box-shadow:0 8px 30px #0004;pointer-events:none;font-size:12px;line-height:1.65}.js-stone-tip strong{display:block;color:#6b501e;margin-bottom:5px}.js-stone-tip p{margin:0;white-space:pre-line;max-height:180px;overflow:hidden}.js-stone-tip[hidden]{display:none}.js-study .js-checks label:has(#opt-num){display:none}@media(max-width:860px){.js-study .js-main{height:auto;display:flex;flex-direction:column}.js-study .js-boardcol{min-height:400px}.js-study .js-board{width:min(var(--study-size,95%),650px)}.js-study .js-side{overflow:visible}.js-study .js-top{position:sticky;top:0;z-index:50}.js-study .js-tabs{display:flex}.js-study .js-side .js-talkcard{display:block!important}.js-study .js-side .tab-comment{display:block!important}.js-study .js-nav{bottom:0}}

.js-top [hidden]{display:none!important}.js-top .js-opt{padding:0}.js-top .js-title{display:none}.js-top .js-fams{margin-left:auto}.js-top .js-fams .js-kind button{font-size:11px}

