.v42-transfiguration{background:linear-gradient(180deg,rgba(0,0,0,.015),rgba(0,0,0,.11) 66%,rgba(0,0,0,.58)),url('img/classroom-transfiguration-v42.webp') center/cover no-repeat!important;overflow:hidden}
.v42-mcgonagall{position:absolute;z-index:14;left:50%;right:auto;bottom:-4%;height:min(72vh,760px);transform:translateX(-50%);border:0;background:transparent;padding:0;cursor:pointer}.v42-mcgonagall img{height:100%;width:auto;display:block;filter:drop-shadow(0 22px 30px #000);transition:.22s}.v42-mcgonagall:hover img{transform:translateY(-4px);filter:brightness(1.05) drop-shadow(0 26px 34px #000)}
.v42-feather{position:absolute;z-index:18;left:72%;bottom:24%;width:clamp(58px,5.2vw,88px);height:clamp(78px,7.6vw,124px);border:0;background:transparent;padding:0;cursor:pointer;transform-origin:50% 90%;filter:drop-shadow(0 8px 9px rgba(0,0,0,.72))}.v42-feather img{width:100%;height:100%;object-fit:contain;display:block;transform:rotate(-18deg)}.v42-feather:hover{filter:brightness(1.08) drop-shadow(0 0 14px rgba(231,213,159,.25))}.v42-feather.is-flying{animation:v42FeatherFlight 4.6s cubic-bezier(.35,.08,.25,.98) both;pointer-events:none}@keyframes v42FeatherFlight{0%{transform:translate(0,0) rotate(0) scale(1)}16%{transform:translate(4vw,-22vh) rotate(22deg) scale(1.08)}34%{transform:translate(12vw,-34vh) rotate(-14deg) scale(1.1)}52%{transform:translate(2vw,-42vh) rotate(18deg) scale(1.08)}69%{transform:translate(-7vw,-30vh) rotate(-20deg) scale(1.04)}84%{transform:translate(-3vw,-12vh) rotate(11deg) scale(1.01)}100%{transform:translate(0,0) rotate(0) scale(1)}}
.v42-transfiguration-copy{max-width:520px!important;left:2.3%!important;bottom:3%!important;background:linear-gradient(90deg,rgba(7,8,7,.74),rgba(7,8,7,.2) 78%,transparent)!important}
.teacher-task-modal[hidden]{display:none}.teacher-task-modal{position:fixed;inset:0;z-index:14600;display:grid;place-items:center;background:rgba(0,0,0,.82);padding:18px;backdrop-filter:blur(5px)}.teacher-task-card{position:relative;width:min(720px,95vw);display:grid;grid-template-columns:190px 1fr;gap:20px;align-items:center;padding:22px;background:linear-gradient(145deg,#17140f,#080908);border:1px solid rgba(207,177,105,.42);color:#eadfc6;box-shadow:0 30px 100px #000}.teacher-task-card>img{width:180px;height:290px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 18px #000)}.teacher-task-card h2{font-family:'Cinzel';margin:4px 0 8px}.teacher-task-card p{color:#bcb096;line-height:1.55}.teacher-task-close{position:absolute;right:10px;top:7px;border:0;background:transparent;color:#ddc681;font-size:1.8rem;cursor:pointer}.teacher-task-accept{border:1px solid #c2a15c;background:#92703a;color:#120d07;padding:10px 14px;font:700 .55rem 'Cinzel';text-transform:uppercase;cursor:pointer}.teacher-task-accept.done{background:#25301e;color:#d9e8bc;border-color:#809969}
@media(max-width:820px){.v42-mcgonagall{left:50%;right:auto;bottom:-2%;height:52vh;transform:translateX(-50%);opacity:.92}.v42-feather{left:72%;bottom:25%;width:64px;height:88px}.v42-transfiguration-copy{max-width:70vw!important}.teacher-task-card{grid-template-columns:105px 1fr}.teacher-task-card>img{width:100px;height:170px}}


/* v43.5.6 — krysa ↔ pohár na lavici, 3 kliknutí */
.v4356-transfigure-object{position:absolute;z-index:17;right:10.5%;bottom:15.2%;width:clamp(90px,8.4vw,150px);height:clamp(88px,9.2vw,155px);border:0;background:transparent;padding:0;cursor:pointer;transform-origin:50% 82%;filter:drop-shadow(0 10px 9px rgba(0,0,0,.72));transition:filter .18s ease,transform .18s ease}
.v4356-transfigure-object img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;pointer-events:none;transition:opacity .14s ease}
.v4356-transfigure-object[data-form="goblet"]{width:clamp(72px,6.5vw,116px);height:clamp(105px,10.5vw,170px);right:11.4%;bottom:14.8%}
.v4356-transfigure-object:hover{filter:brightness(1.08) drop-shadow(0 0 13px rgba(224,194,102,.25)) drop-shadow(0 10px 9px rgba(0,0,0,.72))}
.v4356-transfigure-object.is-tapped{animation:v4356Tap .26s ease}
.v4356-transfigure-object.is-transforming{animation:v4356Transfigure .95s cubic-bezier(.4,.05,.2,1) both;pointer-events:none;filter:drop-shadow(0 0 17px rgba(112,164,255,.72)) drop-shadow(0 10px 9px rgba(0,0,0,.72))}
.v4356-transfigure-sparks{position:absolute;inset:12%;pointer-events:none;opacity:0}
.v4356-transfigure-object.is-transforming .v4356-transfigure-sparks{opacity:1;background:radial-gradient(circle at 25% 34%,#d7efff 0 2px,transparent 3px),radial-gradient(circle at 78% 22%,#e6c469 0 2px,transparent 3px),radial-gradient(circle at 65% 74%,#b7d8ff 0 2px,transparent 3px),radial-gradient(circle at 32% 79%,#efd27b 0 2px,transparent 3px);animation:v4356Spark .95s ease both}
.v4356-transfigure-note{position:absolute;z-index:20;right:7.5%;bottom:10.8%;min-width:150px;max-width:230px;text-align:center;color:#e8d7a7;font:600 .48rem 'Cinzel',Georgia,serif;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 2px 7px #000;opacity:0;transform:translateY(5px);transition:.2s;pointer-events:none}
.v4356-transfigure-note.show{opacity:.92;transform:none}
@keyframes v4356Tap{0%,100%{transform:rotate(0) scale(1)}45%{transform:rotate(-5deg) scale(1.05)}70%{transform:rotate(4deg) scale(.98)}}
@keyframes v4356Transfigure{0%{transform:rotate(0) scale(1)}35%{transform:rotate(155deg) scale(.72)}50%{transform:rotate(220deg) scale(.34)}64%{transform:rotate(285deg) scale(.72)}100%{transform:rotate(360deg) scale(1)}}
@keyframes v4356Spark{0%,100%{transform:scale(.55);opacity:0}35%,70%{transform:scale(1.35);opacity:1}}
@media(max-width:820px){.v4356-transfigure-object{right:8%;bottom:16.5%;width:78px;height:90px}.v4356-transfigure-object[data-form="goblet"]{right:9%;bottom:16%;width:62px;height:96px}.v4356-transfigure-note{right:3%;bottom:11%;font-size:.4rem;max-width:170px}}

/* v450: pero a proměněný pohár musí spočívat na desce lavice. */
.v42-transfiguration .v42-feather:not(.is-flying){left:66%!important;bottom:17.4%!important;width:clamp(38px,4.6vw,69px)!important;height:clamp(50px,6vw,89px)!important;filter:drop-shadow(0 3px 3px #000c)}
.v42-transfiguration .v4356-transfigure-object{right:13.5%!important;bottom:16.5%!important;max-height:105px!important}
.v42-transfiguration .v4356-transfigure-object[data-form="goblet"]{right:14.6%!important;bottom:17.2%!important;width:clamp(52px,5.2vw,89px)!important;height:clamp(73px,8vw,112px)!important}
@media(max-width:820px){.v42-transfiguration .v42-feather:not(.is-flying){left:70%!important;bottom:21%!important}.v42-transfiguration .v4356-transfigure-object[data-form="goblet"]{right:9%!important;bottom:21%!important}}
