.r2-workshop{scroll-margin-top:90px}.r2-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.r2-roles.advanced{grid-template-columns:repeat(2,minmax(0,1fr))}.r2-role{min-width:0;border:1px solid #a8c5b7;background:#fffcf2;border-radius:14px;color:#234e51;padding:8px 3px;cursor:pointer}.r2-role.selected{border:2px solid #136f6b;background:#e0f0e7}.r2-role:disabled{opacity:1;cursor:default}.r2-role img{width:100%;height:100px;object-fit:contain;object-position:center;border-radius:8px;display:block}.r2-role strong,.r2-role small{display:block;overflow-wrap:anywhere}.r2-role strong{font-size:14px}.r2-role small{font-size:12px;margin-top:4px}.r2-recipe{background:#fffdf5;padding:14px;border-radius:14px;border:1px solid #d3c59e;margin:12px 0}.r2-inputs{display:flex;gap:8px;flex-wrap:wrap}.r2-inputs span{flex:1;padding:8px;background:#e7f1e7;border-radius:8px;min-width:70px}.r2-inputs small{display:block}.r2-inputs .missing{background:#fae6d5;color:#7a391a}.r2-active{padding:12px;background:#e6f1e9;border-radius:12px;margin:12px 0}.r2-active p{display:flex;justify-content:space-between;gap:12px}.r2-tools{display:flex;flex-wrap:wrap;gap:8px}.r2-tools>*{flex:1;min-width:120px}.v2-panel details{border-top:1px solid #d4cfb4;margin-top:12px;padding:8px 0}.v2-panel summary,.r2-advanced summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;font-size:14px;font-weight:700}.r2-service-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.r2-service-tabs button{flex:1;min-width:100px}.r2-service-card,.r2-reserved{background:#fff9ea;border:1px solid #d4cfb4;border-radius:14px;padding:14px;margin-bottom:12px;overflow-wrap:anywhere}.r2-service-card p{font-size:14px;line-height:1.6}#modal input,#modal select{max-width:100%;min-height:44px;font-size:16px}.r2-workshop~section{content-visibility:auto;contain-intrinsic-size:auto 500px}.r2-workshop~details>summary{font-size:16px;padding:14px;color:#234e51;background:#fff9ea;border:1px solid #d4cfb4;border-radius:12px;margin:12px 0}.v2-portrait{object-fit:contain;border-radius:12px;width:100px;height:120px}.v2-ledger{font-size:14px!important}.h5-game #main{overflow-wrap:anywhere}#modal{max-height:calc(100dvh - 24px - env(safe-area-inset-bottom));scroll-padding-bottom:32px}#modal-content{padding-bottom:max(24px,env(safe-area-inset-bottom))}.mobile-nav{padding-bottom:env(safe-area-inset-bottom);min-height:68px}.mobile-nav button,.mobile-nav a{min-width:44px;min-height:44px}.r2-account-button{margin:12px 0}.network-busy button[data-action^="r2-"],.network-busy #r2-service-create button{pointer-events:none;opacity:.65}button:focus-visible,summary:focus-visible{outline:3px solid #db8c23;outline-offset:3px}@media(max-width:360px){.v2-panel{padding:12px}.r2-role img{height:85px}.r2-role strong{font-size:14px}.r2-inputs span{min-width:64px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
.h5-game .r2-role:disabled{opacity:1!important;filter:none!important}.h5-game #main .r2-role:disabled img{opacity:1!important;filter:none!important}.h5-game #main button{min-height:44px}.h5-game #main p,.h5-game #main label,.h5-game #main .inline-help{font-size:14px}.h5-game #main .r2-role strong{font-size:14px}.h5-game #main .r2-role.selected{color:#174b49}.r2-base-production{margin:14px 0}.r2-base-production>summary{padding:16px;background:#fff9ea;border:1px solid #d4cfb4;border-radius:16px;min-height:54px;font-size:16px;color:#174b49}.r2-service-card small{font-size:14px}