@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap";:root{color:#19352f;font-synthesis:none;background:#f7f3ea;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{min-width:320px;margin:0;overflow:hidden}button,a{font:inherit}button{color:inherit}main{background:radial-gradient(circle at 17% 35%,#ce5b3614,#0000 24rem),radial-gradient(circle at 83% 65%,#1c5b4c14,#0000 25rem),#f7f3ea;flex-direction:column;height:100dvh;display:flex;position:relative;overflow-x:hidden}main:before{content:"";opacity:.25;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:absolute;inset:0}nav{z-index:2;border-bottom:1px solid #19352f2e;justify-content:space-between;align-items:center;height:74px;padding:0 clamp(24px,5vw,74px);display:flex;position:relative}.brand{color:inherit;letter-spacing:.16em;align-items:center;gap:12px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:#f7f3ea;background:#ca5738;border-radius:15px 15px 3px 3px;place-items:center;width:29px;height:37px;font-family:Playfair Display,serif;font-size:18px;display:grid}.scoreboard{color:#52655e;letter-spacing:.16em;align-items:center;gap:18px;font-size:9px;font-weight:700;display:flex}.scoreboard span{align-items:baseline;gap:7px;display:flex}.scoreboard strong{color:#19352f;letter-spacing:0;font-family:Playfair Display,serif;font-size:21px}.scoreboard i{background:#19352f33;width:1px;height:23px}.hero{text-align:center;z-index:1;flex:1;min-height:0;padding:24px 20px;position:relative}.eyebrow{color:#ca5738;letter-spacing:.22em;justify-content:center;align-items:center;gap:12px;margin:0 0 12px;font-size:10px;font-weight:700;display:flex}.eyebrow span{background:#ca5738;width:24px;height:1px;display:block}h1{color:#19352f;letter-spacing:-.035em;margin:0;font-family:Playfair Display,serif;font-size:clamp(42px,5.6vw,76px);line-height:1}.subtitle{color:#64716a;max-width:610px;min-height:42px;margin:12px auto 16px;font-size:clamp(14px,1.4vw,17px);line-height:1.45}.game-layout{grid-template-columns:minmax(0,1.45fr) minmax(260px,.78fr);align-items:stretch;gap:clamp(14px,2.5vw,42px);width:min(1380px,100%);height:100%;margin:0 auto;display:grid}.game-board{background:#ffffff40;border:1px solid #19352f2b;flex-direction:column;grid-area:1/1;min-width:0;height:100%;min-height:0;padding:clamp(14px,2vh,28px);display:flex;overflow:hidden;box-shadow:0 18px 40px #19352f12}.doors{perspective:1100px;flex:1;justify-content:center;align-items:flex-start;gap:clamp(8px,2vw,32px);min-height:0;display:flex}.door-wrap{cursor:pointer;background:0 0;border:0;width:clamp(76px,14vw,200px);padding:0;transition:transform .2s}.door-wrap:not(:disabled):hover{transform:translateY(-7px)}.door-wrap:focus-visible{outline-offset:8px;border-radius:3px;outline:3px solid #ca5738}.door-wrap:disabled{cursor:default}.door-label{letter-spacing:.22em;opacity:.55;margin-bottom:9px;font-size:9px;font-weight:700;display:block}.door-frame{background:#19352f;border:4px solid #284a41;height:clamp(150px,100dvh - 500px,300px);padding:10px;display:block;position:relative;box-shadow:0 17px 27px #1f2c2726}.door-frame:after{content:"";background:#19352f;height:10px;position:absolute;bottom:-10px;left:-11px;right:-11px}.door-prize{color:#f7f3ea;letter-spacing:.17em;background:radial-gradient(circle,#345d52,#102b25 70%);flex-direction:column;justify-content:center;gap:9px;font-size:10px;font-weight:700;display:flex;position:absolute;inset:10px}.prize-icon{filter:saturate(.8);font-size:clamp(42px,5vw,70px)}.door-panel{z-index:2;transform-origin:0;background:#c7593b;border:2px solid #a9422b;transition:transform .65s cubic-bezier(.68,-.12,.26,1.1),filter .2s;position:absolute;inset:10px;overflow:hidden;box-shadow:inset 0 0 0 3px #ffffff0f}.door-wrap:not(:disabled):hover .door-panel{filter:brightness(1.08)}.open .door-panel{transform:rotateY(-102deg)}.door-number{color:#f2d8c8;z-index:2;font-family:Playfair Display,serif;font-size:clamp(39px,4.6vw,62px);font-weight:700;position:absolute;top:27%;left:0;right:0}.door-knob{z-index:3;background:#e7bd70;border-radius:50%;width:11px;height:11px;position:absolute;top:51%;right:11%;box-shadow:0 1px #6b3c25}.door-inset{border:1px solid #51190e52;position:absolute;left:13%;right:13%;box-shadow:inset 0 0 0 3px #ffffff0b}.door-inset.top{height:43%;top:10%}.door-inset.bottom{height:29%;bottom:8%}.door-status{color:#ca5738;letter-spacing:.19em;height:20px;margin-top:18px;font-size:9px;font-weight:700;display:block}.selected:not(.open) .door-frame{outline-offset:5px;outline:3px solid #e3b868}.action-area{justify-content:center;align-items:center;min-height:62px;margin-top:3px;display:flex}.hint{color:#728079;letter-spacing:.04em;margin:0;font-size:12px}.hint:before{content:"↑";color:#ca5738;margin-right:8px;display:inline-block}.paused-hint{color:#b34b30;background:#ffffff4d;border:1px solid #ca57384d;margin:0;padding:9px 15px;font-size:11px;font-weight:600}.decision-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.action{cursor:pointer;letter-spacing:.04em;border:1px solid #19352f;border-radius:2px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 22px;font-size:12px;font-weight:700;transition:transform .16s,background .16s;display:inline-flex}.action:hover{transform:translateY(-2px)}.action.primary{color:#f7f3ea;background:#19352f}.action.primary:hover{background:#285347}.action.secondary{background:0 0}.action.secondary:hover{background:#19352f12}.result-card{background:#ffffff52;border:1px solid #ca57384d;justify-content:space-between;align-items:center;gap:16px;width:min(560px,100%);padding:13px 14px 13px 20px;display:flex}.result-card>div{color:#ca5738;align-items:center;gap:9px;font-size:12px;font-weight:600;display:flex}.result-card.winner{border-color:#1953464d}.result-card.winner>div{color:#285347}.lab-panel{text-align:left;background:#ffffff40;border:1px solid #19352f2b;flex-direction:column;grid-area:1/2;height:100%;min-height:0;padding:clamp(14px,2vh,28px);display:flex;overflow:hidden;box-shadow:0 18px 40px #19352f12}.simulation-panel{text-align:left;border-bottom:1px solid #19352f2b;gap:14px;padding-bottom:18px;display:grid}.simulation-copy h2{margin:0}.simulation-copy>span{color:#ca5738;letter-spacing:.2em;font-size:8px;font-weight:700}.simulation-copy p{color:#718078;margin:4px 0 0;font-size:11px}.simulation-controls{grid-template-columns:1fr 1fr;gap:7px;display:grid}.sim-button{cursor:pointer;color:#19352f;background:0 0;border:1px solid #19352f52;border-radius:2px;min-height:35px;padding:0 13px;font-size:10px;font-weight:700;transition:all .16s}.sim-button:hover:not(:disabled),.sim-button.active{color:#f7f3ea;background:#19352f;border-color:#19352f}.sim-button.pause{color:#b34b30;border-color:#ca573873}.sim-button.pause:hover:not(:disabled){color:#fff;background:#ca5738;border-color:#ca5738}.sim-button.reset{align-items:center;gap:5px;display:inline-flex}.sim-button.reset:hover:not(:disabled){color:#fff;background:#ca5738;border-color:#ca5738}.sim-button:disabled{cursor:not-allowed;opacity:.35}.speed-control{color:#718078;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:12px;font-size:9px;font-weight:700;display:flex}.speed-control span{min-width:82px}.speed-control strong{color:#ca5738}.speed-control input{accent-color:#ca5738;cursor:pointer;width:100%;height:3px}.stats-section{border-bottom:1px solid #19352f2b;padding:16px 0 12px}.stats-section h2{margin:0 0 8px;font-family:Playfair Display,serif;font-size:20px}.stats-summary{justify-content:flex-start;min-height:38px}.chart-card{text-align:left;background:0 0;border:0;flex-direction:column;flex:1;width:100%;min-height:0;margin:14px 0 0;padding:0;display:flex}.chart-heading{justify-content:space-between;align-items:flex-end;margin-bottom:3px;display:flex}.chart-heading span{color:#ca5738;letter-spacing:.2em;font-size:8px;font-weight:700}.chart-heading h2{margin:2px 0 0;font-family:Playfair Display,serif;font-size:20px}.chart-heading>strong{color:#19352f;font-family:Playfair Display,serif;font-size:27px}.chart-card svg{width:100%;height:100%;min-height:0;display:block;overflow:visible}.grid-line{stroke:#19352f1f;stroke-width:1px}.reference-line{stroke:#ca573859;stroke-width:1px;stroke-dasharray:5 5}.chart-line{fill:none;stroke:#19352f;stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.chart-dot{fill:#ca5738;stroke:#f7f3ea;stroke-width:2px}.axis-label{fill:#687871;font:13px DM Sans,sans-serif}.reference-label{fill:#b34b30;font:700 13px DM Sans,sans-serif}.empty-chart{fill:#7a8881;text-anchor:middle;font:14px DM Sans,sans-serif}footer{z-index:1;color:#19352f;letter-spacing:.2em;opacity:.48;align-items:center;gap:18px;height:48px;padding:0 clamp(24px,5vw,74px);font-size:9px;font-weight:700;display:flex;position:relative}.footer-line{opacity:.3;background:currentColor;flex:1;height:1px}@media (width<=520px){.hero{padding:10px}.game-layout{grid-template-rows:minmax(0,1.08fr) minmax(0,.92fr);grid-template-columns:1fr;gap:8px;max-width:720px}.game-board{grid-area:1/1}.lab-panel{grid-area:2/1}.lab-panel{width:100%}nav{height:62px}.scoreboard{letter-spacing:.08em;gap:9px}.scoreboard strong{font-size:18px}.scoreboard span{gap:4px}.scoreboard i{display:none}.hero{padding-top:10px}.doors{gap:12px;margin-inline:-9px}.door-wrap{width:calc(33.3333vw - 22.6667px)}.door-frame{border-width:3px;height:min(35vw,150px);min-height:105px;padding:6px}.door-prize,.door-panel{inset:6px}.door-knob{width:8px;height:8px}.subtitle{min-height:0;margin:6px auto 8px;font-size:12px}.result-card{flex-direction:column;padding:16px}.lab-panel{padding:10px 12px}.simulation-panel{text-align:center;gap:10px}.simulation-controls{flex-wrap:wrap;justify-content:center}.chart-card{margin-top:6px;padding-inline:10px}.stats-section{padding:7px 0 5px}.simulation-panel{padding-bottom:7px}.action-area{min-height:34px}.door-status{height:12px;margin-top:9px}h1{font-size:clamp(28px,9vw,42px)}.eyebrow{margin-bottom:5px}footer{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
