/* Kamščių šaudykla. The canvas is a fixed 1.6 : 1 world scaled to fit; everything else is ordinary HTML around it. */
.cork-panel{--brass:#e6b95c;display:grid;gap:8px;background:radial-gradient(ellipse at 50% 0,#2d1b0e,#150e08 70%)}
.cork-head{display:flex;align-items:center;gap:12px}
.cork-head>div:first-child{flex:1;min-width:0}
.cork-head h1{margin:2px 0 0;font:700 clamp(24px,4.6vw,38px)/1.05 Georgia,"Times New Roman",serif}
.cork-head h1 em{color:var(--brass);font-style:italic}
.cork-ammo{display:flex;gap:5px}
.cork-ammo i{width:14px;height:20px;border-radius:5px;background:linear-gradient(#f0c985,#b98b52);border:1px solid #fff3cd88;box-shadow:0 2px 0 #0006;transition:opacity .2s,transform .25s,filter .25s}
.cork-ammo i.used{opacity:.22;transform:scale(.8);filter:grayscale(1)}
.cork-sound{width:40px;height:40px;border-radius:50%;border:1px solid #7a5530;background:#1b110a;color:#ffe9bd;font-size:17px;cursor:pointer}
.cork-sound:focus-visible{outline:2px solid var(--brass);outline-offset:2px}
.cork-clock{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:2px solid #b7894a;background:#1b110a;color:#ffe9bd;font:800 21px/1 Georgia,serif;font-variant-numeric:tabular-nums}
.cork-clock.urgent{border-color:#ff7b5e;color:#ffb199;animation:cork-urgent .5s ease-in-out infinite alternate}
.cork-main{display:grid;gap:8px;min-width:0}
.cork-stage{position:relative;width:100%;aspect-ratio:1.6/1;border-radius:16px;overflow:hidden;border:1px solid #7a5530;background:linear-gradient(#0d0804b0,#0d0804e0),url("/assets/lithuanian-pub-evening-v1.webp") center/cover;box-shadow:inset 0 0 50px #000a,0 10px 30px #0007;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}
.cork-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.cork-feedback{position:absolute;left:50%;top:6px;transform:translateX(-50%);margin:0;max-width:92%;padding:3px 12px;border-radius:99px;background:#140c06cc;border:1px solid #c79f5455;color:#f3e1b8;font:600 12px/1.3 system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.cork-board{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.cork-chip{display:flex;align-items:center;gap:6px;min-width:0;padding:4px 10px 4px 5px;border-radius:99px;border:1px solid transparent;border-left:3px solid var(--pc);background:#ffffff0c;transition:background .25s,border-color .25s}
.cork-chip img,.cork-chip span{flex:0 0 auto;width:26px;height:26px;border-radius:50%;object-fit:cover;border:1px solid #c79f54aa;background:#2b1b0e}
.cork-chip b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#f1dcb4}
.cork-chip em{color:var(--brass);font-style:normal;font-size:10px}
.cork-chip output{margin-left:auto;font:800 15px/1 ui-monospace,monospace;color:#ffe9bd;font-variant-numeric:tabular-nums}
.cork-chip output.bump{animation:cork-bump .35s cubic-bezier(.2,1.6,.4,1)}
.cork-chip.is-me{background:#ffffff18}
.cork-chip.is-leading{background:#e6b95c24;border-color:#e6b95c77}
.cork-chip.is-leading b::after{content:" ★";color:var(--brass)}
@keyframes cork-urgent{from{transform:scale(1)}to{transform:scale(1.08)}}
@keyframes cork-bump{from{transform:scale(1.6);color:#fff}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.cork-clock.urgent,.cork-chip output.bump{animation:none}.cork-ammo i{transition:none}}
