:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.welcome{display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(#777,#444);animation:fadeIn 2s}.title{color:#fff;font-size:52px;letter-spacing:4px;margin-bottom:10px}.subtitle{font-size:16px;opacity:.7;letter-spacing:2px;margin-top:10px}body{margin:0;overflow:hidden;font-family:Arial,Helvetica,sans-serif}.world{width:100vw;height:100vh;background:radial-gradient(#888,#555);position:relative;transition:2s}.blue{background:radial-gradient(#6fa8ff,#1e3c72)}.yellow{background:radial-gradient(#ffd86b,#c07d1f)}.shadow{width:60px;height:60px;background:#0003;border-radius:50%;position:absolute;cursor:pointer;animation:float 4s infinite alternate}@keyframes float{0%{transform:translate(-10px)}to{transform:translate(10px)}}.text{position:absolute;bottom:80px;width:100%;text-align:center;color:#fff;font-size:28px;text-shadow:0 2px 8px rgba(0,0,0,.8);padding:12px 16px;box-sizing:border-box}.text .nextIconButton{float:right;z-index:999;border-radius:999px;width:48px;height:48px;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:24px;background:#0009;border-color:#fffc}.banner{position:absolute;right:0;top:90px;max-width:min(680px,90vw);padding:16px 24px;background:#fffffff2;color:#333;border-radius:12px 0 0 12px;box-shadow:0 12px 30px #00000040;font-size:26px;text-align:left;line-height:1.3;transform:translate(120%);opacity:0;transition:transform .6s ease,opacity .6s ease;z-index:2}.banner--in{transform:translate(0);opacity:1}.banner--out{transform:translate(120%);opacity:0}.banner button{border-color:#333;color:#333}button{margin-top:20px;background:transparent;border:1px solid white;color:#fff;padding:8px 20px;cursor:pointer}.singleScene{position:relative;height:100%;display:flex;justify-content:center;align-items:center}.sceneFrame{position:relative;display:inline-block}.sceneFrame img{max-width:80vw;object-fit:contain;box-shadow:0 20px 60px #0006;display:block}.sceneFrame img.grayscale{filter:grayscale(1)}.memorySpot{position:absolute;width:50px;height:50px}.memorySpot.found{border-radius:50%;border:2px solid #6fa8ff;box-shadow:0 0 15px #6fa8ff;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.6}}.portraitMessage{font-size:1.5rem;color:#fff;margin-bottom:30px;text-align:center;animation:fadeIn 2s}.opinionGame{height:100%;display:flex;align-items:center;justify-content:center;padding:40px 16px;box-sizing:border-box}.opinionCard{width:min(780px,92vw);background:#121c30b3;border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:32px 32px 28px;box-shadow:0 24px 60px #00000059;text-align:center;color:#fff}.opinionTitle{font-size:18px;letter-spacing:4px;text-transform:uppercase;opacity:.75;margin-bottom:14px}.opinionQuestion{font-size:30px;font-weight:600;margin-bottom:14px;text-shadow:0 8px 24px rgba(0,0,0,.4)}.opinionNote{font-size:16px;opacity:.7;margin-bottom:22px}.optionGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px}.optionButton{border-radius:14px;border:1px solid rgba(255,255,255,.5);background:#ffffff14;color:#fff;padding:14px 12px;font-size:16px;transition:transform .2s ease,background .2s ease,border-color .2s ease}.optionButton:hover{transform:translateY(-2px);background:#ffffff29;border-color:#ffffffbf}.optionButton:disabled{cursor:not-allowed;opacity:.6;transform:none}.optionNext{margin-top:12px}.optionNextButton{border-radius:999px;border:1px solid #fff;padding:10px 28px;font-size:16px;background:transparent;color:#fff}.courageGame{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:32px 16px 40px;box-sizing:border-box}.courageHud{width:min(840px,82vw);display:flex;justify-content:space-between;align-items:center;color:#ffffffe6;font-size:16px;letter-spacing:1px;gap:16px}.courageRetry{background:transparent;border:1px solid rgba(255,255,255,.8);color:#fffc;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}.runnerTrack{position:relative;width:min(860px,92vw);height:220px;border-radius:20px;background:#121c30b3;border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 60px #00000059;overflow:hidden;cursor:pointer}.trackGround{position:absolute;left:0;right:0;height:4px;bottom:52px;background:#ffffff80}.runner{position:absolute;left:90px;width:44px;height:54px;border-radius:12px;background:linear-gradient(140deg,#ffeaa7,#f6b93b);box-shadow:0 10px 24px #00000059}.obstacle{position:absolute;border-radius:6px;background:linear-gradient(160deg,#ffb3b3,#ff7675);box-shadow:0 8px 18px #0000004d}.obstacle--hit{background:linear-gradient(160deg,#fff,#ffc9a8)}.courageHint{color:#ffffffd9;font-size:16px;letter-spacing:1px}.courageFinish{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.courageMessage{font-size:24px;color:#fff;text-shadow:0 6px 20px rgba(0,0,0,.35)}.angerWorld{background:radial-gradient(#b34747,#5a1c1c)}.angerGame{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px 16px 40px;box-sizing:border-box}.angerFrame{--anger-scale: 1;position:relative;width:calc(1200px * var(--anger-scale));height:calc(600px * var(--anger-scale));margin-bottom:100px;aspect-ratio:2 / 1;background:#222;border-radius:16px;overflow:hidden;box-shadow:0 22px 55px #00000073;border:1px solid rgba(255,255,255,.15)}.angerRetry{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.8);background:#00000059;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;margin-top:0;padding:0;z-index:2}.angerIframe{width:1200px;height:600px;border:0;display:block;transform:scale(var(--anger-scale));transform-origin:top left}@media(max-width:640px){.angerFrame{--anger-scale: .3}}.opinionSlider{margin:10px 0 18px;display:grid;gap:12px}.opinionSlider input[type=range]{width:100%;accent-color:#6fa8ff}.sliderLabels{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;opacity:.8}.sliderLabel{text-align:center}.sliderLabel.active{opacity:1;font-weight:600;color:#fff}.empathyScene{height:100%;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.empathyFrame{position:relative;width:min(760px,92vw);height:min(420px,70vh);background:#121c30b3;border-radius:24px;border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 60px #00000059;overflow:hidden}.empathyGround{position:absolute;left:0;right:0;height:6px;bottom:64px;background:#fff6}.empathyMan{position:absolute;left:50%;bottom:64px;width:90px;height:130px;transform:translate(-50%);transition:transform .24s ease}.empathyFrame--crushed .empathyMan{transform:translate(-50%) scaleY(.35);transform-origin:bottom center}.empathyMan span{position:absolute;display:block;background:#fff;border-radius:8px}.empathyHead{width:26px;height:26px;border-radius:50%;background:transparent;border:3px solid #fff;left:50%;top:30px;transform:translate(-50%)}.empathyTorso{width:4px;height:46px;left:50%;top:54px;transform:translate(-50%)}.empathyArm{width:40px;height:4px;top:74px}.empathyArm--left{left:6px;transform:rotate(22deg);transform-origin:right center}.empathyArm--right{right:6px;transform:rotate(-22deg);transform-origin:left center}.empathyLeg{width:40px;height:4px;top:96px}.empathyLeg--left{left:6px;transform:rotate(218deg);transform-origin:right center}.empathyLeg--right{right:6px;transform:rotate(-218deg);transform-origin:left center}.empathyBoulder{position:absolute;left:50%;bottom:190px;width:180px;height:140px;transform:translate(-50%);border-radius:46% 54% 42% 58%/50% 40% 60% 48%;background:radial-gradient(140px 110px at 28% 22%,#ffffff59,#fff0 60%),radial-gradient(170px 140px at 78% 72%,#00000040,#0000 60%),linear-gradient(160deg,#bdbdbd,#8f8f8f 55%,#7a7a7a);box-shadow:0 18px 40px #00000073,inset -12px -14px 22px #00000040,inset 10px 10px 18px #ffffff26;transition:bottom .32s ease,transform .32s ease;cursor:grab}.empathyBoulder:before,.empathyBoulder:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.empathyBoulder:before{width:50px;height:34px;left:26px;top:20px;background:#ffffff59;filter:blur(1px)}.empathyBoulder:after{width:64px;height:42px;right:22px;bottom:24px;background:#00000040;filter:blur(2px)}.empathyBoulder:active{cursor:grabbing}.empathyBoulder--held{transform:translate(-50%) translateY(-6px)}.empathyBoulder--crushed{bottom:72px}.empathyHoldBar{position:absolute;top:24px;left:50%;transform:translate(-50%);width:min(320px,70%);height:10px;border-radius:999px;background:#ffffff26;overflow:hidden}.empathyHoldFill{width:100%;height:100%;background:linear-gradient(90deg,#6fa8ff,#ffd86b);transform:scaleX(0);transform-origin:left;transition:transform 80ms linear;will-change:transform}.empathyOverlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:#00000059}.empathyMessage{font-size:24px;color:#fff;text-align:center;text-shadow:0 6px 20px rgba(0,0,0,.35)}.clarityGame{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:28px 16px 40px;box-sizing:border-box;color:#fff}.clarityHeader{text-align:center}.clarityTitle{font-size:28px;letter-spacing:4px;text-transform:uppercase;margin-bottom:8px}.clarityHint{font-size:16px;opacity:.8;margin-bottom:8px}.clarityMessage{font-size:18px;opacity:.9}.clarityGrid{display:grid;gap:12px;touch-action:none}.clarityRow{display:grid;grid-auto-flow:column;gap:8px;justify-content:center}.clarityTile{width:52px;height:52px;border-radius:12px;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;letter-spacing:1px;background:#121c30b3;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s ease,border-color .12s ease,background .12s ease}.clarityTile--filled{border-color:#fff9}.clarityTile--active{border-color:#ffffffe6;background:linear-gradient(160deg,#6fa8ffe6,#7849ffe6);color:#08122e;transform:scale(1.05)}.clarityTile--correct{background:linear-gradient(160deg,#6dffb9,#2ecc71);border-color:#fff9;color:#0f2b1f}.clarityTile--present{background:linear-gradient(160deg,#ffd86b,#f1c40f);border-color:#fff9;color:#3b2b00}.clarityTile--absent{background:#ffffff14;color:#ffffff73}.clarityInput{display:flex;gap:12px;align-items:center}.clarityInput input{width:min(260px,70vw);padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.4);background:#121c30b3;color:#fff;font-size:16px;text-transform:uppercase}.clarityInput input:focus{outline:none;border-color:#ffffffb3}.clarityFinish{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.clarityFound{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-height:32px}.clarityTag{padding:6px 12px;border-radius:999px;background:#fff3;border:1px solid rgba(255,255,255,.35);font-size:14px;letter-spacing:1px}.creativityGame{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px 40px;box-sizing:border-box;gap:24px}.creativityCard{width:min(860px,94vw);background:#121c30b8;border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:28px 28px 24px;box-shadow:0 24px 60px #00000059;color:#fff;display:grid;gap:18px}.creativityTitle{font-size:20px;letter-spacing:4px;text-transform:uppercase;opacity:.8}.creativitySubtitle{font-size:20px;font-weight:600}.creativitySetup{display:grid;gap:14px}.creativityLabel{font-size:14px;text-transform:uppercase;letter-spacing:2px;opacity:.7}.creativityRow{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.creativityRow--guess{margin-top:8px}.creativityInput{width:100%;padding:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.4);background:#121c30b3;color:#fff;font-size:16px}.creativityInput:focus{outline:none;border-color:#ffffffbf}.creativityButton{border-radius:999px;border:1px solid rgba(255,255,255,.7);padding:10px 20px;background:transparent;color:#fff;cursor:pointer}.creativityPrimary{border-radius:999px;border:1px solid rgba(255,255,255,.85);padding:10px 22px;background:#ffffff14;color:#fff;cursor:pointer;transition:transform .15s ease,background .15s ease}.creativityPrimary:hover{transform:translateY(-1px);background:#ffffff29}.creativityCanvasWrap{width:100%;height:min(360px,55vh);border-radius:18px;background:#fff;border:1px solid rgba(0,0,0,.2);overflow:hidden}.creativityCanvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair;background:#fff}.creativityActions{display:flex;flex-wrap:wrap;gap:10px}.angerGame{min-height:100%;display:flex;align-items:center;justify-content:center;padding:32px 16px 40px;box-sizing:border-box}.angerCard{width:min(920px,94vw);background:#121c30b8;border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:24px 24px 20px;box-shadow:0 24px 60px #00000059;color:#fff;display:grid;gap:16px}.angerHeader{display:flex;justify-content:space-between;align-items:center;gap:12px}.angerTitle{font-size:20px;letter-spacing:4px;text-transform:uppercase;opacity:.8}.angerSubtitle{font-size:18px;font-weight:600}.angerStats{font-size:18px;letter-spacing:1px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.3)}.angerCanvasWrap{width:100%;height:min(420px,60vh);border-radius:18px;background:#fff;border:1px solid rgba(0,0,0,.2);overflow:hidden}.angerCanvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair;background:#fff}.angerActions{display:flex;justify-content:flex-end;gap:10px}.angerButton{border-radius:999px;border:1px solid rgba(255,255,255,.7);padding:10px 20px;background:transparent;color:#fff;cursor:pointer}.angerPrimary{border-radius:999px;border:1px solid rgba(255,255,255,.85);padding:10px 22px;background:#ffffff14;color:#fff;cursor:pointer}.flipCard{perspective:1200px}.flipCard:focus-visible{outline:2px solid #fff;outline-offset:8px}.flipCardInner{position:relative;transform-style:preserve-3d;transition:transform .7s ease}.flipCard.isFlipped .flipCardInner{transform:rotateY(180deg)}.flipFace{backface-visibility:hidden}.flipFront{position:relative;z-index:1;cursor:pointer}.flipBack{position:absolute;inset:0;transform:rotateY(180deg);background:#fff;color:#111;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px #0006}.finalMessageCard{width:min(78vw,620px);max-height:74vh;overflow:auto;padding:28px 30px;box-sizing:border-box;font-size:12px;line-height:1.5;text-align:left}.finalMessageCard p{margin:0 0 16px}.finalMessageCard p:last-child{margin-bottom:0}.text .notice{font-size:14px}