#broken-window{width:min(1000px,calc(100% - 24px));max-height:calc(100svh - 24px);padding:0;overflow:auto;background:#f5ead0;color:#24443b;border:1px solid #c3a967;border-radius:20px}#broken-window::backdrop{background:#082b26d9;backdrop-filter:blur(5px)}.bw-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#153e35;color:#ffedbf;position:sticky;top:0;z-index:10;font:18px Georgia}.bw-nav button{min-height:44px;background:transparent;color:inherit;border:1px solid #d6c08470;border-radius:24px;padding:10px 14px;font:14px system-ui}.bw-content{padding:20px 30px 24px;background:radial-gradient(ellipse at top,#fff8e5,#e9d9b2)}.bw-heading{text-align:center;margin-bottom:14px}.bw-heading .eyebrow{color:#947335;margin-bottom:8px}.bw-heading h1{font-size:34px;margin:0;line-height:1.15}.bw-stage{position:relative;aspect-ratio:3/2;width:min(100%,660px,calc(max(170px,100svh - 350px) * 1.5));margin:auto;border-radius:14px;overflow:hidden;box-shadow:0 8px 28px #72522726}.bw-stage>img{display:block;width:100%;height:100%;object-fit:cover}.bw-name{position:absolute;bottom:9%;background:#173f36e8;color:#fff0bd;border:1px solid #b29b67;border-radius:18px;padding:5px 14px;font:600 13px system-ui}.bw-name.agy{left:10%}.bw-name.gerard{right:9%}.catch-ball{position:absolute;left:24%;top:39%;width:2.6%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f8b56b,#b64225);box-shadow:1px 3px 6px #58341f66;animation:slow-catch 4s ease-in-out infinite alternate}.window-crack{position:absolute;left:42%;top:12%;width:22%;height:27%;filter:drop-shadow(0 1px 2px #2d4c59)}.glass-shard{animation:falling-glass 1.4s ease-in forwards;transform-origin:center}.glass-shard.second{animation-delay:.15s}.hit-window{animation:hit-window .45s ease-in forwards}.bw-dialogue{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;max-width:660px;margin:16px auto 0}.bw-player{text-align:center}.bw-player img{width:64px;height:74px;object-fit:contain;object-position:bottom}.bw-player span{display:block;font:11px system-ui;color:#556d57}.bw-lines{padding:12px 18px;background:#fff9e8;border:1px solid #c6b07880;border-radius:16px}.bw-lines p{font:16px/1.45 system-ui;margin:4px 0}.bw-next{display:block;min-height:46px;padding:12px 24px;margin:16px auto 0;border:1px solid #71976f;border-radius:25px;background:#1d5545;color:#ffefbc;font:600 15px system-ui}.bw-question,.bw-caption{font:16px/1.5 system-ui;text-align:center;color:#566b55;margin:14px 0}.bw-answers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:660px;margin:auto}.bw-answers button{background:#fff8e5;color:#254c3f;border:1px solid #a9946070;border-radius:14px;min-height:48px;font:600 16px system-ui;box-shadow:0 3px 12px #614c2414}.bw-answers button:hover{background:#eddda9}.bw-answers button:focus-visible,.bw-next:focus-visible,.bw-nav button:focus-visible{outline:3px solid #2f7057;outline-offset:3px}.bw-feedback{min-height:24px;font:15px/1.5 system-ui;text-align:center;color:#705835;margin:10px 0 0}.bw-character{display:grid;grid-template-columns:min(42%,330px) 1fr;align-items:center;gap:26px;max-width:720px;margin:18px auto}.bw-character>img{width:100%;border-radius:18px;border:3px solid #ddc794;box-shadow:0 8px 24px #684d2226}.bw-quote{background:#fff8e4;border:1px solid #b9a06480;border-radius:22px;padding:28px}.bw-quote>p{font:32px/1.3 Georgia;margin:20px 0 0}.entrance{animation:principal-entrance .55s ease-out}.money-stage{position:relative;aspect-ratio:3/2;width:min(100%,660px,calc(max(170px,100svh - 310px) * 1.5));margin:auto;border-radius:14px;background:#decfa7;overflow:hidden;isolation:isolate}.money-stage>img{display:block;width:100%;height:100%;object-fit:contain;animation:count-bills .35s ease-in-out 4 alternate}.oncho-line{position:absolute;top:3%;left:50%;transform:translateX(-50%);background:#fff9e8ed;padding:9px 20px;border-radius:24px;margin:0;white-space:nowrap;font:22px Georgia;color:#244738}.money-shower{position:absolute;inset:0;pointer-events:none}.dollar-bill{position:absolute;left:var(--x);top:60%;width:clamp(70px,16%,125px);aspect-ratio:2.1;border:3px double #2f6a45;border-radius:4px;background:linear-gradient(135deg,#dbe9b0,#89b47a);color:#35623d;display:grid;place-items:center;box-shadow:0 2px 8px #1b44254d;transform:translate(-50%,-50%) rotate(var(--rotation));opacity:0;animation:bill-overload 3.1s var(--delay) ease-out forwards;z-index:var(--depth)}.dollar-bill:before,.dollar-bill:after{content:'';position:absolute;inset:5px;border:1px solid #4c865e}.dollar-bill>span{border:1px solid #4e8354;border-radius:50%;width:32%;height:78%;display:grid;place-items:center;font:bold 26px Georgia;background:#b9d49b}@keyframes slow-catch{0%{left:24%;top:39%}50%{left:51%;top:24%}100%{left:78%;top:43%}}@keyframes hit-window{from{left:24%;top:39%;opacity:1}to{left:51%;top:25%;opacity:0}}@keyframes falling-glass{to{transform:translateY(160px) rotate(40deg);opacity:0}}@keyframes principal-entrance{from{transform:translateX(40px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes count-bills{from{transform:rotate(-.6deg)}to{transform:rotate(.6deg)}}@keyframes bill-overload{0%{top:75%;left:55%;opacity:0;transform:scale(.3) rotate(0)}15%{opacity:1}55%{top:-15%;left:var(--x);transform:scale(1) rotate(var(--rotation))}100%{top:calc(8% + var(--depth) * 15%);left:var(--x);opacity:1;transform:scale(1.5) rotate(var(--rotation))}}
@media(max-width:650px){.bw-nav{padding:10px 12px}.bw-nav>span{display:none}.bw-content{padding:18px 16px 22px}.bw-heading h1{font-size:27px}.bw-stage{width:100%}.bw-name{font-size:10px;padding:4px 9px}.bw-dialogue{grid-template-columns:50px 1fr;gap:8px}.bw-player img{width:48px;height:62px}.bw-lines{padding:9px 12px}.bw-lines p{font-size:14px}.bw-answers{grid-template-columns:repeat(2,1fr)}.bw-question,.bw-caption{font-size:14px}.bw-character{gap:14px;grid-template-columns:40% 1fr}.bw-quote{padding:16px}.bw-quote>p{font-size:25px}.bw-quote .name-badge{font-size:11px;padding:6px 9px}.oncho-line{font-size:17px;padding:7px 13px}.dollar-bill>span{font-size:18px}}
@media(prefers-reduced-motion:reduce){.catch-ball,.glass-shard,.entrance,.money-stage>img,.dollar-bill{animation:none!important}.hit-window{display:none}.dollar-bill{opacity:1;top:calc(8% + var(--depth) * 15%);transform:translate(-50%,-50%) rotate(var(--rotation))}}