#mischiefPanel{margin:22px auto;max-width:950px;background:#201c19;color:#f4e5c7;border:1px solid #9c784a;border-radius:12px;padding:20px}#mischiefPanel h3{color:#e4c78e}#mischiefPanel label{display:block;margin:10px 0}#mischiefPanel select,#mischiefPanel input{max-width:100%;padding:9px;background:#352d26;color:#fff;border:1px solid #96744e;border-radius:5px}#mischiefPanel button{margin:5px;padding:9px 14px}#mischiefPanel .mischief-job{display:flex;justify-content:space-between;gap:12px;padding:8px;border-bottom:1px solid #6d5439}#mischiefPanel .mischief-job button{margin:0}.mischief-layer{position:fixed;inset:0;z-index:9000;pointer-events:none;font-family:Georgia,serif}.mischief-layer .mischief-active{pointer-events:auto}.mischief-dismiss{position:fixed;right:12px;top:12px;z-index:9003;background:#281f18!important;color:white!important;border:1px solid #d6b77e!important;padding:10px 13px!important;border-radius:7px!important}.mischief-modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,520px);max-height:80vh;overflow:auto;background:#ead9b6;color:#33251b;border:7px double #826039;padding:24px;border-radius:10px;box-shadow:0 20px 100px #0009;text-align:center}.mischief-modal button{background:#48331f;color:white;border:0;border-radius:5px;padding:11px 15px;margin:7px;cursor:pointer}.mischief-duck{position:fixed;font-size:42px;cursor:pointer;pointer-events:auto;user-select:none;filter:drop-shadow(1px 3px 2px #0007)}.mischief-duck.original{filter:drop-shadow(0 0 7px gold)}.mischief-flame{position:absolute;pointer-events:none;font-size:40px;transform:translate(-50%,-50%);text-shadow:0 0 12px #ff6200}.mischief-firehud{position:absolute;left:10px;bottom:12px;background:#231b18e8;color:white;padding:12px;border-radius:9px;pointer-events:auto}.mischief-meter{width:180px;height:12px;background:#777;border-radius:10px;overflow:hidden}.mischief-meter span{display:block;height:100%;background:orangered}.mischief-extinguisher{position:fixed;pointer-events:none;font-size:32px;z-index:9002;transform:translate(-50%,-50%)}

#mischiefSection{max-width:1100px;margin:0 auto;padding:28px 16px 64px;text-align:center}#mischiefDashboard{text-align:left}#mischiefNavTab[hidden],#mischiefSection[hidden]{display:none!important}

