@media screen{
html.mine-phone{overflow:hidden}.mine-phone body{position:fixed;top:var(--phone-top,0);left:var(--phone-left,0);width:var(--phone-w,100vw);height:var(--phone-h,100dvh);min-height:0;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.mine-phone button,.mine-phone select{touch-action:manipulation;min-height:44px}
.mine-phone .app{width:100%;height:100%;margin:0;max-width:none;padding:0 6px 4px;display:flex;flex-direction:column;overflow:hidden}
.mine-phone .masthead,.mine-phone footer{display:none}.mine-phone #phoneTop{display:flex;gap:6px;align-items:center;justify-content:space-between;flex:0 0 48px}.mine-phone #phoneTop span{font:18px Georgia;color:var(--gold)}.mine-phone #phoneTop button{padding:4px 8px;font-size:13px}
.mine-phone .tabletop{flex:1;min-height:0;display:flex;flex-direction:column;padding:5px;border-radius:8px;box-shadow:none;overflow:hidden}
.mine-phone .scorebar{width:100%;max-width:none;margin:0;height:54px;flex:0 0 54px}.mine-phone .readout strong{font-size:24px;line-height:1.1}.mine-phone .readout span,.mine-phone .game-label>span{font-size:9px;letter-spacing:0}.mine-phone .game-label strong{font-size:16px;line-height:1.1;margin:0}.mine-phone .game-label small{font-size:10px}
.mine-phone .board-top{position:relative;display:block;margin:0 0 3px;flex:0 0 46px}.mine-phone #boardNote{display:none}.mine-phone .zoom{display:flex;gap:3px;height:44px}.mine-phone .zoom button{flex:1;font-size:11px;line-height:1.2;padding:2px 4px;min-width:0;min-height:44px}.mine-phone #phoneZoom{position:absolute;right:2px;bottom:0;font-size:10px;line-height:1.1;background:var(--surface);color:var(--ink);padding:0 2px;border-radius:3px;pointer-events:none}
.mine-phone .board-shell{flex:1;min-height:0;padding:2px;border-radius:6px}.mine-phone .board-scroll{height:100%;max-height:none;touch-action:none}.mine-phone #board{margin:0;touch-action:none}.mine-phone .cell{touch-action:none;min-height:0}.mine-phone .cell.phone-selected{outline:2px solid var(--gold);outline-offset:-2px}.mine-phone.phone-overview .cell{cursor:zoom-in}
.mine-phone .actionbar{margin:4px 0 0;gap:4px;flex-wrap:nowrap;flex:0 0 44px}.mine-phone .actionbar button{font-size:12px;padding:3px 6px;min-width:44px;justify-content:center;gap:3px}.mine-phone #phoneModes{display:flex;gap:2px;flex:1.5;min-width:92px}.mine-phone #phoneModes button{flex:1}.mine-phone .actionbar>button{flex:1}.mine-phone .actionbar #hint{flex:.8}.mine-phone .actionbar #next{flex:1.3}.mine-phone .actionbar svg{display:none}
.mine-phone #phonePosition{font-size:11px;line-height:1.25;min-height:17px;max-height:30px;overflow:auto;padding:2px 0;color:var(--gold)}.mine-phone .status{font-size:12px;line-height:1.25;min-height:0;max-height:42px;overflow:auto;margin:3px 0 0}.mine-phone .large-text .status{font-size:15px}
.mine-phone .resume{position:absolute;top:50px;left:10px;right:10px;z-index:9;background:var(--surface);flex:0 0 auto;padding:4px;gap:4px;margin:0 0 4px;font-size:12px}.mine-phone .resume span{flex:1 0 100%}.mine-phone .resume button{flex:1;font-size:12px;padding:4px}.mine-phone #storageNotice{max-height:45px;overflow:auto;margin:2px;font-size:12px}
.mine-phone .curtain{padding:6px;overflow:auto;justify-content:safe center}.mine-phone .curtain>span{font-size:21px}.mine-phone .curtain p{font-size:12px;margin:5px}
.mine-phone.phone-landscape .tabletop{display:grid;grid-template-columns:minmax(0,1fr) 230px;grid-template-rows:54px 140px minmax(0,1fr) 32px;gap:4px}
.mine-phone.phone-landscape .board-top{grid-area:1/1;margin:0}.mine-phone.phone-landscape .board-shell{grid-area:2/1/5/2}.mine-phone.phone-landscape .scorebar{grid-area:1/2;height:54px;grid-template-columns:58px minmax(0,1fr) 65px}.mine-phone.phone-landscape .game-label{min-width:0}.mine-phone.phone-landscape .game-label small{font-size:9px;white-space:nowrap}.mine-phone.phone-landscape .game-label>span{font-size:8px;white-space:nowrap;overflow:auto}.mine-phone.phone-landscape .readout strong{font-size:22px}.mine-phone.phone-landscape .game-label strong{font-size:15px}.mine-phone.phone-landscape .actionbar{grid-area:2/2;align-content:start;align-items:start;display:grid;grid-template-columns:1fr 1fr;margin:0}.mine-phone.phone-landscape #phoneModes{grid-column:1/-1}.mine-phone.phone-landscape .actionbar button{height:44px}.mine-phone.phone-landscape #phonePosition{grid-area:4/2;max-height:32px}
.mine-phone.phone-landscape .status{grid-area:3/2;align-self:stretch;max-height:none;margin:0}.mine-phone.phone-landscape #storageNotice{position:absolute;bottom:0;right:0;max-width:230px;background:var(--surface)}
.mine-phone dialog{max-height:calc(var(--phone-h,100dvh) - 16px);width:min(720px,calc(var(--phone-w,100vw) - 16px));padding:8px 12px;overflow:auto;overscroll-behavior:contain}.mine-phone dialog>header{position:sticky;top:-8px;background:var(--surface);z-index:2;margin:0;padding:5px 0}.mine-phone dialog h2{font-size:21px}.mine-phone dialog header button{width:auto;padding:0 10px;font-size:16px}.mine-phone dialog p{font-size:14px}.mine-phone .navigation{padding:6px 0;gap:6px}.mine-phone .navigation .select-label{width:100%;justify-content:space-between}.mine-phone .navigation button{flex:1 1 40%}.mine-phone .settings-grid{grid-template-columns:1fr}.mine-phone #phoneMenuBody>.navigation{display:flex}
}