.flash-alive-page{background:radial-gradient(ellipse at 50% 30%,#294845,#0d1c24 70%);font-family:Tahoma,sans-serif}
.flash-alive-page .flash-site-head{height:70px;min-height:70px}.flash-alive-page .brand-wordmark img{width:230px;max-height:58px;filter:none}
.flash-intro{background:#081d25ed;backdrop-filter:blur(9px)}.flash-intro-card{position:relative;max-width:650px;padding:27px 36px 32px;background:#d8d9c6;border:3px outset #edecdf;box-shadow:0 0 0 1px #212e2b,0 30px 100px #0009}
.flash-intro-card h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(2.3rem,5vw,4rem);letter-spacing:-.025em;line-height:.95;color:#203f3c;max-width:450px;margin:13px auto 0}
.intro-eyebrow{font:10px 'Courier New',monospace;letter-spacing:.18em;color:#60765d}.intro-hamster{display:block;height:185px;width:139px;margin:12px auto 0}.intro-copy{font-size:13px;font-weight:500;color:#44534a;line-height:1.6;margin:0 auto 14px}.intro-smallprint{font:10px 'Courier New',monospace;color:#64705e}
.intro-loader{height:11px;margin:15px auto;max-width:330px;border:2px inset #e4e7d9;background:#16382e;box-shadow:none}.intro-loader i{background:repeating-linear-gradient(90deg,#b1d581 0 8px,#244535 8px 10px)}
.flash-intro-card button{background:#345a47;color:#ecedc5;border:2px outset #728969;min-height:48px;font:700 12px Tahoma,sans-serif}
.flash-titlebar{background:linear-gradient(90deg,#1a3a42,#366774);color:#f5edd1}.flash-toolbar{background:#c9d0bf;border-bottom-color:#8e9d91}.flash-window{border-color:#e1e2d3;background:#bdc7b9;box-shadow:0 30px 100px #0006}
.flash-content{background:#c3ccbe}.control-panel{background:linear-gradient(120deg,#c6cebd,#aebbaa);border:2px outset #e4e9d9;border-radius:4px}.microwave-display{border:3px inset #708572;border-radius:3px;box-shadow:inset 0 4px 14px #0008;color:#cee7a6;text-shadow:0 0 9px #bdde7766;background:#12271c}
.button-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.button-grid button{border:2px outset #edf0df;border-radius:4px;background:linear-gradient(#e9ebda,#b9c1ad);box-shadow:0 2px 0 #67756555;color:#2f3e2e;min-height:70px;font-size:10px;text-shadow:0 1px #fff8}.button-grid button span{font-size:22px;margin-bottom:7px}.button-grid .red-button{grid-column:auto;background:linear-gradient(#cd5642,#993626);border-color:#dc8066;min-height:70px;font-size:11px;animation:none;color:#fff0d8}
.button-grid .heat{background:linear-gradient(#ebc490,#c29660)}.button-grid .mystery{background:linear-gradient(#ced3a8,#99ab7e)}.button-grid button:active{box-shadow:inset 0 2px 8px #0002}.option-button{border:2px outset #e0e5d5;background:#c9d1c1;border-radius:3px;font-size:10px;color:#284133;min-height:38px}
.speech-bubble{top:13px;background:#fff6d9;color:#453521;border:2px solid #5b503d;box-shadow:0 4px 0 #0002,0 10px 25px #0002;border-radius:9px;font:500 14px/1.4 Tahoma,sans-serif;max-width:690px;width:90%;max-height:none;overflow:visible;padding:13px 18px}.speech-bubble:after{border-top-color:#fff6d9}.speech-bubble.alarm{animation:none;border-color:#cb6251;background:#fbdac0}
.stage-footer-bar{background:#98ae9c;color:#253f32;font:10px/1.4 'Courier New',monospace;padding:7px 10px}.flash-statusbar{background:#b3c2b1;color:#3f5745;font:10px 'Courier New',monospace}
body.experience-entered .flash-shell{width:min(1440px,calc(100% - 32px));height:calc(100dvh - 32px);margin:16px auto}
body.experience-entered .stage-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;grid-template-rows:minmax(0,1fr);gap:10px}
body.experience-entered .stage-column{display:grid;grid-template-rows:minmax(0,1fr) auto;order:0;height:100%;min-height:0;overflow:hidden}
body.experience-entered .flash-stage{background:#152a2d;display:grid;place-items:center;border:2px inset #738d81;height:100%;min-height:0}
body.experience-entered #hamster-canvas{display:block;width:100%;height:100%;object-fit:contain;cursor:pointer}
body.experience-entered .control-column{display:block;order:1;overflow:auto;height:100%;padding:0}
body.experience-entered .control-panel{display:block;height:100%;overflow:auto;padding:15px}
body.experience-entered .display-stack{display:grid;gap:12px;margin-bottom:19px;padding:0;border:0;background:none}
body.experience-entered .button-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;border:0;background:none;margin-top:13px;gap:7px}
body.experience-entered .option-row{margin-top:20px;display:grid;grid-template-columns:1fr;gap:8px}
body.experience-entered .hamster-side-panel{top:4px;right:4px;bottom:4px}
.ending-card{background:#dadfcc;border-color:#e8eddc;box-shadow:0 0 0 3px #254539,0 30px 100px #000;color:#244133;max-height:94dvh;overflow:auto}.ending-card h2{color:#254b41;font-family:Impact,'Arial Narrow',sans-serif;font-weight:400}.ending-label{color:#795544;font:10px 'Courier New',monospace}.ending-card>p:not(.ending-label){font-size:13px;line-height:1.55;font-weight:500}.ending-card canvas{border-color:#748c7c;object-fit:contain}.ending-actions button,.ending-actions a{background:#e6e9d4;border:2px outset #f5f5e9;font-size:12px}
.flash-alive-page button:focus-visible,.flash-alive-page a:focus-visible{outline:3px solid #2a679c;outline-offset:3px}
@media(max-width:800px){body.experience-entered .flash-shell{width:100%;height:100dvh;margin:0}body.experience-entered .stage-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(210px,1fr) 235px;gap:5px;overflow:auto}body.experience-entered .flash-content{padding:5px}body.experience-entered .control-column{display:block;overflow:visible;height:auto}body.experience-entered .control-panel{display:grid;grid-template-columns:95px minmax(0,1fr);grid-template-rows:1fr auto;padding:7px;gap:8px;height:auto;overflow:visible}body.experience-entered .display-stack{grid-column:1;grid-row:1;align-content:start;gap:12px;margin:0}.microwave-display{font-size:22px;padding:10px 3px}.display-meta{font-size:9px;flex-wrap:wrap}body.experience-entered .button-grid{grid-column:2;grid-row:1;margin:0;gap:5px}body.experience-entered .button-grid button{min-height:49px!important;font-size:9px!important;padding:4px}body.experience-entered .button-grid .red-button{grid-column:auto;min-height:49px}.button-grid button span{font-size:17px;margin-bottom:3px}body.experience-entered .option-row{grid-column:1/-1;grid-row:2;grid-template-columns:1fr 1fr;margin:0;gap:8px}.option-button{min-height:33px}.speech-bubble{font-size:11px;line-height:1.35;padding:9px 12px;top:8px;width:94%}.stage-footer-bar{font-size:9px;padding:4px 7px}body.experience-entered .hamster-side-panel{position:fixed;left:3px;right:3px;top:auto;bottom:3px;max-height:70dvh;height:470px;width:auto}.flash-statusbar{display:none}.flash-intro-card{padding:24px 20px}.intro-hamster{height:165px;width:124px}}
@media(orientation:landscape) and (max-height:620px){body.experience-entered .stage-layout{grid-template-columns:minmax(0,1fr) 285px;grid-template-rows:minmax(0,1fr)}body.experience-entered .control-column{height:100%;overflow:auto}body.experience-entered .control-panel{grid-template-columns:70px 1fr;height:100%;padding:5px;gap:6px}body.experience-entered .button-grid button{min-height:43px!important}.microwave-display{font-size:16px;padding:7px 2px}.intro-hamster{height:100px;width:75px}.flash-intro-card{max-height:97dvh;overflow:auto}.speech-bubble{font-size:10px}.intro-loader{margin-block:9px}}

.flash-alive-page .microwave-display.alarm{animation:none}

/* v11: clearer controls on touch screens and keyboard. */
.flash-alive-page [data-action]:focus-visible{outline:3px solid #f7d77d;outline-offset:3px}.flash-alive-page button{touch-action:manipulation}.flash-alive-page #speech-bubble{line-height:1.5}.flash-alive-page #ending-canvas{max-width:100%;height:auto}@media(max-width:650px){.flash-alive-page #controls button{min-height:44px}.flash-alive-page #ending-screen{padding:12px}}