.web-loading{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--bg)}.web-loading-box{max-width:520px;padding:24px 28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.web-loading-box h1{margin:0 0 8px;font-size:20px}.web-loading-box .mono{color:var(--acc)}.web-play{padding:6px 10px;overflow:hidden;box-sizing:border-box;flex-direction:column}.tab-pane.on.web-play{display:flex}body.web-playing .app{grid-template-columns:0 minmax(0,1fr) 0;grid-template-rows:76px auto minmax(0,1fr) 0 0}body.web-playing .left,body.web-playing .right,body.web-playing .drawer,body.web-playing .status{display:none}.web-help{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;border:1px solid var(--line2);color:var(--dim);font-size:11px;cursor:help}.web-play-bar{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;margin-bottom:6px;flex:0 0 auto}.web-play-bar .row{gap:6px;align-items:center}.web-hint{color:var(--warn);font-size:12px}.web-info{margin:0 6px;white-space:nowrap}.web-game-holder{flex:1 1 auto;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.dock.web-hide{display:none}.web-form label{display:block;margin:6px 0}.web-form .input{width:100%;box-sizing:border-box}.web-form label.row{display:flex;gap:6px;align-items:center}.web-cut,#strict,#joblight,#status{display:none!important}.web-dock-bar{display:flex;gap:8px;align-items:center;margin-top:6px}.web-pause{min-width:92px}.web-colours .web-cols{display:grid;grid-template-columns:80px 1fr;gap:2px 8px;align-items:center}.web-colours .web-cols label{font-size:12px}.web-colours .web-what{grid-column:2;font-size:11px;color:var(--dim);margin-bottom:6px}.web-pick{display:grid;grid-template-columns:repeat(16,1fr);gap:2px}.web-sw{height:18px;padding:0;border-radius:3px;border:1px solid #0006;font:600 9px var(--mono);cursor:pointer}.web-sw.on{outline:2px solid #fff;outline-offset:-1px}#counts .cnt:nth-child(2){display:none}.web-colours .web-cols{grid-template-columns:72px minmax(0,1fr)}.web-pick,.web-sw{min-width:0}.web-colours .web-cols{grid-template-columns:64px minmax(0,1fr)}.web-pick{gap:1px}.web-sw{padding:0!important;min-width:0!important;width:auto!important}@media(max-width:720px){.app{grid-template-rows:auto auto minmax(0,1fr) var(--drawer-h) 24px}.app.drawer-closed{grid-template-rows:auto auto minmax(0,1fr) 30px 24px}body.web-playing .app{grid-template-rows:auto auto minmax(0,1fr) 0 0}.top1,.top2{height:auto;flex-wrap:wrap;row-gap:4px;padding:4px 8px}.top2 .grow{display:none}.web-play{padding:6px}.web-play-bar .row{flex-wrap:wrap}.tp-status{white-space:nowrap}}