:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#173a2b;background:#edf3ef}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 0 0,#d3eadb,transparent 42%),#edf3ef}.wrap{max-width:850px;margin:auto;padding:16px 12px 48px}header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 0 20px;color:#086039;font-size:13px}.pill{border-radius:30px;background:#d7ebdd;padding:8px;font-size:11px;font-weight:800}.panel{background:white;border:1px solid #d9e7dd;border-radius:20px;padding:clamp(16px,4vw,30px);margin:0 0 18px;box-shadow:0 10px 35px #153c2510}.eyebrow{color:#087345;font-size:12px;font-weight:900;letter-spacing:.12em}h1{font-size:clamp(28px,5vw,42px);margin:8px 0}h2{margin:0 0 12px}p{line-height:1.5;color:#4e6356}.small,footer{font-size:12px;color:#68796d}footer{text-align:center}.hidden{display:none!important}button,.fileButton{border:0;border-radius:12px;padding:12px 14px;font:inherit;font-size:14px;font-weight:750;background:#e7f1e9;color:#135734;cursor:pointer;touch-action:manipulation}button.primary{background:#087643;color:#fff}button:disabled{opacity:.43;cursor:not-allowed}.toolbar{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:15px}.stats>div{background:#f0f6f1;padding:10px 4px;border-radius:12px;text-align:center}.stats b{display:block;font-size:clamp(16px,3vw,23px)}.stats small{font-size:10px;color:#56745d}.progress{height:8px;border-radius:10px;background:#e2eee5;overflow:hidden;margin-bottom:15px}.progress>div{height:100%;width:0;background:#0b9957;transition:width .15s}.picture{width:100%;aspect-ratio:724/543;background:#0c5135;border-radius:14px;overflow:hidden;display:grid;place-items:center;margin-bottom:14px}.picture img{display:block;width:100%;height:100%;object-fit:contain}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.option{min-height:59px;background:#f7faf7;border:2px solid #e0ebe2;color:#183b28}.option.correct{background:#bcefc9;border-color:#199e54;animation:pop .35s}.option.wrong{background:#ffd9d7;border-color:#dc5555;animation:shake .3s}.picture.correct{box-shadow:0 0 0 5px #30a760}.picture.wrong{box-shadow:0 0 0 5px #dc5555}#feedback{min-height:25px;font-weight:750}#clock.urgent{color:#d92c2c}.jokers{justify-content:center}.jokers button{font-size:12px}.big{font-size:clamp(35px,9vw,60px);font-weight:950;color:#087643}input:not([type=file]){display:block;width:100%;padding:13px;border:1px solid #c9d9cd;border-radius:10px;font:inherit;margin:9px 0}#saveForm{max-width:430px}.leader{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e8eee9;padding:11px 0}.editorRow{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center;border-bottom:1px solid #eee;padding:9px 0}.editorRow img{height:56px;width:75px;object-fit:contain;background:#e8f1e9}.editorRow input{min-width:0}.editorRow .fileButton{font-size:11px}.editorRow button{background:#ffe3e0;color:#a22}.fileButton{display:inline-block}@keyframes pop{50%{transform:scale(1.035)}}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@media(max-width:560px){.options{grid-template-columns:1fr}.option{min-height:55px}.editorRow{grid-template-columns:1fr auto}.editorRow img{display:none}.toolbar button,.toolbar .fileButton{flex:1 1 auto}.jokers button{flex:1 1 30%;padding:10px 4px}.panel{border-radius:15px}}
/* v1.4 studio */
:root{color-scheme:dark;color:#f2fff5;background:#06120d}body{min-height:100vh;color:#f2fff5;background:radial-gradient(ellipse at 10% 10%,#0a633a88,transparent 36%),radial-gradient(ellipse at 90% 12%,#e7ffe51a,transparent 30%),linear-gradient(145deg,#020906,#0a2117 55%,#020a07);background-size:130% 130%;animation:studioGlow 13s ease-in-out infinite alternate}.wrap{max-width:920px}header{color:#b6ffd3}.pill{background:#13432c;color:#f0fff3}.panel{position:relative;background:linear-gradient(145deg,#0b2119,#07160f);border:1px solid #39825c;color:#f2fff5;box-shadow:0 0 32px #2dd87d16,0 16px 55px #0008;animation:panelIn .4s ease-out;overflow:hidden}.panel:before{content:'';position:absolute;top:0;left:12%;width:76%;height:2px;background:linear-gradient(90deg,transparent,#e7fff3,transparent);box-shadow:0 0 22px #6bffb3}.eyebrow{color:#8dffc3}p,.small,footer{color:#b7d4c3}.stats>div{background:#153e2a;color:white}.stats small{color:#b9e6c8}.progress{background:#204831}.progress>div{background:linear-gradient(90deg,#22c55e,#c8ffdf)}button,.fileButton{background:#1c4931;color:#f4fff7;border:1px solid #4a996c}button.primary{background:linear-gradient(125deg,#0c8a49,#20c96c);color:#fff}.option{background:#143421;border:2px solid #43835d;color:#fff;font-size:clamp(15px,2.5vw,19px)}.option.correct{background:#115f34;color:white}.option.wrong{background:#852a2a;color:white}.picture{background:#07140d;border:1px solid #36734c}.picture img{object-fit:contain}.big{color:#90ffc2}input:not([type=file]),select{background:#0b2417;color:white;border:1px solid #4d9369;padding:10px;border-radius:9px}.leader,.editorRow{border-color:#285039}.studio-label{display:flex;justify-content:space-between;font-size:11px;font-weight:900;letter-spacing:.12em;color:#79ffa7;margin-bottom:12px}.studio-label span{color:#e8f8e7}.reveal{padding:16px;background:linear-gradient(90deg,#125e36,#19462d);border:1px solid #76ed9c;border-radius:12px;font-size:clamp(15px,3vw,23px);font-weight:900;text-align:center;animation:panelIn .3s}.streak{color:#ffe2a1;font-weight:800;text-align:center}.countdown{position:fixed;inset:0;z-index:99;display:grid;place-items:center;background:#020b08ed;color:#caffd9;font-size:clamp(110px,27vw,240px);font-weight:1000;text-shadow:0 0 65px #43ff87;animation:panelIn .25s}.cup{text-align:center;font-size:100px;animation:cupBounce 1.5s infinite alternate}.final-message{text-align:center;font-size:24px;font-weight:900;color:#a9ffca}.badges{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.badges span{padding:10px;border-radius:25px;background:#155a32;color:#eaffee;font-weight:800}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-20px;width:9px;height:18px;background:#a4ffbb;animation:fall 3s linear infinite}.confetti i:nth-child(3n){background:white}.confetti i:nth-child(5n){background:#f7e68c}@keyframes fall{to{transform:translateY(780px) rotate(660deg)}}@keyframes cupBounce{to{transform:translateY(-12px) scale(1.08)}}@keyframes studioGlow{to{background-position:100% 100%}}@keyframes panelIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.wrap{padding:8px 7px 28px}.panel{padding:14px;border-radius:14px}.options{grid-template-columns:1fr}.option{min-height:64px;font-size:17px}.stats b{font-size:18px}.picture{aspect-ratio:724/543}.editorRow{grid-template-columns:1fr 1fr}.editorRow img{display:none}.editorRow select{width:100%}}

/* v1.5: image + all four answers fit together without scrolling */
html,body{min-height:100%;}body:has(#game:not(.hidden)){overflow:hidden}.wrap:has(#game:not(.hidden)){height:100dvh;max-height:100dvh;display:flex;flex-direction:column;padding:clamp(4px,1vh,10px) clamp(6px,1vw,12px);overflow:hidden}.wrap:has(#game:not(.hidden))>header{flex:none;margin:0 0 5px;font-size:11px}.wrap:has(#game:not(.hidden))>#game{flex:1;min-height:0;display:flex;flex-direction:column;gap:clamp(3px,.65vh,8px);padding:clamp(7px,1.3vh,13px);margin:0;overflow:hidden}.wrap:has(#game:not(.hidden))>section:not(#game),.wrap:has(#game:not(.hidden))>footer{display:none!important}#game .studio-label{flex:none;margin:0;font-size:clamp(9px,1.4vh,12px)}#game .stats{flex:none;margin:0;gap:5px}#game .stats>div{padding:clamp(2px,.6vh,7px) 3px;border-radius:7px}#game .stats b{font-size:clamp(13px,2.7vh,21px)}#game .stats small{font-size:9px}#game .progress{flex:none;height:5px;margin:0}#game .picture{flex:1 1 0;min-height:0;max-height:none;width:100%;aspect-ratio:auto;margin:0;border-radius:9px}#game .picture img{width:100%;height:100%;object-fit:contain}#game .options{flex:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(4px,.8vh,9px)}#game .option{min-height:0;height:clamp(35px,6.2vh,56px);padding:3px 7px;font-size:clamp(11px,1.85vh,17px);line-height:1.15;overflow-wrap:anywhere}#game #feedback{flex:none;min-height:0;margin:0;font-size:clamp(10px,1.65vh,14px);line-height:1.1;text-align:center}#game #reveal{flex:none;padding:clamp(3px,.6vh,8px);font-size:clamp(10px,1.65vh,15px);line-height:1.15}#game .streak{flex:none;font-size:clamp(10px,1.6vh,14px)}#game .jokers{flex:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0}#game .jokers button{min-height:0;padding:clamp(4px,.8vh,8px) 2px;font-size:clamp(9px,1.45vh,12px);line-height:1.1}#game>.small{display:none}#game .option:focus-visible,#game .jokers button:focus-visible{outline:2px solid #fff;outline-offset:1px}@media(max-width:600px){.wrap:has(#game:not(.hidden))>header{margin:0 0 3px}.wrap:has(#game:not(.hidden))>#game{padding:6px;gap:clamp(2px,.5vh,5px)}#game .options{grid-template-columns:repeat(2,minmax(0,1fr))}#game .option{height:clamp(33px,6vh,50px);font-size:clamp(10px,1.75vh,15px)}#game .stats b{font-size:clamp(12px,2.4vh,18px)}}@media(max-height:570px){.wrap:has(#game:not(.hidden))>header{display:none}#game .studio-label{display:none}#game .stats small{display:none}#game .stats>div{padding:2px}#game .progress{height:3px}#game .option{height:clamp(29px,7vh,40px)}#game .jokers button{padding:3px 1px}#game .streak{font-size:10px}}@media(prefers-reduced-motion:reduce){body,.panel,.option,.cup{animation:none!important}}

/* v1.6: full clue image in front; blurred duplicate fills letterbox space. */
#game .picture{position:relative;isolation:isolate;overflow:hidden;background:#10291d;}
#game .picture img.photo-blur{position:absolute;inset:-18px;width:calc(100% + 36px);height:calc(100% + 36px);object-fit:cover;filter:blur(22px) brightness(.64);transform:scale(1.06);z-index:0;pointer-events:none;}
#game .picture img#photo{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center center;z-index:1;pointer-events:none;}

/* Bursa Fun Club shared visual language — v1.8 */
:root{--bfc-green:#607B69;--bfc-lime:#baff43;--bfc-dark:#071811;--bfc-silver:#c5d0cb}
html{background:var(--bfc-dark)}body{background:radial-gradient(ellipse at 15% 10%,#285c43 0%,transparent 42%),radial-gradient(ellipse at 95% 30%,#1d4b34 0%,transparent 40%),#071811;color:#f2fff4;min-height:100vh}
.wrap{max-width:1000px}.panel{background:linear-gradient(140deg,rgba(25,54,39,.96),rgba(9,27,18,.97));border:1px solid #66816b80;box-shadow:0 18px 55px #0006;color:#f2fff4;overflow:hidden}
.bfc-header{color:white;min-height:58px;display:flex;gap:12px}.bfc-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:'Bebas Neue',Impact,sans-serif;font-size:clamp(21px,3vw,29px);letter-spacing:1px}.bfc-brand em{font-style:normal;color:var(--bfc-lime)}.bfc-emblem{display:grid;place-items:center;width:39px;height:39px;border:1px solid #a5d789;border-radius:11px;background:#274f35;font-size:22px}.bfc-header-actions{display:flex;align-items:center;gap:8px}.bfc-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;border:1px solid #879d90;color:white;text-decoration:none;font-size:29px;line-height:1}.pill{background:#203f2d;color:#d7f4db;border:1px solid #658b6c;border-radius:9px;font-family:'Bebas Neue',Impact,sans-serif;font-size:16px;letter-spacing:.06em}
h1,h2,.studio-label,.eyebrow,.big,.cup{font-family:'Bebas Neue',Impact,sans-serif;letter-spacing:.04em}h1{font-size:clamp(38px,7vw,70px);line-height:1.02}.bfc-lime{color:var(--bfc-lime)}h2{font-size:clamp(26px,4vw,39px)}p,.small,footer{color:#c1d3c7}.eyebrow{color:var(--bfc-lime)}
button,.fileButton{background:linear-gradient(#344b3d,#23382c);color:#f5fff6;border:1px solid #7a9882;border-radius:10px;min-height:42px;box-shadow:inset 0 1px #ffffff17;transition:transform .14s,filter .14s}button:hover,.fileButton:hover{filter:brightness(1.18)}button:active{transform:scale(.97)}button.primary{background:linear-gradient(125deg,#c7ff5c,#83cd34);color:#102614;border-color:#d7ff96;box-shadow:0 7px 20px #9cff4a30;font-weight:900}.toolbar{align-items:center}
.stats>div{background:#203d2c;color:#e7f9e8;border:1px solid #4f765b}.stats small{color:#c0d8c4}.progress{background:#233b2d}.progress>div{background:linear-gradient(90deg,#5cd267,#c8ff49)}
.picture{background:#12281d!important;border:1px solid #6b9073!important;overflow:hidden!important}.picture img#photo{object-fit:contain!important;max-width:100%;max-height:100%;position:relative;z-index:1}.picture img#photoBlur{object-fit:cover!important;filter:blur(24px) brightness(.65)!important;transform:scale(1.12)}
.options button{min-height:50px;background:linear-gradient(135deg,#294a36,#1a3526);border:1px solid #789b7f;color:white}.options button:hover{border-color:#c0ff60}.jokers button{background:#263f30;border-color:#779181}.reveal{border-color:#8ab968!important}.streak{color:#f9d57c}input{background:#f8fff9;color:#153821}footer span{opacity:.7}
@media(max-width:640px){.wrap{padding:7px 8px 25px}.panel{padding:12px;border-radius:13px;margin-bottom:10px}.bfc-header{margin:4px 0 9px}.bfc-emblem{width:33px;height:33px}.bfc-brand{font-size:21px}.pill{font-size:13px;padding:6px}.bfc-icon{width:32px;height:32px;font-size:23px}.stats{gap:4px;margin-bottom:7px}.stats>div{padding:6px 2px}.toolbar{gap:5px;margin:8px 0}.toolbar button{padding:9px 10px;font-size:12px}.options{gap:6px}.options button{min-height:44px;padding:8px;font-size:clamp(12px,3.2vw,15px)}.picture{max-height:clamp(160px,37dvh,370px)!important}.jokers{justify-content:center}.jokers button{flex:1;min-width:0}}
@media(max-height:720px){#game.panel{padding-top:9px;padding-bottom:9px}.picture{max-height:34dvh!important}.options button{min-height:39px}.stats>div{padding:5px 2px}.toolbar{margin:6px 0}}