/* Preview 51: context-sensitive fields and usable dashboard controls */
#mischiefPanel #mischiefFireDifficulty[hidden]{display:none!important}
#mischiefPanel .mischief-toggle{display:flex;align-items:center;gap:10px;justify-content:flex-start}
#mischiefPanel .mischief-toggle input{width:18px;height:18px;flex:none;margin:0}
#mischiefPanel #mischiefTarget{min-width:min(280px,75vw)}
#mischiefPanel select{min-height:42px}
/* Preview 52: self-contained full-screen fire arcade and haunting prototype */
.mischief-arcade{background:#100e0d;pointer-events:auto;display:flex;align-items:center;justify-content:center;color:#f6dfb2;font-family:Georgia,serif}
.mischief-game{position:relative;width:min(96vw,1060px);height:min(94dvh,760px);display:flex;flex-direction:column;border:8px ridge #8e6337;background:#21160f;box-shadow:0 0 0 100vmax #000b;overflow:hidden}
.mischief-game-head,.mischief-game-foot{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-around;align-items:center;padding:12px;background:#2e211b;font-size:clamp(12px,2vw,18px)}
.mischief-stage{position:relative;flex:1;overflow:hidden;touch-action:none;cursor:crosshair;background:linear-gradient(#5b3729 0 69%,#69452e 69% 100%)}
.mischief-library-wall{text-align:center;padding:15px;color:#ffe6ac;letter-spacing:3px;background:#41271e}.mischief-shelves{position:absolute;left:8%;top:21%;width:84%;text-align:center;font-size:clamp(35px,7vw,78px);border-bottom:14px solid #3d2114;white-space:nowrap}.mischief-shelves.second{top:47%}.mischief-desk{position:absolute;bottom:2%;width:100%;text-align:center;font-size:clamp(35px,7vw,80px)}
.mischief-arcade-flame{position:absolute;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 0 15px #ff5e00);user-select:none}.mischief-spray{position:absolute;pointer-events:none;opacity:0;transform:translate(-50%,-50%);width:145px;height:145px;border-radius:50%;background:radial-gradient(circle,#e6faffbb 0,#b9e8ff55 25%,transparent 70%)}
.mischief-arcade-intro{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:30px;background:#17110fee;text-align:center;overflow:auto}.mischief-arcade-intro h2{font-size:clamp(23px,4vw,42px);color:#f6d18b}.mischief-arcade-intro p{max-width:610px;font-size:clamp(15px,2.3vw,21px)}.mischief-arcade-intro button{padding:14px 24px;background:#a83c23;color:white;border:2px solid #e4ad6b;border-radius:6px;cursor:pointer;font-size:18px}
.mischief-ghost-layer{pointer-events:none}.mischief-ghost{position:absolute;left:0;top:0;font-size:56px;filter:drop-shadow(0 3px 8px #79c7df);will-change:transform;user-select:none}.mischief-ghost-note{position:absolute;width:min(230px,70vw);min-height:90px;background:#fff1c9;color:#302319;border:2px solid #9c784a;box-shadow:4px 6px 12px #0007;padding:15px;transform:rotate(-3deg);border-radius:4px}.mischief-ghost-note img{max-width:100%;max-height:170px;object-fit:contain}.mischief-ghost-note button{position:absolute;right:2px;top:0;background:transparent;border:0;color:#302319;font-size:23px;cursor:pointer}
@media(prefers-reduced-motion:reduce){.mischief-ghost,.mischief-arcade-flame{transition:none!important;animation:none!important}}

/* Ghost photo gallery: portrait postcards remain legible and closable. */
.mischief-ghost-note:has(img){width:min(260px,75vw);padding:10px 10px 22px;pointer-events:auto}
.mischief-ghost-note img{display:block;width:100%;max-height:340px;object-fit:contain;border-radius:3px}
.mischief-ghost-note button{pointer-events:auto;background:#fff1c9;border-radius:50%;min-width:29px;min-height:29px;z-index:2}

/* Preview 54: expressive ghost, cursor-theft illusion, and harmless ectoplasm */
.mischief-ghost{width:88px;height:100px;padding:0;border:0;background:none!important;cursor:pointer;filter:drop-shadow(0 0 9px #9ee9ff);transform-origin:center;touch-action:manipulation;z-index:9002}
.mischief-ghost svg{width:100%;height:100%;overflow:visible}
.mischief-ghost .ghost-eyes,.mischief-ghost .ghost-mouth,.mischief-ghost .ghost-brows{transition:opacity .18s}
.mischief-ghost .ghost-brows{opacity:0}
.mischief-ghost[data-mood="annoyed"] .ghost-brows,.mischief-ghost[data-mood="mischievous"] .ghost-brows,.mischief-ghost[data-mood="smug"] .ghost-brows{opacity:1}
.mischief-ghost[data-mood="sleepy"] .ghost-eyes,.mischief-ghost[data-mood="sleepy"] .ghost-mouth{opacity:.25}
.mischief-ghost[data-mood="startled"]{filter:drop-shadow(0 0 15px #ffdcad)}
.mischief-ghost[data-mood="annoyed"]{filter:drop-shadow(0 0 14px #f9a6cf)}
.mischief-ghost .ghost-zzz{display:none;position:absolute;right:-10px;top:0;color:#d9eaff;font:italic 18px Georgia}
.mischief-ghost[data-mood="sleepy"] .ghost-zzz{display:block}
.mischief-ghost-bubble{position:fixed;z-index:9003;max-width:195px;background:#fff3d6;color:#49303c;border:2px solid #d0a5b8;border-radius:12px;padding:8px 12px;font:bold 14px Georgia;box-shadow:0 5px 16px #0005;pointer-events:none}
.mischief-ectoplasm{position:fixed;z-index:8999;width:35px;height:16px;border-radius:50%;background:radial-gradient(ellipse,#9cf7a68c,#66e6a32c 65%,transparent 75%);pointer-events:none;animation:mischief-fade 5.5s forwards}
@keyframes mischief-fade{0%{opacity:.85;transform:scale(.55)}30%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(1.2)}}
.mischief-stolen-cursor{position:fixed;z-index:9004;font:34px Arial;color:white;-webkit-text-stroke:2px #202030;text-shadow:2px 3px 5px #0008;pointer-events:none;transform:rotate(-35deg)}
.mischief-cursor-stolen .mischief-ghost-layer,.mischief-cursor-stolen .mischief-ghost-layer *{cursor:none!important}
@media(prefers-reduced-motion:reduce){.mischief-ectoplasm{display:none}.mischief-ghost *{transition:none!important}}

/* Preview 55: active delivery controls and presidential honors */
#mischiefPanel .mischief-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}#mischiefSend{background:#c4a06c;color:#241a12;font-weight:bold}#mischiefPanel .mischief-dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}#mischiefDismissAll{background:#60362e;color:#fff;border:1px solid #c19b7a}#mischiefPanel .mischief-job{align-items:center;flex-wrap:wrap}#mischiefPanel .mischief-job span{flex:1;min-width:220px}#mischiefPanel .mischief-job button{background:#47342b;color:#fff;border:1px solid #bca078}.mischief-empty{opacity:.8;font-style:italic}.mischief-ghost-magic{position:fixed;z-index:9003;color:#bb80ff;font-size:36px;text-shadow:0 0 12px #5df7c9,0 0 24px #9e60ff;pointer-events:none;animation:ghost-magic 1.4s ease-out forwards}@keyframes ghost-magic{0%{opacity:0;transform:scale(.3)}20%{opacity:1;transform:scale(1.6)}75%{opacity:1;transform:translate(var(--blast-x),var(--blast-y)) scale(1)}100%{opacity:0;transform:translate(var(--blast-x),var(--blast-y)) scale(.1)}}.mischief-honors{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:14px 0 22px}.mischief-honor{display:flex;align-items:center;flex-direction:column;text-align:center;gap:7px;padding:14px 10px;border:2px solid #9b7743;border-radius:10px;background:linear-gradient(145deg,#3c3024,#191611);color:#f0dcb1}.mischief-honor.locked{opacity:.55;filter:grayscale(.8)}.mischief-medal{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;border:4px double #cfa960;background:radial-gradient(circle,#59482c,#201a15);font-size:30px;box-shadow:0 2px 12px #0007}.mischief-honor small{font-size:12px;line-height:1.35}.mischief-records{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:16px 0}.mischief-record{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid #a18355;border-radius:8px;background:#221d17;color:#f4dfb6}@media(prefers-reduced-motion:reduce){.mischief-ghost-magic{animation:none;display:none}}

/* Preview 56: mobile interaction and viewport containment */
.mischief-arcade,.mischief-arcade *,.mischief-game,.mischief-game *{user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important}
.mischief-stage,.mischief-stage *{touch-action:none!important}
.mischief-ghost,.mischief-ghost *{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}
.mischief-ghost:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
.mischief-ghost-note{box-sizing:border-box!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;transform:none!important;overscroll-behavior:contain}
.mischief-ghost-note:has(img){width:min(260px,calc(100vw - 24px))!important;padding:36px 10px 12px!important}
.mischief-ghost-note img{max-width:100%!important;max-height:min(340px,calc(100dvh - 100px))!important}
.mischief-ghost-note .mischief-note-close{position:absolute!important;top:3px!important;right:3px!important;display:grid!important;place-items:center!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;font-size:27px!important;line-height:1!important;z-index:5!important}
.mischief-modal{box-sizing:border-box!important;max-width:calc(100vw - 24px)!important;padding:clamp(12px,4vw,24px)!important;overflow-wrap:anywhere!important}
.mischief-modal h2{font-size:clamp(22px,6.2vw,38px)!important;line-height:1.12!important;overflow-wrap:anywhere!important;hyphens:auto!important;max-width:100%!important;margin:12px 0!important}
.mischief-modal .mischief-finding-title{font-size:clamp(20px,5.6vw,36px)!important;text-align:center!important;letter-spacing:0!important;word-break:normal!important}
@media(max-width:520px){.mischief-modal{width:calc(100vw - 24px)!important;border-width:5px!important}.mischief-modal button{max-width:100%!important;white-space:normal!important}.mischief-game{width:100vw!important;height:100dvh!important;border-width:3px!important}.mischief-game-head,.mischief-game-foot{padding:8px!important;gap:5px!important}}
