:root{--blue:#2379e8;--green:#49b66b;--purple:#9d5be7;--orange:#f39a1f;--text:#202632;--muted:#6d7482;--line:#e7e1d8;--card:rgba(255,255,255,.94)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);background:#7cc8f5}.hs-screen{position:relative;min-height:100vh;overflow:hidden;padding:22px 28px 24px;background-image:linear-gradient(180deg,rgba(64,173,241,.28),rgba(255,212,138,.38)),url('assets/img/decor/beach-scene-blur.png');background-size:cover;background-position:center}.hs-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 10%,rgba(255,255,255,.36),transparent 32%),linear-gradient(180deg,rgba(72,178,245,.28) 0 23%,rgba(255,244,219,.18) 58%,rgba(242,182,83,.32) 100%);pointer-events:none}.hs-topbar,.hs-board,.hs-start,.hs-bottom-left,.hs-bottom-right{position:relative;z-index:1}.hs-topbar{display:grid;grid-template-columns:170px 1fr 330px;align-items:start;gap:18px}.hs-back,.hs-help{border:0;background:rgba(255,255,255,.92);box-shadow:0 8px 22px rgba(36,67,104,.16);border-radius:16px;color:#246fd1;font-weight:800}.hs-back{height:48px;font-size:16px}.hs-logo{display:block;width:min(760px,100%);height:160px;object-fit:contain;margin:-12px auto 0;filter:drop-shadow(0 10px 16px rgba(37,50,68,.2))}.hs-help{display:flex;gap:14px;align-items:center;text-align:left;padding:16px 18px;color:#2d548c}.hs-help-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#386dad;color:#fff;font-size:31px}.hs-help small{display:block;font-size:14px;color:#59677a;font-weight:600;margin-top:3px}.hs-arrow{margin-left:auto;font-size:32px}.hs-board{display:grid;grid-template-columns:1.05fr 1.18fr .86fr;gap:12px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.85);box-shadow:0 14px 35px rgba(52,58,66,.18);border-radius:25px;padding:10px;margin-top:-2px}.hs-card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(40,45,52,.08);padding:19px 22px;min-height:610px}.hs-card h2{margin:0 0 14px;font-size:18px;text-transform:uppercase;letter-spacing:.02em;color:#2475df;display:flex;gap:9px;align-items:center}.hs-sub{color:#ea8a00!important;margin-top:30px!important}.hs-select-row{position:relative;height:70px;border:1px solid #e3ddd5;border-radius:12px;background:#fff;display:grid;grid-template-columns:64px 1fr 40px;align-items:center;margin:12px 0;overflow:hidden;cursor:pointer}
.hs-select-row .hs-select-overlay{position:absolute;inset:0;z-index:4;margin:0;opacity:0}
.hs-select-row .hs-select-overlay select{width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer;font-size:16px}
.hs-select-row label{position:relative;z-index:1;pointer-events:none}
.hs-select-row .hs-row-icon,.hs-select-row .hs-select-chevron{position:relative;z-index:1;pointer-events:none}
.hs-select-row .hs-select-chevron{display:grid;place-items:center;font-size:22px;color:#7c726b}
.hs-select-row.is-locked .hs-select-overlay{pointer-events:none}
.hs-setup-hint{margin:0 0 10px;padding:10px 14px;border-radius:10px;border:1px solid #f1c66a;background:#fff4d8;color:#6c5120;font-size:13px;font-weight:700;line-height:1.4}
.hs-setup-hint.is-error{border-color:#efb9b6;background:#fff5f5;color:#b91c1c}.hs-row-icon{height:70px;display:grid;place-items:center;color:#fff;font-size:30px}.hs-blue .hs-row-icon{background:linear-gradient(135deg,#2072dc,#3f8ef3)}.hs-green .hs-row-icon{background:linear-gradient(135deg,#37a766,#72c491)}.hs-purple .hs-row-icon{background:linear-gradient(135deg,#8c42d6,#b86af0)}.hs-select-row label{padding-left:18px;text-transform:uppercase;color:#884d21;font-size:12px;font-weight:900}.hs-select-row strong{display:block;color:#222936;text-transform:none;font-size:18px;margin-top:7px}.hs-select-row button{border:0;background:transparent;font-size:22px;color:#7c726b}
.hs-select-row.is-locked .hs-select-chevron{opacity:.55}.hs-option{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid #eee5dc;padding:11px 0}.hs-option strong{display:block;font-size:13px;text-transform:uppercase}.hs-option small{display:block;color:#5f6874}.hs-stepper{display:flex;align-items:center;gap:15px}.hs-stepper button{width:31px;height:31px;border:1px solid #d7dce3;background:#f1f3f7;border-radius:8px;font-size:19px}.hs-switch input{display:none}.hs-switch i{display:block;width:48px;height:27px;border-radius:999px;background:#d4dbe2;position:relative}.hs-switch i:after{content:"";position:absolute;width:21px;height:21px;border-radius:50%;background:white;top:3px;left:3px;box-shadow:0 2px 5px rgba(0,0,0,.25)}.hs-switch input:checked+i{background:#4eb75a}.hs-switch input:checked+i:after{left:24px}.hs-note{display:flex;align-items:center;gap:10px;margin-top:18px;border:1px solid #f1c66a;background:#fff4d8;border-radius:12px;padding:13px 16px;color:#6c5120;font-size:13px}.hs-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.hs-card-head h2{margin:0}.hs-card-head h2 span{color:#2475df}.hs-clear{border:1px solid #efb9b6;background:#fff5f5;color:#e02020;border-radius:8px;font-weight:800;padding:9px 14px}.hs-grid-students{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px}.hs-student-card{height:115px;border:1px solid #e3ded8;background:#fff;border-radius:12px;box-shadow:0 5px 12px rgba(34,45,57,.07);display:grid;grid-template-columns:88px 1fr 26px;align-items:center;position:relative;padding:10px 14px}.hs-student-card em{position:absolute;top:-6px;left:-1px;width:28px;height:28px;border-radius:10px;background:#f59d13;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900}.hs-student-card:nth-child(2) em{background:#36a1ef}.hs-student-card:nth-child(3) em{background:#26a743}.hs-student-card:nth-child(4) em{background:#9764d8}.hs-student-card:nth-child(5) em{background:#f35b83}.hs-student-card:nth-child(6) em{background:#22b4c8}.hs-student-card img{width:82px;height:82px}.hs-student-card strong{font-size:17px}.hs-student-card span{width:25px;height:25px;border-radius:50%;background:#39a846;color:#fff;display:grid;place-items:center;font-weight:900}.hs-dropzone{border:2px dashed #cbd3db;border-radius:14px;min-height:92px;display:flex;justify-content:center;align-items:center;text-align:center;color:#6c7581;margin-top:26px;padding:12px}.hs-actions{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:18px}.hs-actions button{height:54px;border:1px solid #8eb9f6;background:#fff;border-radius:8px;color:#2475df;font-weight:900;font-size:16px}.hs-list h2{color:#995de3}.hs-search{height:48px;border:1px solid #ddd4cc;border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 14px;color:#979797;margin-bottom:16px;font-size:17px;background:#fff}.hs-list-items{max-height:505px;overflow:auto;padding-right:6px}.hs-list-items button{width:100%;height:56px;border:0;border-bottom:1px solid #ded6ec;background:#fff;display:grid;grid-template-columns:30px 42px 1fr 29px;align-items:center;text-align:left;font-weight:800;font-size:15px;color:#1d2430}.hs-list-items button.is-on{background:#f4ecff}.hs-list-items button span{width:21px;height:21px;border:1px solid #bbb;border-radius:5px;display:grid;place-items:center;color:#fff;background:#a05be7;font-size:13px}.hs-list-items button:not(.is-on) span{background:white}.hs-list-items img{width:38px;height:38px}.hs-list-items b{height:28px;width:28px;border-radius:7px;background:#9b5be5;color:#fff;display:grid;place-items:center;font-size:20px}.hs-list-items button:not(.is-on) b{background:white;color:#995be6;border:1px solid #b783ef}.hs-count{color:#8f52db;font-size:14px}.hs-count strong{font-size:22px}.hs-start{display:grid;grid-template-columns:58px auto;grid-template-rows:auto auto;align-items:center;justify-content:center;column-gap:14px;width:530px;height:116px;margin:14px auto 0;border:0;border-radius:18px;background:linear-gradient(180deg,#56bf67,#20a449);color:white;box-shadow:0 8px 0 rgba(20,113,49,.33),0 18px 30px rgba(0,0,0,.18);text-transform:uppercase}.hs-start span{grid-row:1/3;font-size:48px}.hs-start strong{font-size:28px}.hs-start small{font-size:17px;text-transform:none}.hs-bottom-left{position:absolute;left:52px;bottom:-8px;width:330px}.hs-bottom-right{position:absolute;right:0;bottom:-10px;width:300px}@media(max-width:1100px){.hs-screen{padding:14px}.hs-topbar{grid-template-columns:1fr}.hs-logo{height:auto;max-height:135px}.hs-help{display:none}.hs-board{grid-template-columns:1fr}.hs-card{min-height:auto}.hs-grid-students{grid-template-columns:1fr}.hs-bottom-left,.hs-bottom-right{display:none}.hs-start{width:100%;height:88px}.hs-start strong{font-size:23px}}
body.hs-student-mode .hs-teacher-only{display:none!important}
body:not(.hs-student-mode) .hs-student-only{display:none!important}
body.hs-student-mode #hsSetupScreen{display:none!important}

/* ===== Öğrenci kurulum ekranı ===== */
.hs-student-setup-screen{
	min-height:100vh;
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:22px 24px 32px;
}
.hs-student-setup-topbar{
	width:min(1100px,100%);
	margin-bottom:8px;
}
.hs-student-setup-card{
	width:min(720px,94vw);
	margin:12px auto 0;
	padding:28px 26px 30px;
	border-radius:32px;
	background:rgba(255,255,255,.88);
	border:1px solid rgba(255,255,255,.92);
	box-shadow:0 24px 70px rgba(20,70,110,.18);
	position:relative;
	z-index:1;
}
.hs-student-player-card{
	display:flex;
	align-items:center;
	gap:18px;
	padding:16px 18px;
	margin-bottom:22px;
	border-radius:22px;
	background:linear-gradient(135deg,rgba(63,140,242,.12),rgba(37,169,71,.1));
	border:1px solid rgba(35,121,232,.16);
}
.hs-student-player-card img{
	width:96px;
	height:96px;
	border-radius:50%;
	object-fit:cover;
	background:#eef4fb;
	box-shadow:0 10px 24px rgba(36,67,104,.14);
}
.hs-student-player-label{
	display:block;
	font-size:12px;
	font-weight:800;
	text-transform:uppercase;
	color:#5f6874;
	letter-spacing:.04em;
}
.hs-student-player-card strong{
	display:block;
	font-size:24px;
	color:#17233a;
	margin-top:4px;
}
.hs-student-selects{margin-bottom:8px}
.hs-student-start-btn{
	width:100%;
	margin-top:18px;
	min-height:56px;
	font-size:18px;
}
.hs-student-setup-hint{margin-top:14px}

/* Sınıfa Sor — öğretmen 15 sn */
.hs-ask-class-overlay{
	position:fixed;
	inset:0;
	z-index:100010;
	display:grid;
	place-items:center;
	padding:20px;
	background:rgba(12,36,68,.55);
	backdrop-filter:blur(6px);
}
.hs-ask-class-overlay[hidden]{display:none!important}
.hs-ask-class-modal{
	width:min(520px,94vw);
	padding:26px 24px 22px;
	border-radius:28px;
	background:linear-gradient(180deg,#fff,#f5fbff);
	border:3px solid rgba(63,140,242,.22);
	box-shadow:0 24px 60px rgba(20,70,110,.28);
	text-align:center;
}
.hs-ask-class-top{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:12px;
	margin-bottom:16px;
}
.hs-ask-class-badge{
	font-weight:900;
	color:#1f70d7;
	font-size:15px;
}
.hs-ask-class-timer{
	min-width:52px;
	height:52px;
	border-radius:50%;
	display:grid;
	place-items:center;
	font-size:22px;
	font-weight:1000;
	color:#fff;
	background:linear-gradient(180deg,#3f8cf2,#1f70d7);
	box-shadow:0 8px 20px rgba(31,112,215,.35);
}
.hs-ask-class-content h2{
	margin:0 0 10px;
	font-size:26px;
	color:#17233a;
}
.hs-ask-class-content p{
	margin:0;
	color:#5f6874;
	font-weight:700;
	line-height:1.45;
}
.hs-ask-class-actions{margin-top:22px}

/* Öğrenci sonuç ekranı */
body.hs-student-mode.hs-result-active .hs-result-layout{
	grid-template-columns:1fr;
	max-width:720px;
	margin-inline:auto;
}
.hs-start:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.15)}
.hs-selected-grid:empty+.hs-dropzone{display:flex}
.hs-grid-students:not(:empty)+.hs-dropzone{display:none}
.hs-btn.hs-btn-secondary{min-height:48px;padding:10px 22px;border:0;border-radius:16px;background:linear-gradient(135deg,#3c8cff,#2369d6);color:#fff;font-weight:900;font-size:16px;cursor:pointer;box-shadow:0 8px 18px rgba(35,105,214,.22)}
.hs-btn.hs-btn-secondary:disabled{opacity:.5;cursor:not-allowed}
.hs-message.is-error,[data-hs-message].is-error{border:2px solid rgba(255,82,82,.45);background:linear-gradient(180deg,rgba(255,246,231,.96),rgba(255,228,218,.96));color:#7a1f12;box-shadow:0 12px 28px rgba(120,43,19,.18)}
.hs-btn.hs-btn-primary{min-height:48px;padding:10px 22px;border:0;border-radius:16px;background:linear-gradient(180deg,#59c86b,#1fa348);color:#fff;font-weight:900;font-size:16px;cursor:pointer;box-shadow:0 8px 0 rgba(20,113,49,.28),0 14px 24px rgba(0,0,0,.14)}
.hs-btn.hs-btn-primary:disabled{opacity:.55;cursor:not-allowed}

/* ===== Bildirim toast ===== */
.hs-phase-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:99999;max-width:min(92vw,520px);padding:14px 20px;border-radius:14px;background:rgba(22,120,60,.94);color:#fff;font-weight:800;font-size:15px;line-height:1.35;text-align:center;box-shadow:0 14px 36px rgba(0,0,0,.28);pointer-events:none}

/* ===== Ekran geçişi (tek aktif ekran) ===== */
.hs-screen[hidden]{display:none!important}
#hsSetupScreen[hidden],#hsStudentSetupScreen[hidden],#hsIntroScreen[hidden],#hsGameScreen[hidden],#hsResultScreen[hidden]{display:none!important}
body.hs-game-active #hsSetupScreen,body.hs-game-active #hsIntroScreen,body.hs-game-active #hsResultScreen{display:none!important}
body.hs-intro-active #hsSetupScreen,body.hs-intro-active #hsGameScreen,body.hs-intro-active #hsResultScreen{display:none!important}
body.hs-setup-active #hsIntroScreen,body.hs-setup-active #hsGameScreen,body.hs-setup-active #hsResultScreen{display:none!important}
body.hs-student-setup-active #hsSetupScreen,body.hs-student-setup-active #hsIntroScreen,body.hs-student-setup-active #hsGameScreen,body.hs-student-setup-active #hsResultScreen{display:none!important}
body.hs-result-active #hsSetupScreen,body.hs-result-active #hsIntroScreen,body.hs-result-active #hsGameScreen{display:none!important}

/* ===== Ekran 2 — Intro ===== */
.hs-intro-screen:not([hidden]){min-height:100vh;padding:20px;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:12px}
.hs-intro-screen.is-active{animation:hsIntroIn .32s ease-out both}
.hs-intro-screen .hs-intro-topbar{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;max-width:1160px;width:100%;margin:0 auto}
.hs-intro-nav-btn{border:0;background:rgba(255,255,255,.92);box-shadow:0 8px 22px rgba(36,67,104,.16);border-radius:16px;color:#246fd1;font-weight:800;height:48px;padding:0 18px;font-size:16px;cursor:pointer;white-space:nowrap}
.hs-intro-help{display:flex;flex-direction:column;align-items:flex-end;text-align:right;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 8px 22px rgba(36,67,104,.16);color:#2d548c;max-width:280px}
.hs-intro-help strong{font-size:15px}
.hs-intro-help span{display:block;margin-top:4px;font-size:13px;color:#59677a;font-weight:600}
.hs-intro-logo-wrap{position:relative;z-index:2;max-width:620px;width:100%;margin:0 auto 8px;text-align:center}
.hs-intro-logo-wrap img{width:100%;max-height:145px;object-fit:contain;display:block;margin:0 auto;filter:drop-shadow(0 10px 16px rgba(37,50,68,.2))}
.hs-intro-card{position:relative;z-index:2;max-width:1100px;width:100%;min-height:520px;margin:0 auto;display:grid;grid-template-columns:420px 1fr;gap:32px;align-items:center;background:rgba(255,255,255,.78);border-radius:32px;border:2px solid rgba(255,255,255,.9);box-shadow:0 24px 70px rgba(20,60,100,.22);padding:32px;backdrop-filter:blur(10px)}
.hs-intro-chest-area{position:relative;display:flex;justify-content:center;align-items:center;min-height:360px}
.hs-intro-chest-glow{position:absolute;width:min(340px,88%);height:min(340px,88%);border-radius:50%;background:radial-gradient(circle,rgba(255,220,120,.72) 0%,rgba(255,196,84,.28) 42%,transparent 72%);pointer-events:none;z-index:1}
.hs-intro-chest{width:min(360px,90%);height:auto;object-fit:contain;position:relative;z-index:2;display:block;filter:drop-shadow(0 18px 22px rgba(92,64,30,.24));animation:hsChestFloat 2.8s ease-in-out infinite}
.hs-intro-content{display:flex;flex-direction:column;justify-content:center;min-width:0}
.hs-intro-kicker{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:10px 18px;border-radius:999px;background:linear-gradient(180deg,#3f8cf2,#1f70d7);color:#fff;font-weight:800;font-size:15px;box-shadow:0 8px 18px rgba(34,105,205,.22);margin-bottom:14px}
.hs-intro-kicker strong{font-weight:900}
.hs-intro-content h1{margin:0;color:#7b4916;font-size:clamp(32px,3.6vw,52px);line-height:1.05}
.hs-intro-content p{margin:12px 0 0;color:#5e564c;font-size:clamp(17px,2vw,24px);font-weight:800;line-height:1.35}
.hs-intro-player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;max-height:210px;overflow:auto;margin-top:22px;padding-right:4px}
.hs-intro-player-card{background:#fff;border-radius:18px;padding:10px 12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(0,0,0,.08);box-shadow:0 6px 12px rgba(45,54,66,.07);min-width:0}
.hs-intro-player-card img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:0 0 48px}
.hs-intro-player-card span{display:block;font-weight:800;font-size:14px;color:#3d414a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}
.hs-intro-player-card em{font-style:normal;font-size:11px;font-weight:900;color:#b7791f;white-space:nowrap}
.hs-intro-player-card.is-first{border-color:#f5b21a;box-shadow:0 0 0 3px rgba(245,178,26,.18)}
.hs-intro-actions{position:relative;z-index:3;display:flex;gap:14px;margin-top:22px;flex-wrap:wrap}
.hs-intro-actions .hs-btn-secondary{flex:0 0 auto}
.hs-intro-start-btn{flex:1;min-height:64px;font-size:22px;border-radius:18px;text-transform:uppercase;letter-spacing:.02em}
@keyframes hsIntroIn{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
@keyframes hsChestFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:900px){
.hs-intro-screen{padding:14px}
.hs-intro-topbar{align-items:stretch}
.hs-intro-help{align-items:flex-start;text-align:left;max-width:none;flex:1}
.hs-intro-card{grid-template-columns:1fr;min-height:auto;padding:22px 18px;gap:20px}
.hs-intro-chest-area{min-height:240px}
.hs-intro-chest{width:min(280px,78vw)}
.hs-intro-player-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));max-height:180px}
.hs-intro-actions{flex-direction:column}
.hs-intro-start-btn{width:100%;flex:none}
}
@media(max-width:560px){
.hs-intro-logo-wrap img{max-height:108px}
.hs-intro-card{padding:16px;border-radius:24px}
.hs-intro-content h1{font-size:30px}
.hs-intro-content p{font-size:17px}
.hs-intro-player-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hs-intro-player-card{padding:8px}
.hs-intro-player-card img{width:40px;height:40px;flex-basis:40px}
.hs-intro-player-card span{font-size:13px}
.hs-intro-start-btn{min-height:58px;font-size:18px}
}

/* ===== Ekran 3 — Oyun (Faz 3) ===== */
#hsGameScreen.hs-game-screen{min-height:100vh;padding:clamp(10px,1.6vw,24px);color:#26364a;position:relative;overflow:hidden;background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.95),transparent 26%),radial-gradient(circle at 88% 12%,rgba(255,218,93,.4),transparent 26%),linear-gradient(135deg,#58c8ff 0%,#82e7cf 52%,#ffe08b 100%)}
#hsGameScreen.hs-game-screen[hidden]{display:none!important}
.hs-game-shell{position:relative;z-index:1;width:min(1540px,calc(100vw - 32px));margin:0 auto}
.hs-game-screen{--hs-blue:#2878df;--hs-dark:#3e2a17;--hs-brown:#7b441a;--hs-gold:#f8bd34;--hs-soft:rgba(255,255,255,.88)}
.hs-game-bg::before,.hs-game-bg::after{content:"";position:absolute;border-radius:999px;pointer-events:none;filter:blur(1px)}
.hs-game-bg::before{width:360px;height:360px;left:-120px;bottom:10%;background:rgba(255,177,51,.35)}
.hs-game-bg::after{width:420px;height:420px;right:-160px;top:12%;background:rgba(100,70,255,.18)}
.hs-game-topbar,.hs-game-board{position:relative;z-index:2;max-width:1540px;margin-inline:auto}
.hs-game-topbar{display:grid;grid-template-columns:minmax(230px,1fr) auto auto;gap:14px;align-items:center;margin-bottom:14px;padding:12px 14px;border:3px solid rgba(123,68,26,.14);border-radius:26px;background:rgba(255,255,255,.82);box-shadow:0 18px 45px rgba(71,46,16,.15);backdrop-filter:blur(10px)}
.hs-game-title{display:flex;align-items:center;gap:12px;min-width:0}
.hs-game-title-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#fff1a9,#f8bd34);box-shadow:inset 0 -3px 0 rgba(117,68,16,.18);font-size:28px}
.hs-game-title strong{display:block;color:var(--hs-dark);font-size:clamp(20px,2.1vw,34px);line-height:1}
.hs-game-title small{color:#7a5530;font-weight:800}
.hs-game-status{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.hs-game-status span,.hs-mini-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:16px;background:#f5fbff;border:2px solid rgba(40,120,223,.12);color:#255a9f;font-weight:900}
.hs-mini-btn{cursor:pointer;color:#7b441a;border-color:rgba(123,68,26,.16);background:#fff7e4}
.hs-game-board,
.hs-game-board.hs-game-layout,
#hsGameScreen .hs-game-board{
	display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:stretch
}
.hs-score-panel{display:none!important}
.hs-question-panel,.hs-chest-panel{border-radius:30px;background:var(--hs-soft);border:3px solid rgba(123,68,26,.12);box-shadow:0 20px 50px rgba(71,46,16,.14);backdrop-filter:blur(10px)}
.hs-chest-panel{padding:16px;min-width:0}
.hs-question-panel,
.hs-question-panel.hs-center-panel,
.hs-main-question-area{
	width:100%;min-width:0;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:0;max-height:100%;overflow:hidden
}
.hs-round-mini{min-height:42px;padding:9px 14px;border-radius:16px;background:#fff7e4;border:2px solid rgba(123,68,26,.12);color:#7b441a;font-weight:900;font-size:13px}
.hs-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:12px}
.hs-section-title span{color:#7b441a;font-size:22px;font-weight:1000}
.hs-section-title small{color:#64748b;font-weight:900;text-align:right}
.hs-score-list{display:flex;flex-direction:column;gap:10px}
.hs-score-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:76px;padding:10px;border-radius:22px;background:#fff;border:2px solid rgba(123,68,26,.08);box-shadow:0 8px 22px rgba(71,46,16,.08)}
.hs-score-card.is-active{background:linear-gradient(135deg,#fff9db,#fff);border-color:rgba(248,189,52,.9);box-shadow:0 0 0 4px rgba(248,189,52,.18),0 12px 26px rgba(71,46,16,.12)}
.hs-score-card img{width:54px;height:54px;border-radius:18px;object-fit:cover;background:#eaf7ff}
.hs-score-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1f2937;font-weight:1000}
.hs-score-meta{display:block;margin-top:4px;color:#64748b;font-size:12px;font-weight:800}
.hs-score-points{color:#0f766e;font-size:22px}
.hs-current-player{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:24px;background:linear-gradient(135deg,#fff7df,#fff);border:2px solid rgba(248,189,52,.45)}
.hs-current-player img{width:70px;height:70px;border-radius:22px;object-fit:cover;background:#eaf7ff}
.hs-current-player small{display:block;color:#8a5a20;font-weight:900}
.hs-current-player strong{display:block;color:#1f2937;font-size:clamp(20px,2vw,30px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-joker-btn{min-height:48px;border:0;border-radius:16px;padding:10px 14px;background:linear-gradient(135deg,#9b5cff,#6d3bea);color:#fff;font-weight:1000;cursor:pointer;box-shadow:0 10px 20px rgba(109,59,234,.22)}
.hs-joker-btn:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.55;box-shadow:none}
.hs-question-card{
	flex:1 1 auto;min-height:0;max-height:100%;overflow:hidden;display:flex;flex-direction:column;gap:14px;
	padding:clamp(16px,2vw,26px);border-radius:30px;background:linear-gradient(180deg,#fffdf5,#fff7df);
	border:3px solid rgba(180,104,32,.18);box-shadow:inset 0 -5px 0 rgba(128,76,24,.06)
}
.hs-question-topic{flex:0 0 auto;align-self:flex-start;padding:8px 12px;border-radius:999px;color:#7b441a;background:#ffe8a8;font-weight:1000}
.hs-question-card .hs-question-text,
.hs-question-card h2#hsQuestionText{
	flex:1 1 auto;min-height:0;margin:0;color:#26313f;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;max-width:100%;
	font-size:clamp(22px,2.6vw,34px);line-height:1.24
}
.hs-options-grid{
	flex:0 0 auto;min-height:0;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:0
}
/* Soru sığdırma — Bilgi Yarışması mantığı (scrollbar yok) */
.hs-question-card.size-xl{padding:30px;gap:14px}
.hs-question-card.size-lg{padding:26px;gap:13px}
.hs-question-card.size-md{padding:22px;gap:12px}
.hs-question-card.size-sm{padding:18px;gap:11px}
.hs-question-card.size-xs{padding:16px;gap:10px}
#hsQuestionText.size-xl,.hs-question-text.size-xl{font-size:34px;line-height:1.24}
#hsQuestionText.size-lg,.hs-question-text.size-lg{font-size:30px;line-height:1.22}
#hsQuestionText.size-md,.hs-question-text.size-md{font-size:26px;line-height:1.18}
#hsQuestionText.size-sm,.hs-question-text.size-sm{font-size:23px;line-height:1.14}
#hsQuestionText.size-xs,.hs-question-text.size-xs{font-size:20px;line-height:1.1}
.hs-options-grid.size-xl{gap:12px}
.hs-options-grid.size-xl .hs-option{min-height:80px}
.hs-options-grid.size-xl .hs-option span{font-size:23px}
.hs-options-grid.size-lg{gap:11px}
.hs-options-grid.size-lg .hs-option{min-height:76px}
.hs-options-grid.size-lg .hs-option span{font-size:22px}
.hs-options-grid.size-md{gap:10px}
.hs-options-grid.size-md .hs-option{min-height:72px;padding:10px 12px}
.hs-options-grid.size-md .hs-option span{font-size:21px}
.hs-options-grid.size-md .hs-option b{width:52px;height:52px;font-size:20px}
.hs-options-grid.size-sm{gap:9px}
.hs-options-grid.size-sm .hs-option{min-height:66px;padding:9px 11px}
.hs-options-grid.size-sm .hs-option span{font-size:19px}
.hs-options-grid.size-sm .hs-option b{width:48px;height:48px;font-size:18px}
.hs-options-grid.size-xs{gap:8px}
.hs-options-grid.size-xs .hs-option{min-height:60px;padding:8px 10px;border-radius:20px}
.hs-options-grid.size-xs .hs-option span{font-size:17px;line-height:1.15}
.hs-options-grid.size-xs .hs-option b{width:44px;height:44px;font-size:17px;border-radius:14px}
.hs-option{min-height:86px;border:0;border-radius:24px;padding:12px 14px;display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;text-align:left;background:#fff;color:#243244;border:3px solid rgba(40,120,223,.1);box-shadow:0 10px 22px rgba(41,69,111,.08);font-weight:900;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}
.hs-option:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(41,69,111,.14)}
.hs-option b{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#3c8cff,#2369d6);color:#fff;font-size:22px}
.hs-option span{font-size:clamp(17px,1.5vw,23px);line-height:1.2}
.hs-option.is-correct{border-color:#22c55e;background:#f0fff4}
.hs-option.is-wrong{border-color:#ef4444;background:#fff1f1}
.hs-option.is-hidden-by-joker,.hs-option.is-eliminated{opacity:.36;filter:grayscale(.6);pointer-events:none;text-decoration:line-through}
.hs-option.is-hidden-by-joker{opacity:.18;filter:grayscale(1)}
.hs-option:disabled{cursor:default;transform:none}
.hs-answer-feedback{padding:12px 14px;border-radius:20px;font-weight:1000;text-align:center}
.hs-answer-feedback.is-correct{color:#166534;background:#dcfce7}
.hs-answer-feedback.is-wrong{color:#991b1b;background:#fee2e2}
.hs-game-action-row{display:flex;justify-content:center;min-height:56px}
.hs-chest-help{margin:0 0 12px;color:#6b7280;font-weight:800;line-height:1.35}
.hs-chest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hs-chest-cell{position:relative;min-height:112px;border:0;border-radius:24px;padding:6px;background:linear-gradient(180deg,#fff8dc,#fff0b5);border:3px solid rgba(205,136,36,.18);box-shadow:0 10px 22px rgba(71,46,16,.1),inset 0 -5px 0 rgba(153,89,18,.06);cursor:not-allowed;overflow:hidden}
.hs-chest-cell::before{content:"";position:absolute;inset:-18px;background:url("hazineSandigi/assets/img/gameplay/sandik-parilti-premium.png") center/cover no-repeat;opacity:0;transition:opacity .2s ease}
.hs-chest-cell img{position:relative;z-index:1;width:100%;height:92px;object-fit:contain;transform:translateY(4px);transition:transform .18s ease}
.hs-chest-cell.is-unlocked,.hs-chest-button.is-active{cursor:pointer;animation:hsChestPulse 1.15s ease-in-out infinite;opacity:1;filter:none;border-color:#f5b21a;background:linear-gradient(135deg,#fff8dc,#fff);box-shadow:0 0 0 3px rgba(245,178,26,.18),0 12px 26px rgba(180,120,20,.18)}
.hs-chest-cell.is-unlocked::before,.hs-chest-button.is-active::before{opacity:.75}
.hs-chest-cell.is-unlocked:hover img,.hs-chest-button.is-active:hover img{transform:translateY(-2px) scale(1.04)}
.hs-chest-button.is-active:hover{transform:translateY(-2px) scale(1.02)}
.hs-chest-cell.is-opened,.hs-chest-button.is-opened{cursor:default;animation:none;background:linear-gradient(180deg,#fff7e3,#ffe3a0);opacity:1;filter:none;border-color:#20b86a}
.hs-chest-cell.is-locked,.hs-chest-button.is-locked{filter:grayscale(.25);opacity:.55;cursor:not-allowed}
.hs-chest-cell .hs-chest-no{position:absolute;top:8px;left:9px;z-index:2;display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:#2878df;color:#fff;font-weight:1000;font-size:13px}
@keyframes hsChestPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.hs-chest-result{margin-top:14px;display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border-radius:24px;background:#fff;border:3px solid rgba(248,189,52,.42);box-shadow:0 12px 28px rgba(71,46,16,.1)}
.hs-chest-result img{width:90px;height:70px;object-fit:contain}
.hs-chest-result strong{display:block;color:#7b441a;font-size:20px}
.hs-chest-result p{margin:4px 0 0;color:#4b5563;font-weight:800;line-height:1.3}
@media(max-width:1100px){
	.hs-game-board,.hs-game-board.hs-game-layout,#hsGameScreen .hs-game-board{grid-template-columns:1fr}
	.hs-question-panel{min-height:auto}
	.hs-chest-panel{max-width:100%}
	.hs-chest-grid{grid-template-columns:repeat(3,minmax(86px,1fr))}
}
@media(max-width:720px){#hsGameScreen.hs-game-screen{padding:8px;overflow:auto}.hs-game-topbar{grid-template-columns:1fr;border-radius:22px}.hs-game-status{justify-content:flex-start}.hs-current-player{grid-template-columns:56px minmax(0,1fr)}.hs-current-player img{width:56px;height:56px;border-radius:18px}.hs-joker-btn{grid-column:1/-1;width:100%}.hs-options-grid{grid-template-columns:1fr;gap:10px}.hs-option{min-height:72px;grid-template-columns:48px minmax(0,1fr);border-radius:20px}.hs-option b{width:48px;height:48px;border-radius:16px}.hs-chest-grid{gap:8px}.hs-chest-cell{min-height:96px;border-radius:20px}.hs-chest-cell img{height:76px}}

/* ===== Ekran 4 — Sonuç ===== */
#hsResultScreen.hs-result-screen.hs-screen{min-height:100vh;padding:28px;overflow-x:hidden;overflow-y:auto;background:radial-gradient(circle at top left,rgba(255,255,255,.55),transparent 34%),radial-gradient(circle at bottom right,rgba(255,202,90,.45),transparent 36%),linear-gradient(135deg,#8ed8ff 0%,#eaf8f5 48%,#ffd88a 100%);color:#27364a}
#hsResultScreen.hs-result-screen.hs-screen:before{display:none}
.hs-result-screen{min-height:100vh;padding:28px;background:radial-gradient(circle at top left,rgba(255,255,255,.55),transparent 34%),radial-gradient(circle at bottom right,rgba(255,202,90,.45),transparent 36%),linear-gradient(135deg,#8ed8ff 0%,#eaf8f5 48%,#ffd88a 100%);color:#27364a}
.hs-result-screen[hidden]{display:none!important}
.hs-result-shell{width:min(1440px,calc(100vw - 56px));margin:0 auto}
.hs-result-header{text-align:center;margin:0 auto 24px}
.hs-result-kicker{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);padding:9px 16px;color:#7a4618;font-weight:900;box-shadow:0 10px 24px rgba(20,70,110,.12)}
.hs-result-header h1{margin:14px 0 8px;font-size:clamp(36px,5vw,74px);line-height:1;color:#6f3d12;text-shadow:0 3px 0 rgba(255,255,255,.6)}
.hs-result-header p{margin:0;font-size:clamp(16px,1.6vw,22px);font-weight:800;color:#43546b}
.hs-result-layout{display:grid;grid-template-columns:330px minmax(420px,1fr) 340px;gap:20px;align-items:stretch}
.hs-result-winner-card,.hs-result-ranking-card,.hs-result-summary-card{background:rgba(255,255,255,.84);border:2px solid rgba(255,255,255,.92);border-radius:30px;box-shadow:0 22px 60px rgba(20,70,110,.18);padding:22px;backdrop-filter:blur(10px)}
.hs-result-winner-card{text-align:center;background:radial-gradient(circle at top,rgba(255,218,97,.45),transparent 38%),rgba(255,255,255,.86)}
.hs-winner-label{display:inline-flex;border-radius:999px;background:linear-gradient(135deg,#ffd35c,#ffae24);color:#6b3d13;font-weight:1000;padding:9px 18px;margin-bottom:16px;box-shadow:0 8px 20px rgba(255,174,36,.28)}
.hs-winner-avatar-wrap{width:150px;height:150px;margin:0 auto 16px;border-radius:50%;padding:8px;background:linear-gradient(135deg,#fff,#ffe28a);box-shadow:0 16px 34px rgba(20,70,110,.18)}
.hs-winner-avatar-wrap img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.hs-result-winner-card h2{margin:0 0 10px;font-size:26px;color:#27364a}
.hs-winner-score{display:grid;gap:2px;justify-items:center;margin:12px 0 16px}
.hs-winner-score strong{font-size:64px;line-height:.9;color:#f0a91c;text-shadow:0 3px 0 rgba(111,61,18,.16)}
.hs-winner-score span{font-size:18px;font-weight:900;color:#7a4618}
.hs-winner-stats{display:grid;gap:8px;text-align:left}
.hs-winner-stat{display:flex;align-items:center;justify-content:space-between;gap:8px;background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:9px 12px;font-weight:900}
.hs-result-card-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}
.hs-result-card-title h2{margin:0;color:#7a4618;font-size:26px}
.hs-result-card-title span{font-size:13px;font-weight:800;color:#5a6b7f}
.hs-result-ranking-list{display:grid;gap:10px}
.hs-result-rank-row{display:grid;grid-template-columns:46px 58px 1fr auto;align-items:center;gap:12px;background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:20px;padding:10px 14px;box-shadow:0 8px 22px rgba(20,70,110,.08)}
.hs-result-rank-row.is-top{background:linear-gradient(135deg,#fff1b9,#fff);border-color:rgba(245,178,26,.55);box-shadow:0 0 0 3px rgba(245,178,26,.13),0 10px 28px rgba(20,70,110,.12)}
.hs-rank-number{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#eaf3ff;color:#2f80ed;font-weight:1000}
.hs-result-rank-row.is-top .hs-rank-number{background:linear-gradient(135deg,#ffd35c,#ffae24);color:#6b3d13}
.hs-rank-avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;background:#eaf7ff}
.hs-rank-info strong{display:block;font-size:17px;color:#27364a}
.hs-rank-info span{display:block;margin-top:2px;font-size:13px;font-weight:800;color:#65758a}
.hs-rank-score{font-size:24px;font-weight:1000;color:#7342c5;white-space:nowrap}
.hs-result-summary-list{display:grid;gap:10px}
.hs-summary-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:18px;padding:13px 14px;font-weight:900}
.hs-summary-item span:first-child{color:#526278}
.hs-summary-item strong{font-size:22px;color:#7a4618}
.hs-result-congrats{margin-top:18px;border-radius:22px;background:linear-gradient(135deg,#6b3d13,#9b5a1d);color:#fff;padding:18px;text-align:center;box-shadow:0 12px 30px rgba(111,61,18,.2)}
.hs-result-congrats strong{display:block;font-size:28px;color:#ffd35c;margin-bottom:4px}
.hs-result-congrats span{font-weight:800}
.hs-result-actions{display:flex;justify-content:center;gap:14px;margin-top:22px;flex-wrap:wrap}
.hs-result-actions .hs-btn{min-height:58px;border:0;border-radius:18px;padding:0 26px;font-size:18px;font-weight:1000;color:#fff;cursor:pointer;box-shadow:0 12px 26px rgba(20,70,110,.18)}
.hs-btn-blue{background:linear-gradient(135deg,#2f80ed,#1764c8)}
.hs-btn-green{background:linear-gradient(135deg,#45c765,#27a944)}
.hs-btn-orange{background:linear-gradient(135deg,#ffae24,#f08316)}
@media(max-width:1180px){.hs-result-layout{grid-template-columns:1fr}.hs-result-winner-card{display:grid;grid-template-columns:auto 1fr;text-align:left;align-items:center;gap:18px}.hs-winner-label,.hs-winner-score,.hs-winner-stats{grid-column:1/-1}.hs-winner-avatar-wrap{margin:0}}
@media(max-width:720px){.hs-result-screen,#hsResultScreen.hs-result-screen.hs-screen{padding:14px}.hs-result-shell{width:100%}.hs-result-winner-card{display:block;text-align:center}.hs-result-rank-row{grid-template-columns:38px 48px 1fr}.hs-rank-score{grid-column:3;font-size:18px}.hs-result-actions{display:grid;grid-template-columns:1fr}.hs-result-actions .hs-btn{width:100%}}

/* ===== Öğretmen ipucu modalı ===== */
.hs-teacher-hint-overlay[hidden]{display:none!important}
.hs-teacher-hint-overlay{
	position:fixed;inset:0;z-index:9997;display:grid;place-items:center;padding:24px;
	background:radial-gradient(circle at center,rgba(255,219,95,.30),transparent 36%),rgba(12,31,55,.72);
	backdrop-filter:blur(8px)
}
.hs-teacher-hint-modal{
	width:min(760px,96vw);border-radius:34px;border:3px solid rgba(255,255,255,.9);
	background:radial-gradient(circle at top,rgba(255,240,160,.46),transparent 38%),linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,248,224,.98));
	box-shadow:0 36px 90px rgba(0,0,0,.34),inset 0 0 0 5px rgba(255,255,255,.42);
	padding:28px;color:#26364a;animation:hsTeacherHintIn .28s ease-out both
}
.hs-teacher-hint-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.hs-teacher-hint-badge{
	display:inline-flex;align-items:center;gap:8px;border-radius:999px;
	background:linear-gradient(135deg,#ffd95c,#ffae24);color:#6b3d13;padding:9px 18px;font-weight:1000;
	box-shadow:0 12px 24px rgba(255,174,36,.25)
}
.hs-teacher-hint-close{
	width:44px;height:44px;border:0;border-radius:50%;background:#eef3fb;color:#26364a;
	font-size:26px;font-weight:1000;cursor:pointer;line-height:1
}
.hs-teacher-hint-content{text-align:center;display:grid;justify-items:center;gap:16px;padding:20px 0 10px}
.hs-teacher-hint-icon{
	width:96px;height:96px;display:grid;place-items:center;border-radius:28px;
	background:linear-gradient(135deg,#fff0a8,#fff);box-shadow:0 18px 40px rgba(255,174,36,.18);font-size:54px
}
.hs-teacher-hint-content h2{
	margin:0;font-size:clamp(34px,4.6vw,56px);line-height:1.05;color:#7a4314;text-shadow:0 3px 0 rgba(255,255,255,.65)
}
#hsTeacherHintText{
	width:min(620px,100%);margin:0;border-radius:24px;border:2px solid rgba(255,174,36,.28);
	background:rgba(255,255,255,.78);padding:20px 22px;color:#26364a;font-size:clamp(20px,2.1vw,28px);
	font-weight:900;line-height:1.38;text-align:left;white-space:normal;overflow-wrap:anywhere
}
.hs-teacher-hint-actions{display:flex;justify-content:center;margin-top:18px}
#hsTeacherHintReturnBtn{
	min-width:240px;min-height:58px;border:0;border-radius:18px;
	background:linear-gradient(135deg,#35c65d,#1da743);color:#fff;font-size:20px;font-weight:1000;cursor:pointer;
	box-shadow:0 16px 32px rgba(29,167,67,.26)
}
@keyframes hsTeacherHintIn{
	from{opacity:0;transform:translateY(22px) scale(.95)}
	to{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:720px){
	.hs-teacher-hint-overlay{padding:12px}
	.hs-teacher-hint-modal{padding:20px 14px;border-radius:26px}
	.hs-teacher-hint-icon{width:76px;height:76px;font-size:42px}
	#hsTeacherHintText{font-size:18px;padding:16px}
}

/* ===== Sandık açılma modalı ===== */
.hs-chest-reveal-overlay[hidden]{display:none!important}
.hs-chest-reveal-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at center,rgba(255,213,95,.28),transparent 34%),rgba(12,31,55,.72);backdrop-filter:blur(8px)}
.hs-chest-reveal-modal{position:relative;width:min(760px,96vw);min-height:620px;border-radius:34px;border:3px solid rgba(255,255,255,.86);background:radial-gradient(circle at top,rgba(255,230,134,.42),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,246,220,.96));box-shadow:0 36px 90px rgba(0,0,0,.36),inset 0 0 0 5px rgba(255,255,255,.42);padding:28px;overflow:hidden;animation:hsRevealModalIn .34s ease-out both}
.hs-chest-reveal-header{position:relative;z-index:3;text-align:center}
.hs-chest-reveal-kicker{display:inline-flex;border-radius:999px;background:linear-gradient(135deg,#ffd95c,#ffae24);color:#6b3d13;padding:8px 18px;font-weight:1000;box-shadow:0 10px 24px rgba(255,174,36,.28)}
.hs-chest-reveal-header h2{margin:14px 0 6px;font-size:clamp(34px,5vw,62px);line-height:1;color:#7a4314;text-shadow:0 3px 0 rgba(255,255,255,.72)}
.hs-chest-reveal-header p{margin:0;color:#526278;font-size:18px;font-weight:900}
.hs-chest-reveal-stage{position:relative;z-index:2;min-height:390px;display:grid;place-items:center;margin-top:14px}
.hs-chest-reveal-glow{position:absolute;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,rgba(255,230,94,.88),rgba(255,182,36,.24) 45%,transparent 70%);filter:blur(4px);transform:scale(.72);opacity:.75;animation:hsChestGlowPulse 1.15s ease-in-out infinite alternate}
.hs-chest-reveal-img{position:absolute;width:min(360px,72vw);height:auto;object-fit:contain;filter:drop-shadow(0 24px 34px rgba(90,50,10,.34));transform-origin:center bottom}
.hs-chest-reveal-closed{opacity:1}
.hs-chest-reveal-open{opacity:0;transform:scale(.82) translateY(14px)}
.hs-chest-reveal-overlay.is-shaking .hs-chest-reveal-closed{animation:hsChestShake .72s ease-in-out both}
.hs-chest-reveal-overlay.is-opened .hs-chest-reveal-closed{opacity:0;transform:scale(.88) translateY(18px);transition:opacity .18s ease,transform .18s ease}
.hs-chest-reveal-overlay.is-opened .hs-chest-reveal-open{opacity:1;animation:hsChestOpenPop .48s cubic-bezier(.18,.89,.32,1.28) both}
.hs-chest-reward-card{position:relative;z-index:4;margin-top:260px;width:min(420px,86vw);border-radius:26px;border:3px solid rgba(255,210,70,.92);background:radial-gradient(circle at top,rgba(255,244,186,.72),transparent 42%),#fff;box-shadow:0 20px 46px rgba(90,50,10,.22),0 0 0 7px rgba(255,210,70,.18);padding:18px 22px;text-align:center;animation:hsRewardCardIn .48s cubic-bezier(.18,.89,.32,1.28) both}
.hs-chest-reward-card[hidden]{display:none!important}
.hs-chest-reward-icon{display:grid;place-items:center;width:76px;height:76px;margin:-52px auto 8px;border-radius:50%;background:linear-gradient(135deg,#ffd95c,#ffae24);box-shadow:0 14px 28px rgba(255,174,36,.28);font-size:36px}
.hs-chest-reward-card strong{display:block;font-size:32px;color:#7a4314;line-height:1.1}
.hs-chest-reward-card small{display:block;margin-top:6px;color:#526278;font-size:16px;font-weight:900}
.hs-chest-reveal-actions{position:relative;z-index:5;display:flex;justify-content:center;margin-top:8px}
#hsChestRevealContinueBtn{min-width:220px;min-height:58px;border-radius:18px;border:0;background:linear-gradient(135deg,#35c65d,#1da743);color:#fff;font-size:20px;font-weight:1000;box-shadow:0 16px 32px rgba(29,167,67,.28);cursor:pointer}
#hsChestRevealContinueBtn[hidden]{display:none!important}
.hs-chest-reveal-stars{position:absolute;inset:0;pointer-events:none;z-index:1}
.hs-chest-reveal-stars span{position:absolute;font-size:28px;opacity:.78;animation:hsStarFloat 2.3s ease-in-out infinite alternate}
.hs-chest-reveal-stars span:nth-child(1){left:12%;top:20%;animation-delay:.1s}
.hs-chest-reveal-stars span:nth-child(2){right:14%;top:18%;animation-delay:.3s}
.hs-chest-reveal-stars span:nth-child(3){left:18%;bottom:24%;animation-delay:.5s}
.hs-chest-reveal-stars span:nth-child(4){right:20%;bottom:28%;animation-delay:.7s}
.hs-chest-reveal-stars span:nth-child(5){left:48%;top:12%;animation-delay:.9s}
@keyframes hsRevealModalIn{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes hsChestShake{0%,100%{transform:translateX(0) rotate(0deg) scale(1)}15%{transform:translateX(-10px) rotate(-3deg) scale(1.03)}30%{transform:translateX(10px) rotate(3deg) scale(1.04)}45%{transform:translateX(-8px) rotate(-2deg) scale(1.03)}60%{transform:translateX(8px) rotate(2deg) scale(1.04)}78%{transform:translateX(-4px) rotate(-1deg) scale(1.02)}}
@keyframes hsChestOpenPop{0%{opacity:0;transform:scale(.78) translateY(18px);filter:brightness(1) drop-shadow(0 24px 34px rgba(90,50,10,.34))}56%{opacity:1;transform:scale(1.12) translateY(-8px);filter:brightness(1.35) drop-shadow(0 30px 46px rgba(255,188,38,.44))}100%{opacity:1;transform:scale(1) translateY(0);filter:brightness(1.08) drop-shadow(0 24px 34px rgba(90,50,10,.34))}}
@keyframes hsRewardCardIn{from{opacity:0;transform:translateY(34px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes hsChestGlowPulse{from{opacity:.55;transform:scale(.78)}to{opacity:.95;transform:scale(1.08)}}
@keyframes hsStarFloat{from{transform:translateY(0) rotate(0deg) scale(.9)}to{transform:translateY(-12px) rotate(8deg) scale(1.08)}}
@media(max-width:720px){.hs-chest-reveal-overlay{padding:12px}.hs-chest-reveal-modal{min-height:560px;padding:20px 14px;border-radius:26px}.hs-chest-reveal-stage{min-height:340px}.hs-chest-reveal-img{width:min(300px,78vw)}.hs-chest-reward-card{margin-top:230px}.hs-chest-reveal-header h2{font-size:38px}}

/* ===== Joker modal ===== */
.hs-joker-overlay[hidden]{display:none!important}
.hs-joker-overlay{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;padding:20px;background:rgba(12,31,55,.62);backdrop-filter:blur(6px)}
.hs-joker-modal{width:min(560px,94vw);border-radius:28px;background:#fff;border:3px solid rgba(255,210,70,.85);box-shadow:0 28px 80px rgba(0,0,0,.32);padding:22px}
.hs-joker-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.hs-joker-header span{font-size:26px;font-weight:1000;color:#7a4314}
#hsJokerCloseBtn{width:42px;height:42px;border:0;border-radius:50%;background:#eef3fb;color:#26364a;font-size:24px;font-weight:1000;cursor:pointer}
#hsJokerHelpText{margin:0 0 16px;font-weight:800;color:#53657a}
.hs-joker-list{display:grid;gap:12px}
.hs-joker-card{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;border:2px solid rgba(38,93,170,.12);border-radius:18px;background:#fffaf0;padding:12px}
.hs-joker-card.is-disabled{opacity:.45;filter:grayscale(.35)}
.hs-joker-card-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#ffe28a,#ffb629);font-size:28px}
.hs-joker-card strong{display:block;color:#26364a;font-size:17px}
.hs-joker-card small{display:block;margin-top:3px;color:#63758a;font-weight:800}
.hs-joker-card button{border:0;border-radius:14px;background:#2f80ed;color:#fff;padding:10px 14px;font-weight:1000;cursor:pointer}
.hs-joker-card button:disabled{cursor:not-allowed;background:#aab5c4}
#hsUseJokerBtn.is-active{background:linear-gradient(135deg,#7947d8,#4f2dac);color:#fff;box-shadow:0 10px 24px rgba(79,45,172,.24)}
#hsUseJokerBtn:disabled{opacity:.55;cursor:not-allowed}

/* ===== Kurulum — yoklama düzeni & tam ekran ===== */
.hs-exit-fullscreen-btn{
	position:fixed;top:14px;right:14px;z-index:10020;min-height:42px;padding:0 14px;border:0;border-radius:14px;
	background:rgba(255,255,255,.92);color:#24517a;font-weight:1000;box-shadow:0 10px 24px rgba(20,70,110,.16);cursor:pointer
}
.hs-exit-fullscreen-btn:hover{transform:translateY(-1px)}
html,body{width:100%;min-height:100%}
body.hs-setup-active{overflow:hidden}
body.hs-setup-active #hsSetupScreen.hs-screen{
	height:100vh;max-height:100vh;overflow:hidden;padding:14px 22px 92px;box-sizing:border-box;display:flex;flex-direction:column
}
body.hs-setup-active #hsSetupScreen .hs-topbar{flex:0 0 auto;margin-bottom:6px}
body.hs-setup-active #hsSetupScreen .hs-logo{max-height:92px;height:auto;margin-top:0}
body.hs-setup-active #hsSetupScreen .hs-board.hs-setup-grid,
body.hs-setup-active #hsSetupScreen .hs-setup-grid{
	flex:1 1 auto;min-height:0;width:min(1680px,calc(100vw - 44px));max-width:100%;margin:0 auto;
	display:grid;grid-template-columns:minmax(260px,310px) minmax(720px,1fr);gap:18px;align-items:stretch;
	height:calc(100vh - 220px);max-height:calc(100vh - 220px)
}
body.hs-setup-active .hs-card.hs-settings-panel h2:first-of-type{
	font-size:24px;margin:0 0 14px;line-height:1.1
}
body.hs-setup-active .hs-setup-selects{display:grid;gap:10px;flex:0 0 auto;width:100%}
body.hs-setup-active .hs-setup-select-card,
body.hs-setup-active .hs-select-row.hs-setup-select-card{
	flex-shrink:0;width:100%;min-height:68px;height:68px;position:relative;
	display:grid;grid-template-columns:58px minmax(0,1fr) 22px;align-items:stretch;overflow:hidden;
	border-radius:16px;border:1px solid rgba(80,80,80,.12);background:#fff;margin:0
}
body.hs-setup-active .hs-setup-select-card .hs-row-icon{
	width:58px;min-width:58px;height:68px;min-height:68px;font-size:25px
}
body.hs-setup-active .hs-setup-select-card label{
	z-index:2;min-width:0;padding:8px 10px 8px 2px;pointer-events:none;
	display:flex;flex-direction:column;justify-content:center;gap:4px;
	font-size:11px;font-weight:900;color:#8b4e16;text-transform:uppercase;letter-spacing:.03em;line-height:1.1
}
body.hs-setup-active .hs-setup-select-card label strong{
	font-size:19px;line-height:1.15;font-weight:1000;color:#17233a;text-transform:none;margin-top:0
}
body.hs-setup-active .hs-setup-select-card .hs-select-chevron{z-index:2;font-size:18px;padding-right:8px}
body.hs-setup-active .hs-setup-select-card .hs-select-overlay{z-index:5;opacity:0}
body.hs-setup-active .hs-card.hs-settings-panel{
	min-height:0!important;height:auto;max-height:100%;overflow:visible!important;display:flex;flex-direction:column;gap:12px;padding:18px!important
}
body.hs-setup-active .hs-card.hs-settings-panel .hs-sub.hs-audio-section-title{
	margin-top:12px!important;margin-bottom:0!important;font-size:18px!important;line-height:1.1
}
body.hs-setup-active .hs-settings-group{display:grid;gap:10px}
body.hs-setup-active .hs-settings-group .hs-toggle-card.hs-option{
	min-height:70px;padding:12px 14px;border:1px solid #eee5dc;border-radius:16px;background:#fff;
	display:grid;grid-template-columns:42px 1fr 52px;align-items:center;gap:10px;margin:0
}
body.hs-setup-active .hs-settings-group .hs-toggle-card .hs-toggle-card-icon{font-size:26px;line-height:1}
body.hs-setup-active .hs-settings-group .hs-toggle-card strong{font-size:14px;line-height:1.15}
body.hs-setup-active .hs-settings-group .hs-toggle-card small{font-size:12px;line-height:1.2;color:#5f6874}
body.hs-setup-active .hs-settings-group .hs-toggle-card .hs-switch.hs-toggle-switch{
	transform:scale(.88);transform-origin:right center;margin:0
}
body.hs-setup-active .hs-card.hs-settings-panel .hs-note.hs-setup-info-box{
	margin-top:6px;font-size:13px;line-height:1.35;padding:12px 14px;border-radius:14px
}
.hs-list-empty{margin:12px 0;padding:14px 12px;border-radius:12px;background:#f6f3ff;color:#5b4d8a;font-size:14px;font-weight:800;line-height:1.4;text-align:center}
body.hs-setup-active .hs-dropzone{min-height:64px;font-size:15px;font-weight:800;color:#5f6874}
body.hs-setup-active .hs-card.hs-selected-students-panel,
body.hs-setup-active .hs-card.hs-selected-panel{
	min-height:0;height:100%;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:16px 20px
}
body.hs-setup-active .hs-attendance-head{align-items:flex-start;gap:12px}
body.hs-setup-active .hs-attendance-head h2{margin:0 0 4px}
.hs-attendance-hint{margin:0;font-size:13px;font-weight:700;color:#5f6874;line-height:1.35}
body.hs-setup-active .hs-card.hs-selected-students-panel .hs-card-head{flex:0 0 auto}
body.hs-setup-active .hs-grid-students.hs-selected-students-grid,
body.hs-setup-active #hs-selected-grid{
	flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;
	align-content:start;max-height:calc(100vh - 380px);overflow-y:auto;padding-right:8px;scrollbar-width:thin;margin-bottom:4px
}
body.hs-setup-active .hs-selected-student-card.hs-student-card{
	grid-template-columns:52px 1fr auto;min-height:96px;padding:10px 12px;height:auto
}
body.hs-setup-active .hs-selected-student-card em{top:6px;left:6px;width:26px;height:26px;font-size:13px;border-radius:8px}
body.hs-setup-active .hs-selected-student-card img{width:64px;height:64px}
body.hs-setup-active .hs-selected-student-card strong{font-size:16px;line-height:1.2}
.hs-selected-student-card.is-excluded{opacity:.45;filter:grayscale(.45)}
.hs-attendance-toggle{
	min-width:52px;height:40px;border:0;border-radius:12px;font-weight:1000;font-size:15px;cursor:pointer;
	display:grid;place-items:center;padding:0 10px;box-shadow:0 4px 12px rgba(0,0,0,.08)
}
.hs-attendance-toggle.is-in{background:#39a846;color:#fff}
.hs-attendance-toggle.is-out{background:#e8edf3;color:#5f6874}
body.hs-setup-active .hs-card.hs-selected-students-panel .hs-actions{flex:0 0 auto;margin-top:4px;gap:12px}
body.hs-setup-active .hs-card.hs-selected-students-panel .hs-dropzone{flex:0 0 auto;margin-top:4px}
body.hs-setup-active .hs-student-list-panel{display:none!important}
.hs-start-bar{
	position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:50;display:flex;justify-content:center;pointer-events:none
}
.hs-start-button{
	pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:12px;
	min-width:280px;max-width:min(420px,calc(100vw - 32px));min-height:64px;padding:10px 24px;border:0;border-radius:22px;
	background:linear-gradient(135deg,#35c75f,#1fa543);color:#fff;
	box-shadow:0 16px 34px rgba(31,165,67,.28),inset 0 1px 0 rgba(255,255,255,.28);
	cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;font:inherit
}
.hs-start-button:hover{
	transform:translateY(-2px);
	box-shadow:0 20px 42px rgba(31,165,67,.34),inset 0 1px 0 rgba(255,255,255,.32);filter:brightness(1.03)
}
.hs-start-button:active{transform:translateY(0)}
.hs-start-button:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.12);transform:none;box-shadow:0 10px 22px rgba(31,165,67,.18)}
.hs-start-icon{font-size:30px;line-height:1}
.hs-start-text{display:grid;gap:2px;text-align:left}
.hs-start-text strong{display:block;font-size:22px;line-height:1;font-weight:1000;letter-spacing:.2px;text-transform:uppercase}
.hs-start-text small{display:block;font-size:13px;line-height:1.15;font-weight:800;opacity:.92}
body.hs-setup-active .hs-start.hs-start-game-btn,
body.hs-setup-active button.hs-start{display:none!important}
.hs-bottom-decor,.hs-map-decor,.hs-sign-decor,.hs-bottom-left,.hs-bottom-right{
	position:fixed;pointer-events:none;z-index:0
}
body.hs-setup-active .hs-topbar,
body.hs-setup-active .hs-board,
body.hs-setup-active .hs-start-bar{position:relative;z-index:2}
body.hs-setup-active .hs-start-bar{position:fixed;z-index:50}
body.hs-setup-active .hs-bottom-left{left:24px;bottom:0;width:min(280px,28vw)}
body.hs-setup-active .hs-bottom-right{right:0;bottom:0;width:min(260px,26vw)}
@media (max-height:820px){
	body.hs-setup-active .hs-bottom-decor,
	body.hs-setup-active .hs-map-decor,
	body.hs-setup-active .hs-sign-decor{display:none}
}
@media (max-width:1100px){
	body.hs-setup-active{overflow:auto}
	body.hs-setup-active #hsSetupScreen.hs-screen{height:auto;min-height:100vh;overflow:visible;padding-bottom:24px}
	body.hs-setup-active #hsSetupScreen .hs-board.hs-setup-grid,
	body.hs-setup-active #hsSetupScreen .hs-setup-grid{
		grid-template-columns:1fr;height:auto;max-height:none;width:100%
	}
	body.hs-setup-active .hs-card.hs-settings-panel{height:auto;overflow:visible!important}
	body.hs-setup-active .hs-grid-students.hs-selected-students-grid,
	body.hs-setup-active #hs-selected-grid{max-height:min(52vh,520px)}
	body.hs-setup-active .hs-start-bar{position:static;transform:none;width:100%;margin-top:16px;padding:0 12px;box-sizing:border-box}
	body.hs-setup-active .hs-start-button{width:100%;max-width:none}
}
@media (max-width:720px){
	body.hs-setup-active .hs-setup-select-card,
	body.hs-setup-active .hs-select-row.hs-setup-select-card{
		min-height:62px;height:62px;grid-template-columns:52px minmax(0,1fr) 20px
	}
	body.hs-setup-active .hs-setup-select-card .hs-row-icon{width:52px;min-width:52px;height:62px;min-height:62px}
	body.hs-setup-active .hs-setup-select-card label strong{font-size:17px}
}

/* Avatar görünümü — kırpılmış/kesik görselleri önle */
.hs-student-avatar,
.hs-avatar,
.hs-selected-student-card img,
.hs-score-player img,
.hs-active-player-card img,
.hs-result-rank-row img,
.hs-winner-avatar-wrap img,
#hsSetupScreen .hs-student-card img,
#hsSetupScreen [data-hs-student-id] img,
.hs-intro-player-card img,
.hs-score-card img,
.hs-current-player img,
#hsCurrentPlayerAvatar,
.hs-rank-avatar {
	object-fit: cover;
	object-position: center center;
	background: #eaf7ff;
	display: block;
}