:root{color-scheme:dark;color:#f6e8c6;background:#0b100c;font-family:Arial,sans-serif;--gold:#dfbd6b;--line:#a98745}*{box-sizing:border-box}html,body{margin:0;height:100%;height:100dvh;overflow:hidden}body{background:linear-gradient(#09120c99,#060b08bb),url('../assets/tour/mini-golf-hall-v1.png') center/cover}button,select{font:inherit;color:inherit;border:1px solid #987f44;background:#17271d;border-radius:7px;min-height:42px;padding:8px 12px;font-weight:700;cursor:pointer}button:hover{background:#304a34}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #fff1b2;outline-offset:2px}.gold{background:linear-gradient(#f8dfa1,#b4893f);color:#1b2114;border-color:#e7c776;box-shadow:0 3px 10px #0005}.gold:hover{background:#f8dfa1}a{color:#ebcf88;text-decoration:none}header{height:56px;display:flex;align-items:center;gap:12px;padding:6px 16px;background:#0a160de8;border-bottom:1px solid #ad8b47}header h1{font:700 15px Georgia,serif;letter-spacing:2px;margin:0;flex:1;white-space:nowrap}header h1 span{font-size:25px;color:var(--gold);margin-right:10px}header>a{font-size:13px}main{height:calc(100dvh - 56px);padding:6px;display:grid;grid-template-columns:146px minmax(0,1fr) 206px;grid-template-rows:48px minmax(0,1fr) 44px;max-width:1800px;margin:auto}.scores{grid-column:1;grid-row:2;display:grid;grid-template-rows:repeat(4,1fr);text-align:center;background:#0c2117f2;border:1px solid var(--line);border-right:0;border-radius:10px 0 0 0;padding:12px 7px;min-height:0}.scores>div{display:flex;flex-direction:column;justify-content:center;gap:9px}.scores small{font-size:10px;color:#c7bd9b;letter-spacing:1px}.scores strong{font-size:21px;color:#efd594;line-height:1.2;font-variant-numeric:tabular-nums}.camera-tools{grid-row:1;grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:12px;background:#121e14e8;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;padding:4px 8px}.camera-tools label{font-size:11px;color:#d0c6a8;display:flex;align-items:center;gap:5px}.camera-tools button,.camera-tools select{font-size:12px;min-height:36px;height:36px;padding:6px 9px}.playfield{grid-row:2;grid-column:2;position:relative;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;background:#08150ce8;border-top:1px solid var(--line);overflow:hidden}canvas{max-width:100%;max-height:100%;display:block;touch-action:none;cursor:crosshair}.status{grid-column:1/-1;grid-row:3;display:flex;align-items:center;justify-content:center;gap:8px;background:#0a1b13ed;border:1px solid var(--line);border-radius:0 0 10px 10px;padding:5px 12px;text-align:center;font-size:13px;line-height:1.25}#saveStatus{font-size:11px;color:#efb798}.controls{grid-row:2;grid-column:3;background:#0c2117f2;border:1px solid var(--line);border-left:0;border-radius:0 10px 0 0;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:12px;min-width:0}.aim-controls{display:flex;gap:6px}.aim-controls button{flex:1;min-height:56px;padding:5px;font-size:15px;touch-action:none;user-select:none}.power-control{display:block;font-size:13px;color:#eedda9;text-align:center}.power-control>span{display:flex;justify-content:space-between;gap:5px;margin:4px}.power-control>div{display:flex;align-items:center;gap:3px}.power-control button{min-width:32px;min-height:38px;padding:3px;font-size:20px}.power-control input{accent-color:#e4bf68;min-width:0;width:100%;height:34px;touch-action:none}#putt{min-height:72px;font-size:22px}.input-tip{font-size:12px;color:#c2bda8;line-height:1.7;text-align:center;margin:0}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;background:#07150cdd;backdrop-filter:blur(4px);padding:18px}.overlay[hidden]{display:none}.overlay>div{max-width:450px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold)}.overlay h2{font:36px/1.1 Georgia,serif;margin:12px 0}.overlay p:not(.eyebrow){font-size:14px;line-height:1.5;color:#d4cfb9}.overlay .gold{min-width:180px;font-size:17px}.overlay a{display:block;font-size:13px;margin-top:16px}dialog{width:min(540px,calc(100% - 28px));max-height:90dvh;border:1px solid var(--gold);border-radius:12px;background:#0e2318;color:#f3e4bd;padding:24px;box-shadow:0 20px 90px #0009}dialog::backdrop{background:#000b}dialog h2{font:29px Georgia,serif;margin:10px 0 16px}dialog p{line-height:1.6;font-size:14px}.note{color:#c3bea7;font-size:12px}.card-scroll{max-height:49dvh;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:8px 5px;border-bottom:1px solid #6e653e;text-align:right}th:first-child,td:first-child{text-align:left}thead,tfoot{color:#f3d491}.held{background:#d9bc78;color:#14241a}
@media(max-width:699px){header{height:52px;padding:5px 7px;gap:7px}header h1{font-size:11px;letter-spacing:.7px}header h1 span{display:none}header>a{font-size:12px}header button{min-height:36px;padding:5px 7px;font-size:11px}main{height:calc(100dvh - 52px);padding:3px;grid-template-columns:minmax(0,1fr);grid-template-rows:60px 43px minmax(0,1fr) 46px 112px}.scores{grid-column:1;grid-row:1;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr;border-right:1px solid var(--line);border-radius:8px 8px 0 0;padding:4px}.scores>div{gap:5px}.scores small{font-size:8px;letter-spacing:.3px}.scores strong{font-size:13px}.camera-tools{grid-column:1;grid-row:2;border-radius:0;border-top:0;gap:5px;padding:3px}.camera-tools label{font-size:0}.camera-tools select,.camera-tools button{min-height:34px;height:34px;padding:4px 6px;font-size:11px}.quality-label{margin-left:auto}.playfield{grid-column:1;grid-row:3;border-inline:1px solid var(--line)}.status{grid-column:1;grid-row:4;border-radius:0;font-size:11px;padding:4px 6px}.controls{grid-column:1;grid-row:5;border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px;display:grid;grid-template-columns:111px minmax(0,1fr) 89px;grid-template-rows:1fr 20px;gap:5px;padding:6px}.aim-controls{grid-column:1;grid-row:1;gap:4px}.aim-controls button{font-size:12px;min-height:52px}.power-control{grid-column:2;grid-row:1;font-size:11px;min-width:0}.power-control button{min-width:26px;min-height:32px}.power-control>div{gap:0}#putt{grid-column:3;grid-row:1;min-height:55px;font-size:17px;padding:6px}.input-tip{grid-column:1/-1;grid-row:2;font-size:9px;line-height:1.2;align-self:center}.overlay{padding:10px}.overlay h2{font-size:25px;margin:7px 0}.overlay p:not(.eyebrow){font-size:12px;margin:9px 0}.overlay .eyebrow{font-size:8px}.overlay a{font-size:11px;margin-top:9px}.overlay .gold{min-height:38px;font-size:14px}dialog{padding:18px}}
@media(min-width:700px) and (max-height:500px){header{height:42px;padding:3px 9px;gap:9px}header button{min-height:32px;padding:4px 8px;font-size:12px}header h1{font-size:12px}header h1 span{font-size:20px}main{height:calc(100dvh - 42px);grid-template-columns:105px minmax(0,1fr) 149px;grid-template-rows:40px minmax(0,1fr) 35px;padding:3px}.camera-tools{gap:8px}.camera-tools button,.camera-tools select{height:31px;min-height:31px;padding:4px 8px}.scores{padding:4px}.scores small{font-size:8px}.scores strong{font-size:14px}.scores>div{gap:4px}.controls{padding:6px;gap:11px}.aim-controls button{min-height:44px;font-size:12px}.power-control{font-size:11px}.power-control button{min-width:28px;min-height:31px}#putt{min-height:46px;font-size:18px}.input-tip{font-size:9px;line-height:1.4}.status{font-size:10px}.overlay{padding:8px}.overlay h2{font-size:22px;margin:6px 0}.overlay p:not(.eyebrow){font-size:11px;line-height:1.3;margin:8px 0}.overlay .gold{min-height:32px;font-size:13px;padding:6px 12px}.overlay a{font-size:10px;margin-top:8px}.overlay .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Keep Elena's compact call inside the visible status band. */
body #message.isn-dealer-caption{min-height:36px!important;max-width:900px;margin:0!important;padding:6px 10px 6px 47px!important;font-size:13px!important;line-height:1.2!important}
body #message.isn-dealer-caption:before{width:38px;height:40px;left:3px}
body #message.isn-dealer-caption:after{width:35px;left:4px;font-size:6px}
@media(max-width:699px){main{grid-template-rows:60px 43px minmax(0,1fr) 54px 112px}body #message.isn-dealer-caption{font-size:11px!important;min-height:37px!important;padding:5px 7px 5px 40px!important}body #message.isn-dealer-caption:before{width:33px;height:38px}body #message.isn-dealer-caption:after{width:31px;font-size:5px}.status{padding:3px 5px}}
@media(min-width:700px) and (max-height:500px){body #message.isn-dealer-caption{min-height:27px!important;font-size:10px!important;padding:4px 7px 4px 32px!important}body #message.isn-dealer-caption:before{width:26px;height:29px}}