:root{color-scheme:light;--ink:#173f36;--green:#245e49;--cream:#f7f4ec;--line:#c4cfc5}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:18px/1.5 system-ui,Arial,sans-serif}header,main{max-width:1320px;margin:auto;padding:24px 32px}header{padding-top:40px}h1{font:600 clamp(30px,4vw,48px)/1.15 Georgia,serif;margin:12px 0}h2{font-size:25px;line-height:1.3}p{margin:10px 0}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em}.local{font-size:15px;color:#52685c}button,select{font:inherit;min-height:48px;border:1px solid #788d7c;border-radius:9px;padding:10px 16px;background:#fff;color:var(--ink);cursor:pointer}button:hover{background:#e6eee5}button.primary{background:var(--green);color:white}button:disabled{opacity:.6;cursor:wait}button:focus-visible,select:focus-visible,a:focus-visible,canvas:focus-visible,summary:focus-visible{outline:3px solid #bd6500;outline-offset:3px}a{color:#1e5a42}.choose-head,.game-head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}#gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;margin-top:24px}.card{padding:0;text-align:left;border:0;overflow:hidden;background:white;box-shadow:0 3px 15px #1c382512}.card img{width:100%;height:210px;object-fit:contain;background:#e5e9e1;display:block}.card div{padding:18px}.card h3{margin:0;font-size:21px}.card p{font-size:15px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.toolbar label{font-size:15px}.toolbar select{max-width:230px}.workspace{position:relative;border:1px solid #a5b5a4;border-radius:12px;overflow:hidden;background:#e4e9df}canvas{display:block;width:100%;height:65vh;min-height:360px;touch-action:none;cursor:grab}#preview{position:absolute;top:12px;right:12px;width:min(28%,240px);max-height:30%;object-fit:contain;border:4px solid white;box-shadow:0 3px 12px #0003;pointer-events:none}#pauseOverlay{position:absolute;inset:0;background:#e6ece7f5;align-content:center;text-align:center}#pauseOverlay:not([hidden]){display:grid;place-content:center}#timer{font-size:27px;font-variant-numeric:tabular-nums}#help{font-size:15px;color:#425d50}#status{min-height:28px}#strip{background:white;padding:12px;border-top:1px solid var(--line);font-size:15px}details{margin:16px 0}details label{display:block;padding:8px}dialog{border:0;border-radius:16px;padding:28px;max-width:560px;width:calc(100% - 28px);max-height:92vh;overflow:auto;box-shadow:0 10px 60px #0004;color:var(--ink);background:var(--cream)}dialog::backdrop{background:#12352e99}dialog img{width:100%;max-height:270px;object-fit:contain}.close{float:right;font-size:26px;padding:0 14px;margin-bottom:12px}#start{display:block;width:100%;margin-top:18px}#finishAd{background:#e4ebdd;border-radius:12px;padding:20px;margin:20px 0}#closeAd{display:block;margin-top:16px}#nextBlock button{margin:6px 0}#game:fullscreen,#game.full-fallback{background:var(--cream);padding:16px;overflow:auto;width:100%;height:100%}#game.full-fallback{position:fixed;inset:0;z-index:30}#game:fullscreen canvas,#game.full-fallback canvas{height:63vh}#finishImage{max-height:180px}[hidden]{display:none!important}@media(max-width:600px){header,main{padding:18px 14px}header{padding-top:26px}.toolbar button{padding:8px 12px;font-size:16px}#gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card img{height:140px}.card div{padding:12px}.card h3{font-size:17px}.card p{font-size:13px}canvas{height:58vh}.game-head{gap:6px}.game-head h2{font-size:22px}#preview{width:32%}.toolbar select{max-width:200px}}
body.playing>header{display:none}body.playing main{padding-top:12px}body.playing .game-head h2{margin:8px 0}body.playing .toolbar{margin:8px 0}

:root{--ink:#153b56;--green:#007c9b;--cream:#f4fbff;--line:#98c5d9}
body{background:linear-gradient(135deg,#e3f8ff,#fff4c5);color:var(--ink)}
header{max-width:1440px;padding:32px 28px 16px}header h1{font:800 clamp(42px,5vw,64px)/1.1 system-ui;color:#007ca0;margin:10px 0}header p{font-size:20px}.eyebrow{color:#006784}.local{font-size:14px;color:#39596a}
main{max-width:1440px;padding:16px 28px 36px}.card{border:2px solid #fff;box-shadow:0 4px 14px #00688c19;border-radius:18px;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #00688c30}.card img{background:#d7f0fb;object-fit:cover}.card div{background:#fff}.card h3{color:#075e83}.card p{color:#385469}
button,select{border:1px solid #69a1ba;border-radius:11px;font-size:16px;font-weight:650;min-height:44px;background:#fff;color:#124660;box-shadow:0 2px 0 #12577916}button:hover{background:#d7f4ff}button.primary,#full{background:#007a9c;color:#fff;border-color:#007a9c}#clearSelection{background:#ffdf70;color:#513b00;border-color:#e9bd3f}select{max-width:220px}button:focus-visible,select:focus-visible{outline:3px solid #f09a00}
body.playing{height:100dvh;overflow:hidden;background:#d6f2ff}body.playing main{max-width:none;padding:10px;height:100dvh}#game{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:6px;min-height:0}body.playing .game-head{flex-wrap:nowrap;gap:12px;padding:0 8px}body.playing .game-head h2{font-size:24px;margin:0}.game-head p{font-size:14px;margin:0}#timer{font-size:19px;color:#176984}.toolbar{gap:7px;margin:0!important}.toolbar label{display:flex;align-items:center;gap:6px}.workspace{min-height:0;background:#71cbe6;border:2px solid #3a9fbd;border-radius:16px;box-shadow:inset 0 2px 8px #11749a25}canvas,#game:fullscreen canvas,#game.full-fallback canvas{width:100%;height:100%;min-height:0;background:radial-gradient(ellipse at 50% 30%,#b3e8f5,#71cbe6);cursor:grab}canvas:active{cursor:grabbing}#status,#help{margin:0;padding:0 8px;font-size:13px;line-height:1.35;min-height:18px;color:#174c64}#help{color:#356075}#game:fullscreen,#game.full-fallback{display:grid;padding:10px;background:#d6f2ff;height:100dvh;overflow:hidden}#game.full-fallback{z-index:100}#pauseOverlay{background:#dcf6fff2}#pauseOverlay p{font-size:24px;font-weight:700}#preview{max-height:36%;width:26%;border-radius:8px}
dialog{padding:20px;max-height:calc(100dvh - 24px);border:2px solid #5bb9d3;border-radius:18px;background:#fff;box-shadow:0 16px 70px #003a5b66}dialog::backdrop{background:#063e60a6}dialog img{max-height:min(190px,25dvh);display:block;clear:both}dialog h2{margin:12px 0 6px;font-size:24px}dialog p{font-size:15px;margin:7px 0}dialog select{width:100%;max-width:none}.close{margin:0 0 5px}.close:hover{background:#ffe18a}#start{margin-top:12px;position:sticky;bottom:0;min-height:48px}
@media(max-width:650px){header{padding:22px 16px 8px}main{padding:12px}body.playing main{padding:5px}.game-head h2,body.playing .game-head h2{font-size:18px}.toolbar{gap:5px}.toolbar button,.toolbar select{font-size:13px;min-height:40px;padding:7px 9px}.toolbar label{font-size:0}.toolbar select{max-width:165px}#help{display:none}#game{grid-template-rows:auto auto minmax(0,1fr) auto;gap:5px}#status{font-size:12px}.workspace{border-radius:10px}#game:fullscreen,#game.full-fallback{padding:5px}.card img{height:145px}dialog{padding:14px}dialog h2{font-size:21px}}
@media(max-height:520px){.game-head p,#help{display:none}.game-head h2,body.playing .game-head h2{font-size:18px}.toolbar button,.toolbar select{min-height:36px;padding:5px 10px;font-size:14px}dialog img{max-height:90px}dialog{padding:12px}dialog h2{font-size:20px;margin:5px 0}dialog p{margin:4px 0}#start{min-height:40px;margin-top:6px}#game{grid-template-rows:auto auto minmax(0,1fr) auto}}

#markArea{background:#ffd75c;color:#473500;border-color:#d4a32f}#markArea[aria-pressed=true]{background:#ef9c00;color:#302300;box-shadow:inset 0 0 0 2px #775100}#clearSelection{background:#fff}#clearSelection:hover{background:#ffe5a0}

.toolbar label{display:none}#tapMode[aria-pressed=true]{background:#ffdf70;color:#513b00}#clearSelection{font-weight:500}@media(max-width:650px){#markArea,#tapMode,#clearSelection{padding-inline:10px}}
#status{height:36px;min-height:36px;overflow:auto}@media(max-width:650px){#status{height:50px;min-height:50px}}