.game-records{margin:26px 0 18px;padding:19px;border:1px solid #b8cb9e40;border-radius:20px;background:#ffffff05}.game-records header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.game-records header small{font-size:8px;letter-spacing:1.2px;color:#c2b787}.game-records h4{font-size:21px;margin:5px 0 0;color:#fff0cd}.game-records header>b{font-size:13px;color:#dce4c8;max-width:45%;overflow-wrap:anywhere}.record-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.record-item{min-width:0;display:flex;flex-direction:column;padding:14px 11px;border-radius:13px;background:#0d281d55;border:1px solid #c7d3ad20}.record-item h5{font-size:12px;line-height:1.4;margin:0;min-height:34px;color:#e4e9d4}.record-item>strong{font:36px/1.3 Georgia,serif;color:#f3d08a;margin-top:8px}.record-item>span{font-size:10px;line-height:1.5;color:#bacbb0;margin-bottom:13px}.record-share-button{min-height:44px!important;font-size:11px;padding:8px 10px;cursor:pointer;border-radius:10px;white-space:normal;margin-top:auto}.record-storage-note{font-size:11px;line-height:1.6;color:#acbfa3;margin:15px 0 0}.guroo-record-actions{display:flex;justify-content:flex-end;margin:8px 0}.guroo-record-actions .record-share-button{font-size:11px;min-height:44px}.record-share-dialog{box-sizing:border-box;width:460px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:30px 24px;border-radius:23px;border:1px solid #6e8565;background:#19382e;color:#f6efdc;font:14px/1.5 var(--sans,system-ui);overscroll-behavior:contain}.record-share-dialog::backdrop{background:#081c16cf;backdrop-filter:blur(6px)}.record-share-dialog>small{font-size:10px;color:#d7bf86;letter-spacing:2px}.record-share-dialog h2{font:30px/1.2 var(--serif,Georgia);padding-right:28px;color:#fff1d0}.record-close{position:absolute;top:12px;right:12px;width:44px;height:44px;border:1px solid #91aa7f55;background:transparent;border-radius:50%;color:#f9ecca;font-size:28px;cursor:pointer}.record-preview{display:grid;gap:4px;text-align:center;padding:23px 15px;border:1px solid #dcc58155;border-radius:18px;background:radial-gradient(ellipse at top,#dec38918,transparent)}.record-preview b{font-size:20px;overflow-wrap:anywhere}.record-preview span{font-size:12px;color:#c4d3b9}.record-preview strong{font:64px/1.2 Georgia;color:#f2cf83;margin:6px 0}.record-share-dialog>p{color:#c4d3b9;font-size:12px}.record-share-actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.record-share-actions>*{box-sizing:border-box;flex:1;min-width:100px;min-height:46px;display:flex;align-items:center;justify-content:center;text-decoration:none;background:#ecd18b;color:#203e2e;border:1px solid #ecd18b;border-radius:11px;padding:10px;font:600 12px system-ui;cursor:pointer}.record-share-dialog label{display:block;margin-bottom:7px;font-size:11px;color:#c8d4ba}.record-share-dialog textarea{box-sizing:border-box;width:100%;resize:vertical;padding:12px;border:1px solid #91aa7f66;border-radius:10px;background:#102c22;color:#e4e9ce;font:16px/1.4 system-ui;overflow-wrap:anywhere}.record-share-dialog [data-record-status]{min-height:18px}.record-share-dialog :focus-visible{outline:3px solid #f1ca75;outline-offset:3px}
/* Controls stay reachable with long labels, browser zoom and mobile safe areas. */
#gurooGame button{touch-action:manipulation}#gurooGame .guroo-territory{touch-action:pan-y pinch-zoom}#gurooGame .guroo-arena{touch-action:pan-y pinch-zoom}.guroo-game-stats{flex-wrap:wrap}.guroo-game-stats>span{min-width:0;flex-wrap:wrap}.guroo-territory strong,.guroo-flag-option{overflow-wrap:anywhere}.guroo-end>div,.geo-end-actions{flex-wrap:wrap}.geo-map-toolbar{flex-wrap:wrap}.geo-map .leaflet-control-zoom a{width:44px;height:44px;line-height:44px}.guroo-game-head>div{min-width:0}.guroo-game-head h2{overflow-wrap:anywhere}.guroo-game-selector button{min-width:0}.geo-map:focus-visible{outline:3px solid #d4a14e;outline-offset:-3px}
@media(max-width:760px){#gurooGame{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}#gurooGameBody{padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px))}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-records{padding:15px}.record-item{padding:13px 10px}.guroo-game-head .sound-toggle,.guroo-game-head [data-game-close]{width:44px;min-width:44px;height:44px;flex-basis:44px}.geo-confirm{bottom:env(safe-area-inset-bottom,0px)}}
@media(max-width:360px){.game-records header{flex-wrap:wrap}.game-records header>b{max-width:100%}.record-share-dialog{padding:25px 16px}.guroo-game-selector button{padding:9px 4px}.guroo-game-stats b{font-size:13px}}
@media(max-height:550px) and (orientation:landscape){#gurooGame[data-view=game]{max-width:100%;width:900px;max-height:100dvh}.guroo-territory{min-height:165px;padding:10px}.guroo-outline{height:80px}.guroo-flag-figure img{max-height:120px}.guroo-game-head{padding-top:8px;padding-bottom:6px}.guroo-game-head h2{font-size:23px}.guroo-streak-track{margin-bottom:12px}.guroo-end>div>button,.geo-end-actions button{min-height:44px}}
/* Mouse choices are explicit; feedback remains until the player advances. */
#gurooGame .guroo-next{width:100%;min-height:52px!important;position:sticky;bottom:0;z-index:5;box-shadow:0 4px 18px #081c1680;margin:8px 0 14px;font-size:15px}
.guroo-end{border:1px solid #d9bf7666;border-radius:15px;padding:12px;margin:10px 0 18px;background:#0e2b21}.guroo-end p{margin:0 0 10px}
#gurooGame button.geo-crosshair{pointer-events:auto;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:2px solid #fff4cb;border-radius:50%;background:#173d32ba;color:#fff4cb;font:32px/1 system-ui;text-shadow:none;box-shadow:0 1px 8px #10261f90;cursor:pointer;z-index:450}
#gurooGame button.geo-crosshair:hover{background:#214d3eea}#gurooGame button.geo-crosshair:focus-visible{outline:3px solid #f1c65e;outline-offset:3px}
@media(min-width:761px) and (max-height:900px){#gurooGame .guroo-territory{min-height:200px;padding:12px}#gurooGame .guroo-outline{height:95px}#gurooGame .guroo-game-head{padding-top:10px;padding-bottom:6px}#gurooGame .guroo-streak-track{margin-bottom:12px}}

/* Avoid full-screen GPU blur while the arcade is processing pointer input. */
#gurooGame::backdrop{background:#0c2018ed;backdrop-filter:none}#gurooGame .dialog-shortcuts{backdrop-filter:none}.record-share-dialog::backdrop{backdrop-filter:none}