:root{--v:#bb39eb;--o:#ff5c22}*{box-sizing:border-box}body{margin:0;color:#fff;font-family:system-ui;background:#040106}.scene{position:fixed;inset:0;z-index:-3;background:url('/static/house.webp') center top/cover no-repeat;filter:brightness(1.2)}.veil{position:fixed;inset:0;z-index:-2;background:linear-gradient(#05010705,#0501072c,#040106b9)}#flash{position:fixed;inset:0;z-index:-1;background:#e1eaff;opacity:0}#flash.on{opacity:.48}#sound{position:fixed;right:14px;top:14px;z-index:10;padding:10px;border:1px solid #9253aa;border-radius:12px;background:#100617b8;color:#fff}main{width:min(960px,94vw);margin:auto;min-height:100vh;padding:25px 0}.msg,.counter{padding:14px;border:1px solid #a64bd0;border-radius:14px;background:#13071bc7;text-align:center}.home{text-align:center;padding-top:8vh}.home h1,.page h1{font-family:"Copperplate Gothic Bold","Papyrus","Old English Text MT",Georgia,serif;font-size:clamp(3rem,9vw,6rem);letter-spacing:.06em;margin:.1em;text-shadow:0 0 7px #fff,0 0 19px #a52cdd,3px 3px 0 #23002e;transform:scaleY(1.08)}.home h2{font-family:"Papyrus","Copperplate Gothic Bold",Georgia,serif;color:#df80ff;letter-spacing:.18em;text-shadow:0 0 14px #8d20b3}.actions{width:min(650px,100%);display:grid;gap:15px;margin:360px auto 0}.tile{min-height:82px;display:grid;grid-template-columns:72px 1fr;align-items:center;border:1px solid #ca5cf1;border-radius:19px;background:linear-gradient(90deg,#4c0e606e,#1003167a);backdrop-filter:blur(4px);color:#fff;text-decoration:none;text-align:left}.tile.orange{border-color:#ff824d;background:linear-gradient(90deg,#6a100c70,#1903067a)}.tile.dark{border-color:#80748a;background:#08050d72}.tile svg{width:40px;margin:auto;fill:#ebc9fa;filter:drop-shadow(0 0 8px #bd37f4)}.tile span{font-size:1rem}.tile b,.tile small{display:block}.tile small{color:#d5c4da;margin-top:5px}dialog{width:min(600px,94vw);background:#100517f5;color:#fff;border:1px solid #a94cd2;border-radius:22px;padding:24px}.close{float:right;background:none;border:0;color:#fff;font-size:2rem}label{display:block;margin:15px 0;font-weight:800}input{width:100%;padding:14px;margin-top:7px;border-radius:12px;background:#08020c;color:#fff;border:1px solid #805496}.photo{display:grid;place-items:center;min-height:130px;border:2px dashed #a94cd2;border-radius:15px}.photo input{width:auto}.submit,.danger,.withdraw,.list button{padding:13px 18px;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,#a62ae0,#ff5c21);font-weight:900}.danger{background:#7c1a29}.withdraw{display:block;margin:10px auto 24px;background:linear-gradient(135deg,#542064,#92213c)}.page{padding:20px 0}.back{display:inline-block;padding:11px 16px;border:1px solid #ac43d6;border-radius:13px;background:#260b32;color:#fff;text-decoration:none}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.cards label{position:relative;overflow:hidden;border:2px solid #8f43ac;border-radius:17px;background:#120717}.cards img{width:100%;aspect-ratio:4/5;object-fit:cover}.cards b{display:block;padding:12px;text-align:center}.cards input{position:absolute;opacity:0}.cards .used{opacity:.5}.sticky{position:sticky;bottom:15px;display:block;margin:25px auto}.displayhead{display:flex;justify-content:space-between;align-items:center}.qr{width:190px;background:#fff0da;color:#16071d;padding:12px;border-radius:15px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.qr img{width:165px;height:165px;display:block;margin:0 auto}.qr b{display:block;margin-top:7px}.podium{display:flex;gap:10px;justify-content:center;margin:30px 0}.podium article{width:30%;padding:10px;text-align:center;background:#120718e9;border-radius:15px}.podium img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%}.podium span,.podium b,.podium small{display:block}.list{display:grid;gap:9px}.list article{display:flex;align-items:center;gap:10px;padding:10px;background:#110718e9;border-radius:12px}.list img{width:55px;height:55px;object-fit:cover;border-radius:9px}.list span{flex:1}.adminbuttons,.stats{display:flex;gap:12px;margin:18px 0}.login{max-width:480px;margin:auto}@media(max-width:700px){.scene{filter:brightness(1.35)}.home h1{font-size:3.05rem}.home h2{font-size:1.05rem}.actions{margin-top:330px}.cards{grid-template-columns:repeat(2,1fr)}.displayhead{flex-direction:column;text-align:center}.qr{margin:18px auto 0}.podium{gap:5px}.podium article{width:33%;padding:6px}.list article{flex-wrap:wrap}.adminbuttons,.stats{flex-direction:column}}
/* V12 eindeutige Bildauswahl beim Voting */
.vote-card{cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;isolation:isolate}.vote-card:not(.used):hover{border-color:#ff8a42;transform:translateY(-2px)}.selection-check{position:absolute;top:10px;right:10px;z-index:4;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ff8d36,#e84217);color:#fff;font-size:30px;font-weight:1000;line-height:1;opacity:0;transform:scale(.55) rotate(-12deg);box-shadow:0 0 15px #ff5b22,0 0 32px #ff5b2299;border:2px solid #ffe2c9;transition:.18s ease}.selection-label{position:absolute;left:50%;bottom:53px;z-index:4;transform:translate(-50%,12px);padding:7px 12px;border-radius:999px;background:#ff5b22;color:#fff;font-size:.72rem;font-weight:950;letter-spacing:.1em;opacity:0;box-shadow:0 0 18px #ff5b22;transition:.18s ease;white-space:nowrap}.vote-card:has(input:checked){border:4px solid #ff6a22!important;box-shadow:0 0 18px #ff6a22,0 0 45px #ff5b228f;transform:scale(1.025)}.vote-card:has(input:checked) .selection-check,.vote-card:has(input:checked) .selection-label{opacity:1;transform:scale(1) rotate(0)}.vote-card:has(input:checked) .selection-label{transform:translate(-50%,0)}.vote-card:has(input:checked) img{filter:brightness(1.08) saturate(1.12)}.selected-costume{position:sticky;bottom:82px;z-index:8;width:max-content;max-width:94%;margin:22px auto 8px;padding:11px 18px;border:1px solid #ff8b4c;border-radius:14px;background:#1a061de8;color:#fff;font-weight:900;text-align:center;box-shadow:0 0 22px #ff5b224f;backdrop-filter:blur(7px)}#vote-submit:disabled{opacity:.46;filter:grayscale(.7);cursor:not-allowed;box-shadow:none}.vote-card.used .selection-check{opacity:1;transform:scale(.78);background:#47364f;border-color:#715f7b;box-shadow:none}.vote-card.used .selection-label{opacity:1;transform:translate(-50%,0);background:#3d3044;box-shadow:none;bottom:53px}.vote-card.used .selection-label::after{content:"BEREITS GEWÄHLT"}.vote-card.used .selection-label{font-size:0}.vote-card.used .selection-label::after{font-size:.68rem}
@supports not selector(:has(*)){.vote-card input:checked~.selection-check,.vote-card input:checked~.selection-label{opacity:1}.vote-card input:checked~.selection-check{transform:scale(1)}.vote-card input:checked~.selection-label{transform:translate(-50%,0)}}
@media(max-width:700px){.selection-check{width:40px;height:40px;font-size:25px;top:7px;right:7px}.selection-label{bottom:47px;font-size:.62rem;padding:6px 9px}.selected-costume{bottom:76px;font-size:.9rem}.vote-card:has(input:checked){transform:scale(1.018)}}