html { color-scheme: light; background: #f5f1e8; }
body { margin: 0; padding: 12px 8px 36px; font-family: Arial, sans-serif; }
button, input, select, textarea { font: inherit; }
button:not(:disabled), summary, .cursor-interaction:not(:disabled) { cursor: pointer; }
button:disabled { cursor: default; }
button, summary, a { touch-action: manipulation; }
noscript { display: block; max-width: 620px; margin: 16px auto; color: #284b3b; }
@media (max-width: 480px) { body { padding: 0 0 24px; } }
@font-face { font-family: 'VT323'; font-style: normal; font-weight: 400; font-display: swap; src: url('./vt323.ttf'); }
#everyday-handheld { color-scheme: light; padding: 18px 8px; font-family: 'VT323', 'Courier New', monospace; }
#everyday-handheld * { box-sizing: border-box; }
#everyday-handheld [hidden] { display: none !important; }
#everyday-handheld .ed-feed { border-bottom: 1px solid #c2b184; margin: 0 0 14px; padding: 0 0 12px; }
#everyday-handheld .ed-feed > strong { display: block; font: 21px/1.2 'VT323',monospace; color: #285e4a; }
#everyday-handheld .ed-feed p { margin: 5px 0; font: 12px/1.5 Arial,sans-serif; color: #4c573e; }
#everyday-handheld #ed-feed-note { color: #75522d; font-size: 11px; }
#everyday-handheld .ed-feed-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
#everyday-handheld .ed-feed button:disabled { opacity: .6; }
#everyday-handheld .ed-table-scroll { max-width: 100%; overflow-x: auto; margin: 12px 0; }
#everyday-handheld .ed-source-table { width: 100%; min-width: 450px; border-collapse: collapse; text-align: left; font: 12px/1.5 Arial,sans-serif; }
#everyday-handheld .ed-source-table caption { text-align: left; padding: 0 0 8px; font-weight: bold; }
#everyday-handheld .ed-source-table th,#everyday-handheld .ed-source-table td { vertical-align: top; padding: 9px 7px; border-bottom: 1px solid #c2b184; }
#everyday-handheld .ed-source-table thead { background: #dedab8; }
#everyday-handheld .ed-source-table small { display: block; font-size: 10px; font-weight: normal; margin-top: 5px; color: #586148; overflow-wrap: anywhere; }
#everyday-handheld .ed-source-table a,#everyday-handheld .ed-about-panel a { color: #28594d; }
#everyday-handheld .ed-bls-notice { font: 11px/1.5 Arial,sans-serif; color: #666047; margin-top: 14px; }
#everyday-handheld .ed-shell { max-width: 660px; margin: 0 auto; padding: 20px 25px 18px; border: 3px solid #a9662e; border-radius: 54px 54px 43px 43px; background: radial-gradient(ellipse at 27% 0%,#ffdc84,transparent 46%),repeating-linear-gradient(102deg,#ffffff06 0 1px,transparent 1px 4px),linear-gradient(105deg,#efb243,#eaa747 48%,#db943c); box-shadow: inset 0 4px 0 #ffe7a6,inset 4px 0 0 #ffd876,inset -5px -6px 0 #b87834,0 5px 0 #99602d,0 12px 24px #69412026; color: #233f34; }
#everyday-handheld .ed-brand { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #3c281c; padding: 0 13px 17px; }
#everyday-handheld .ed-brand-text { text-align: center; min-width: 0; }
#everyday-handheld .ed-title { font-size: clamp(30px,7vw,58px); line-height: .9; font-weight: 700; letter-spacing: 4px; text-shadow: 2px 2px #ffe393; }
#everyday-handheld .ed-subtitle { font-size: 19px; letter-spacing: 4px; margin-top: 6px; }
#everyday-handheld .ed-top-icon { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; flex: 0 0 46px; padding: 9px; background: #f2c16d; color: #4d3523; border: 2px solid #96612d; border-radius: 12px; box-shadow: inset 0 2px #ffe4a4,0 2px #a66c31; }
#everyday-handheld .ed-top-icon svg { width: 24px; height: 24px; }
#everyday-handheld .ed-top-icon:active,#everyday-handheld .ed-top-icon[aria-current="page"] { background: #e6ad53; box-shadow: inset 0 2px #c58a40; }
#everyday-handheld .ed-bezel { background: #30352f; padding: 13px; border-radius: 27px; border: 3px solid #66513b; box-shadow: inset 0 3px 0 #181f21,0 4px 0 #ffd17c; }
#everyday-handheld .ed-screen { background: #cee3bf; border-radius: 13px; border: 3px solid #748c6f; overflow: hidden; }
#everyday-handheld .ed-identity { padding: 10px 15px 9px; background: #f7ebbf; display: flex; gap: 10px; align-items: center; }
#everyday-handheld .ed-dice { font: 40px/1 'Courier New',monospace; color: #2f382c; }
#everyday-handheld .ed-life { font-size: 18px; letter-spacing: 1px; line-height: 1.1; }
#everyday-handheld .ed-person-name { font-size: 24px; line-height: 1.1; margin-top: 3px; }
#everyday-handheld .ed-world-line { padding: 9px 13px; background: #c1dfba; font-size: 22px; line-height: 1; }
#everyday-handheld .ed-hud { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; padding: 11px 0; margin: 8px 0 12px; border-top: 1px solid #c2b184; border-bottom: 1px solid #c2b184; }
#everyday-handheld .ed-money { font-size: 25px; min-width: 0; line-height: 1.05; overflow-wrap: break-word; }
#everyday-handheld .ed-identity > div { min-width: 0; overflow-wrap: break-word; }
#everyday-handheld .ed-market { display: flex; gap: 9px; font-size: 16px; align-items: center; }
#everyday-handheld .ed-market button { font: 12px/1.3 Arial,sans-serif; background: #ecdbab; color: #62472e; border: 1px solid #b89b64; border-radius: 6px; padding: 8px; min-height: 36px; text-align: left; }
#everyday-handheld .ed-scene { aspect-ratio: 853 / 362; position: relative; background-image: var(--ed-scene); background-size: 131.536% 387.293%; background-position: 50.93% 32.02%; }
#everyday-handheld .ed-speech { position: absolute; right: 3%; top: 2%; width: 47%; min-height: 27%; background: #fff0cc; color: #303930; border: 3px solid #384137; padding: 7px 9px; font-size: clamp(12px,2.7vw,21px); line-height: 1; text-align: center; box-shadow: 3px 3px 0 #594e32; }
#everyday-handheld .ed-speech:after { content: ''; position: absolute; left: 17px; bottom: -9px; width: 13px; height: 12px; background: #fff0cc; border-left: 3px solid #384137; border-bottom: 3px solid #384137; transform: skewY(-32deg); }
#everyday-handheld .ed-needs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 13px 0 3px; gap: 8px; margin-top: 12px; border-top: 1px solid #c2b184; }
#everyday-handheld .ed-need { padding-left: 7px; }
#everyday-handheld .ed-need + .ed-need { border-left: 2px solid #8dac8a; }
#everyday-handheld .ed-need-label { font-size: 20px; margin-bottom: 5px; color: #123e3b; }
#everyday-handheld .ed-squares { display: flex; gap: 4px; }
#everyday-handheld .ed-squares span { display: block; height: 15px; width: 17px; background: #9bbe9b; border-radius: 2px; }
#everyday-handheld .ed-squares .on { background: #168383; box-shadow: inset 2px 2px #29a5a0; }
#everyday-handheld .ed-description { padding: 10px 14px; margin: 0; background: #c5e5c1; font-size: 19px; line-height: 1.1; text-align: center; }
#everyday-handheld .ed-difficulty { padding: 20px 13px; background: #d7e5bb; }
#everyday-handheld .ed-difficulty h3 { margin: 0 0 13px; color: #284636; font-size: 25px; font-weight: 400; }
#everyday-handheld .ed-choices { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
#everyday-handheld .ed-choice { border: 2px solid #799473; border-radius: 7px; background: #f8edc4; color: #294435; padding: 14px 7px; font-family: inherit; min-height: 118px; }
#everyday-handheld .ed-choice:hover { background: #fce0a0; }
#everyday-handheld .ed-choice strong { display: block; font-size: 26px; font-weight: 400; }
#everyday-handheld .ed-choice span { display: block; font-size: 18px; margin: 7px 0; }
#everyday-handheld .ed-choice small { font-size: 15px; line-height: 1.1; display: block; }
#everyday-handheld .ed-physical-controls { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin: 19px 5px 21px; }
#everyday-handheld .ed-action { --ed-action-bg:#ed9572; --ed-action-border:#973c23; min-height: 98px; border-radius: 30px; border: 3px solid var(--ed-action-border); font-family: inherit; color: #292f29; background: linear-gradient(#ffffff32,transparent 55%,#00000012),var(--ed-action-bg); box-shadow: inset 0 4px 0 #ffffff55,inset -3px -4px 0 #00000021,0 4px 0 #946034,0 5px 0 #ffc968; padding: 6px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
#everyday-handheld .ed-action:nth-child(2) { --ed-action-bg:#4795a4; --ed-action-border:#22566c; }
#everyday-handheld .ed-action:nth-child(3) { --ed-action-bg:#5caa8a; --ed-action-border:#276c58; }
#everyday-handheld .ed-action:active:not(:disabled) { transform: translateY(3px); box-shadow: inset 0 3px 0 #00000015; }
#everyday-handheld .ed-action:disabled { opacity: .55; }
#everyday-handheld .ed-action-label { font-size: 24px; line-height: 1; letter-spacing: 2px; }
#everyday-handheld .ed-tray { background: #343c35; border: 3px solid #806033; border-radius: 14px; padding: 8px; box-shadow: inset 0 2px #1b2c26,0 3px #ffcb70; }
#everyday-handheld .ed-inventory { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 5px; }
#everyday-handheld .ed-item { font-family: inherit; border: 2px solid #ad9565; border-radius: 5px; padding: 7px 1px 4px; background: #f2e6bc; color: #292d28; display: flex; flex-direction: column; align-items: center; min-width: 0; position: relative; }
#everyday-handheld .ed-item.locked { background: #ced0c1; border-color: #8f9281; }
#everyday-handheld .ed-item.locked .ed-item-icon { filter: grayscale(1); opacity: .6; }
#everyday-handheld .ed-item-icon { display: block; height: 44px; width: 44px; background-image: var(--ed-icons); background-size: 561px 701px; image-rendering: pixelated; }
#everyday-handheld .ed-item-label { font-size: 15px; line-height: 1; margin-top: 5px; }
#everyday-handheld .ed-item-state { font: 700 11px/1.3 Arial,sans-serif; color: #276348; margin-top: 4px; }
#everyday-handheld .ed-item.locked .ed-item-state { color: #5b6355; }
#everyday-handheld .ed-content-tray { margin-top: 12px; }
#everyday-handheld .ed-profile { background: #f5e8bf; border: 3px solid #bd863f; border-radius: 10px; margin: 0; padding: 12px 14px; box-shadow: inset 0 2px #fff9d6; }
#everyday-handheld .ed-profile-heading { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; justify-content: space-between; margin-bottom: 10px; font-size: 22px; }
#everyday-handheld .ed-class { font-size: 16px; color: #f6f6d8; background: #487187; border: 2px solid #315468; padding: 2px 12px; border-radius: 6px; }
#everyday-handheld .ed-person { margin-bottom: 8px; }
#everyday-handheld .ed-person small { display: block; font: 11px/1.4 Arial,sans-serif; color: #65704f; margin-bottom: 4px; }
#everyday-handheld .ed-person strong { display: block; font-size: 23px; line-height: 1.1; font-weight: 400; }
#everyday-handheld .ed-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
#everyday-handheld .ed-stat + .ed-stat { border-left: 2px solid #b6a172; padding-left: 10px; }
#everyday-handheld .ed-stat span { font-size: 15px; display: block; line-height: 1; }
#everyday-handheld .ed-stat strong { font-size: 25px; line-height: 1; font-weight: 400; display: block; margin-top: 5px; }
#everyday-handheld .ed-notice { color: #3a4b35; font: 12px/1.4 Arial,sans-serif; margin: 11px 0 0; min-height: 18px; }
#everyday-handheld .ed-setup-info { font: 12px/1.5 Arial,sans-serif; color: #4a583a; margin: 0; }
#everyday-handheld .ed-foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; align-items: center; margin-top: 12px; padding-top: 6px; border-top: 1px solid #c2b184; color: #665439; font: 11px/1.5 Arial,sans-serif; }
#everyday-handheld .ed-link { padding: 4px 2px; border: 0; text-decoration: underline; font: inherit; background: transparent; color: inherit; min-height: 32px; }
#everyday-handheld .ed-data { margin-top: 10px; padding: 12px 0 0; border-top: 1px solid #c2b184; color: #384d3b; font: 12px/1.5 Arial,sans-serif; }
#everyday-handheld .ed-data h3 { font: 24px/1 'VT323',monospace; margin: 0 0 10px; }
#everyday-handheld .ed-data dl { margin: 0; }
#everyday-handheld .ed-data dt { font-weight: 700; margin-top: 8px; }
#everyday-handheld .ed-data dd { margin: 2px 0; }
#everyday-handheld .ed-data p { margin: 10px 0 0; }
#everyday-handheld .ed-about-panel { padding: 19px; }
#everyday-handheld .ed-return { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 6px 0; border: 0; background: transparent; color: #365a45; font: 18px/1 'VT323',monospace; text-decoration: underline; text-underline-offset: 4px; }
#everyday-handheld .ed-return svg { width: 18px; height: 18px; }
#everyday-handheld .ed-about-kicker { margin: 18px 0 8px; font: 11px/1.4 Arial,sans-serif; letter-spacing: 1px; color: #637350; }
#everyday-handheld .ed-about-panel h1 { margin: 0 0 10px; font: 38px/.95 'VT323',monospace; color: #284b3b; }
#everyday-handheld .ed-about-panel h2 { margin: 0 0 8px; font: 25px/1 'VT323',monospace; color: #284b3b; }
#everyday-handheld .ed-about-panel p { font: 13px/1.65 Arial,sans-serif; color: #435439; margin: 0; }
#everyday-handheld .ed-about-panel .ed-about-kicker { font-size: 11px; margin: 18px 0 8px; }
#everyday-handheld .ed-about-section { margin-top: 22px; padding-top: 18px; border-top: 1px solid #c2b184; }
#everyday-handheld .ed-tutorial { margin: 14px 0; padding-left: 23px; color: #435439; font: 13px/1.65 Arial,sans-serif; }
#everyday-handheld .ed-tutorial li { padding-left: 4px; margin-bottom: 12px; }
#everyday-handheld .ed-tutorial li::marker { color: #284b3b; font-weight: 700; }
#everyday-handheld .ed-about-status { display: inline-block; margin: 3px 0 10px; padding: 5px 8px; background: #dfd6af; border-radius: 4px; color: #505735; font: 700 11px/1.4 Arial,sans-serif; }
#everyday-handheld .ed-source-list { margin: 15px 0 0; }
#everyday-handheld .ed-source-list > div { padding: 12px 0; border-top: 1px solid #d5c497; }
#everyday-handheld .ed-source-list dt { display: flex; flex-wrap: wrap; gap: 4px 12px; justify-content: space-between; align-items: baseline; font: 700 13px/1.5 Arial,sans-serif; }
#everyday-handheld .ed-source-list dt span { font: 11px/1.5 Arial,sans-serif; color: #65704f; }
#everyday-handheld .ed-source-list dd { margin: 4px 0 0; font: 12px/1.5 Arial,sans-serif; color: #4f5d40; }
#everyday-handheld .ed-source-list a { color: #28594d; text-underline-offset: 3px; }
#everyday-handheld .ed-example-note { font: 11px/1.5 Arial,sans-serif; color: #687050; margin: 9px 0 0; }
#everyday-handheld .ed-screen-choice { padding: 18px 13px; background: #d7e5bb; }
#everyday-handheld .ed-screen-choice h3 { font: 26px/1 'VT323',monospace; margin: 0 0 13px; }
#everyday-handheld .ed-screen-choice p { font: 12px/1.45 Arial,sans-serif; margin: 11px 0 0; }
#everyday-handheld .ed-choice[aria-pressed="true"] { background: #2d6558; color: #fff2ce; border-color: #204f45; }
#everyday-handheld .ed-choice:disabled { opacity: .45; }
#everyday-handheld .ed-mini-button { background: #e5d2a0; border: 1px solid #a9915b; border-radius: 6px; padding: 9px 11px; min-height: 38px; color: #3c4d37; font: 12px/1.3 Arial,sans-serif; }
#everyday-handheld .ed-mini-button:disabled { opacity: .55; }
#everyday-handheld .ed-budget-line { display: flex; gap: 8px; align-items: baseline; justify-content: space-between; font: 12px/1.5 Arial,sans-serif; padding: 5px 0; }
#everyday-handheld .ed-budget-line span { min-width: 0; }
#everyday-handheld .ed-budget-line strong { white-space: nowrap; font-weight: 400; font-variant-numeric: tabular-nums; }
#everyday-handheld .ed-budget-line.total { border-top: 1px solid #bcae85; margin-top: 7px; padding-top: 10px; font-weight: 700; }
#everyday-handheld .ed-budget-line.total strong { font-weight: 700; }
#everyday-handheld .ed-disclosure { margin-top: 12px; border-top: 1px solid #c2b184; padding-top: 7px; }
#everyday-handheld .ed-disclosure summary { font: 19px/1.2 'VT323',monospace; padding: 7px 0; min-height: 38px; }
#everyday-handheld .ed-scenario-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px 18px; margin-top: 12px; }
#everyday-handheld .ed-factor { min-width: 0; }
#everyday-handheld .ed-factor-label { display: flex; gap: 7px; justify-content: space-between; align-items: baseline; font: 12px/1.5 Arial,sans-serif; }
#everyday-handheld .ed-factor output { font-weight: 700; white-space: nowrap; }
#everyday-handheld .ed-factor small { display: block; font: 11px/1.4 Arial,sans-serif; color: #596445; }
#everyday-handheld .ed-factor input { width: 100%; accent-color: #337b67; margin: 7px 0 3px; min-height: 26px; }
#everyday-handheld .ed-presets { display: flex; flex-wrap: wrap; gap: 6px; margin: 11px 0 8px; }
#everyday-handheld .ed-lesson { font: 12px/1.55 Arial,sans-serif; color: #365139; background: #e0e2b6; padding: 11px; border-radius: 7px; margin-top: 11px; }
#everyday-handheld .ed-lesson p { margin: 5px 0 0; }
#everyday-handheld .ed-lesson strong { font: 19px/1 'VT323',monospace; }
#everyday-handheld .ed-next-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 13px; }
#everyday-handheld .ed-signed.negative { color: #873c2b; }
#everyday-handheld #ed-pressure .on { background: #b0663c; box-shadow: none; }
#everyday-handheld[data-pressure="high"] .ed-speech { background: #ffddb0; }
#everyday-handheld[data-pressure="high"] .ed-speech:after { background: #ffddb0; }
#everyday-handheld .ed-current-plan { margin-top: 6px; font: 12px/1.5 Arial,sans-serif; color: #5b6246; }
#everyday-handheld .ed-balance-caption { font: 11px/1.4 Arial,sans-serif; color: #636b4d; }
@media(max-width:520px) { #everyday-handheld { padding: 10px 0; } #everyday-handheld .ed-shell { padding: 17px 10px 12px; border-radius: 34px; } #everyday-handheld .ed-brand { padding: 0 3px 13px; } #everyday-handheld .ed-title { letter-spacing: 1px; } #everyday-handheld .ed-subtitle { font-size: 15px; letter-spacing: 3px; } #everyday-handheld .ed-speaker { width: 24px; height: 27px; background-size: 10px 10px; } #everyday-handheld .ed-bezel { padding: 6px; border-radius: 18px; } #everyday-handheld .ed-identity { padding: 9px; gap: 7px; } #everyday-handheld .ed-person-name { font-size: 19px; } #everyday-handheld .ed-life { font-size: 15px; } #everyday-handheld .ed-dice { font-size: 31px; } #everyday-handheld .ed-money { font-size: 22px; } #everyday-handheld .ed-market { font-size: 14px; } #everyday-handheld .ed-speech { border-width: 2px; padding: 4px; min-height: 29%; } #everyday-handheld .ed-needs { padding: 9px 6px; gap: 3px; } #everyday-handheld .ed-need { padding-left: 4px; } #everyday-handheld .ed-need-label { font-size: 17px; } #everyday-handheld .ed-squares { gap: 3px; } #everyday-handheld .ed-squares span { width: 12px; height: 12px; } #everyday-handheld .ed-physical-controls { gap: 10px; margin: 14px 3px 18px; } #everyday-handheld .ed-action { border-radius: 24px; min-height: 85px; } #everyday-handheld .ed-action-label { font-size: 20px; } #everyday-handheld .ed-inventory { grid-template-columns: repeat(3,minmax(0,1fr)); } #everyday-handheld .ed-item-label { font-size: 17px; } #everyday-handheld .ed-tray { padding: 6px; } #everyday-handheld .ed-profile { padding: 10px 8px; } #everyday-handheld .ed-profile-heading { font-size: 19px; } #everyday-handheld .ed-stats { gap: 6px; } #everyday-handheld .ed-stat + .ed-stat { padding-left: 6px; } #everyday-handheld .ed-stat span { font-size: 13px; } #everyday-handheld .ed-stat strong { font-size: 20px; } #everyday-handheld .ed-choices { grid-template-columns: 1fr; } #everyday-handheld .ed-choice { min-height: 58px; padding: 8px; text-align: left; } #everyday-handheld .ed-choice strong,#everyday-handheld .ed-choice span { display: inline; margin-right: 10px; } #everyday-handheld .ed-choice small { margin-top: 3px; } }
@media(prefers-reduced-motion:reduce) { #everyday-handheld .ed-action:active { transform: none; } }
@media(max-width:420px) { #everyday-handheld .ed-scenario-grid { grid-template-columns: 1fr; } #everyday-handheld .ed-stat strong { font-size: 19px; } #everyday-handheld .ed-world-line { font-size: 18px; } }
/* The full room is stationary; only a silhouette-shaped copy of its character moves. */
#everyday-handheld .ed-character-motion { position: absolute; inset: 0; pointer-events: none; background-image: var(--ed-scene); background-size: 131.536% 387.293%; background-position: 50.93% 32.02%; clip-path: var(--ed-person-mask); transform-origin: 46% 96%; image-rendering: pixelated; animation: ed-person-breathe 1.8s steps(3,end) infinite; animation-play-state: paused; will-change: transform; }
#everyday-handheld { --ed-person-mask: polygon(41.383% 22.652%,48.300% 22.652%,50.293% 25.691%,51.934% 28.729%,53.458% 33.425%,53.576% 40.608%,52.872% 46.409%,52.169% 51.657%,49.824% 55.249%,51.348% 58.840%,52.286% 66.298%,52.403% 71.271%,53.224% 73.204%,53.224% 77.624%,51.817% 80.663%,51.583% 88.950%,52.872% 90.884%,52.872% 96.409%,46.542% 96.409%,46.659% 89.779%,45.838% 85.083%,44.900% 86.740%,44.197% 90.608%,44.666% 96.685%,39.390% 96.685%,39.390% 91.989%,40.680% 88.674%,40.680% 81.215%,37.866% 80.387%,36.811% 76.519%,36.811% 68.508%,37.749% 60.773%,39.390% 56.906%,41.149% 54.972%,39.390% 51.657%,38.687% 47.514%,37.749% 43.094%,37.866% 37.293%,38.570% 30.939%,40.094% 26.519%); }
#everyday-handheld[data-avatar="medium"] { --ed-person-mask: polygon(42.673% 22.652%,48.300% 22.652%,50.762% 24.586%,52.989% 27.348%,54.513% 32.597%,54.982% 38.950%,54.865% 43.646%,55.686% 48.343%,55.217% 54.144%,54.513% 56.906%,55.100% 61.326%,53.458% 65.193%,52.989% 70.166%,53.341% 75.967%,52.521% 80.939%,51.465% 81.768%,51.465% 89.227%,52.286% 91.436%,52.286% 97.238%,46.659% 97.238%,46.659% 91.160%,46.307% 84.254%,45.018% 87.293%,44.431% 90.884%,45.018% 97.238%,40.445% 97.238%,40.445% 91.989%,41.149% 88.950%,41.032% 83.978%,38.570% 83.425%,37.515% 79.282%,37.632% 71.823%,38.335% 66.298%,37.280% 62.431%,38.101% 56.906%,36.928% 52.210%,37.515% 46.685%,38.921% 41.160%,39.742% 36.464%,39.742% 32.320%,41.383% 27.348%); }
#everyday-handheld[data-avatar="hard"] { --ed-person-mask: polygon(44.900% 22.376%,46.073% 20.442%,48.066% 20.718%,48.183% 23.204%,51.583% 24.862%,51.934% 27.348%,53.693% 28.729%,54.513% 33.149%,53.693% 36.740%,54.513% 39.227%,53.810% 43.370%,53.810% 48.343%,52.755% 52.762%,50.176% 56.354%,51.700% 59.116%,52.286% 64.088%,52.755% 70.994%,52.403% 76.519%,51.114% 77.348%,50.996% 87.293%,52.169% 90.331%,52.169% 96.409%,46.659% 96.409%,46.659% 90.055%,45.955% 84.254%,44.431% 87.017%,43.962% 90.608%,44.197% 96.409%,39.273% 96.961%,39.273% 91.989%,40.211% 88.398%,40.563% 79.282%,37.280% 77.624%,35.991% 74.033%,35.991% 64.641%,37.163% 58.564%,39.508% 56.354%,41.383% 55.801%,39.508% 53.039%,37.984% 48.619%,37.632% 43.646%,37.046% 40.055%,37.749% 36.464%,36.928% 33.425%,38.453% 30.387%,40.094% 25.967%,41.735% 22.928%); }
#everyday-handheld[data-clock="running"] .ed-character-motion { animation-play-state: running; }
#everyday-handheld .ed-speech { z-index: 2; }
@keyframes ed-person-breathe { 0%,100% { transform: scale(1); } 50% { transform: scale(1.025,1.03); } }
#everyday-handheld .ed-clock { padding: 2px 0 14px; margin-bottom: 14px; border-bottom: 2px solid #c2b184; }
#everyday-handheld .ed-clock-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
#everyday-handheld .ed-clock-main { min-width: 0; }
#everyday-handheld .ed-clock-month { display: block; font-size: clamp(34px,7vw,44px); line-height: 1; font-weight: 400; color: #245846; overflow-wrap: anywhere; }
#everyday-handheld .ed-clock-label { display: block; font-size: clamp(26px,5vw,32px); line-height: 1.05; margin-top: 5px; color: #395740; }
#everyday-handheld .ed-countdown { display: block; font-size: clamp(48px,9vw,64px); font-weight: 400; line-height: .95; font-variant-numeric: tabular-nums; color: #245846; }
#everyday-handheld #ed-month { font-size: 27px; }
#everyday-handheld .ed-pause { min-width: 91px; min-height: 44px; border: 2px solid #285443; border-radius: 8px; background: #326957; color: #fff2ce; font: 24px/1 'VT323',monospace; padding: 10px 12px; }
#everyday-handheld .ed-pause[aria-pressed="true"] { background: #ecdaab; color: #285443; }
#everyday-handheld .ed-clock-progress { height: 10px; margin-top: 10px; border: 1px solid #819576; border-radius: 3px; overflow: hidden; background: #d5d5ad; }
#everyday-handheld .ed-clock-progress span { display: block; height: 100%; background: #3b8465; transform: scaleX(var(--ed-time-left,1)); transform-origin: left; }
#everyday-handheld .ed-clock p { margin: 7px 0 0; font: 12px/1.4 Arial,sans-serif; color: #526148; }
#everyday-handheld[data-deadline="soon"] .ed-countdown { color: #964024; }
#everyday-handheld[data-deadline="soon"] .ed-clock-progress span { background: #ad562c; }
#everyday-handheld[data-clock="paused"] .ed-clock-progress span { background: #a39263; }
@media(prefers-reduced-motion:reduce) { #everyday-handheld .ed-character-motion { animation: none; will-change: auto; } }
#everyday-handheld .ed-need { min-width: 0; padding: 0 5px; }
#everyday-handheld .ed-need-number { display: block; font-size: 30px; line-height: 1; font-weight: 400; font-variant-numeric: tabular-nums; color: #234c3e; }
#everyday-handheld .ed-need-track { height: 13px; margin: 8px 0 6px; overflow: hidden; background: #cccfaa; }
#everyday-handheld .ed-need-track span { display: block; height: 100%; background: #2c856a; transform: scaleX(var(--ed-need-level,.72)); transform-origin: left; transition: transform .45s ease; }
#everyday-handheld .ed-need-change { font: 12px/1.4 Arial,sans-serif; font-variant-numeric: tabular-nums; }
#everyday-handheld .ed-need-change[data-direction="worse"] { color: #903e28; }
#everyday-handheld .ed-need-change[data-direction="better"] { color: #245d43; }
#everyday-handheld .ed-need[data-urgent="true"] .ed-need-track span { background: #b15432; }
#everyday-handheld .ed-need[data-urgent="true"] .ed-need-number { color: #903e28; }
#everyday-handheld .ed-needs-alert { margin: 10px 0; padding: 10px; background: #e0e4bd; color: #314f3b; font: 12px/1.5 Arial,sans-serif; border-radius: 5px; }
#everyday-handheld .ed-needs-alert[data-urgent="true"] { background: #f3d4ac; color: #813c25; }
#everyday-handheld .ed-challenge { padding: 12px; margin: 12px 0; background: #e8d5a3; color: #483d29; border-radius: 7px; }
#everyday-handheld .ed-challenge-kicker { display: block; font: 11px/1.5 Arial,sans-serif; letter-spacing: .4px; }
#everyday-handheld .ed-challenge strong { display: block; font: 27px/1.1 'VT323',monospace; margin-top: 4px; }
#everyday-handheld .ed-challenge p { font: 12px/1.5 Arial,sans-serif; margin: 6px 0; }
#everyday-handheld .ed-challenge-effect { display: block; font: 12px/1.5 Arial,sans-serif; }
#everyday-handheld .ed-choices[data-count="4"] { grid-template-columns: repeat(2,minmax(0,1fr)); }
#everyday-handheld .ed-choice .ed-choice-effect { margin-top: 9px; padding-top: 8px; border-top: 1px solid currentColor; font: 11px/1.5 Arial,sans-serif; }
#everyday-handheld[data-food-alert="true"] #ed-left, #everyday-handheld[data-work-alert="true"] #ed-center, #everyday-handheld[data-rest-alert="true"] #ed-right { border-color: #9b311e; box-shadow: inset 0 0 0 2px #ffd09a,0 0 0 3px #9b311e; }
@media(max-width:520px) { #everyday-handheld .ed-choices[data-count="4"] { grid-template-columns: 1fr; } #everyday-handheld .ed-need-number { font-size: 26px; } #everyday-handheld .ed-clock-row { gap: 8px; } }
@media(prefers-reduced-motion:reduce) { #everyday-handheld .ed-need-track span { transition: none; } }
/* The play area, current needs and deeper details reflow without duplicating controls. */
#everyday-handheld .ed-play-area, #everyday-handheld .ed-content-tray { min-width: 0; }
#everyday-handheld .ed-details-tray .ed-challenge { margin-top: 0; }
#everyday-handheld .ed-summary-tray .ed-needs-alert { margin-bottom: 0; }
@media(min-width:680px) and (max-width:959px) {
#everyday-handheld .ed-shell { max-width: 760px; }
}
@media(min-width:960px) {
#everyday-handheld { padding: 22px 12px; }
#everyday-handheld .ed-shell { max-width: 1440px; padding: 24px; border-radius: 38px; }
#everyday-handheld .ed-brand { padding: 0 8px 24px; }
#everyday-handheld #ed-game-page { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,1fr); grid-template-areas: "play overview" "play details"; grid-template-rows: auto 1fr; gap: 24px; align-items: start; }
#everyday-handheld .ed-play-area { grid-area: play; align-self: start; }
#everyday-handheld .ed-summary-tray { grid-area: overview; }
#everyday-handheld .ed-details-tray { grid-area: details; }
#everyday-handheld .ed-content-tray { margin-top: 0; }
#everyday-handheld .ed-content-tray > .ed-profile { padding: 16px 14px; }
#everyday-handheld .ed-bezel { padding: 12px; }
#everyday-handheld .ed-speech { font-size: clamp(14px,1.6vw,21px); }
#everyday-handheld .ed-physical-controls { margin: 20px 4px 23px; gap: 16px; }
#everyday-handheld .ed-action { min-height: 92px; }
#everyday-handheld .ed-inventory { grid-template-columns: repeat(6,minmax(0,1fr)); }
#everyday-handheld .ed-clock-row { gap: 10px; }
#everyday-handheld .ed-clock-main { flex: 1; display: grid; grid-template-columns: minmax(0,1fr) auto; column-gap: 12px; align-items: center; }
#everyday-handheld .ed-clock-month { grid-column: 1; font-size: 36px; }
#everyday-handheld .ed-clock-label { grid-column: 1; font-size: 26px; margin-top: 2px; }
#everyday-handheld .ed-countdown { grid-column: 2; grid-row: 1 / 3; font-size: 54px; }
#everyday-handheld .ed-pause { min-width: 80px; padding: 10px 8px; font-size: 22px; }
#everyday-handheld .ed-stats { gap: 8px; }
#everyday-handheld .ed-stat + .ed-stat { padding-left: 8px; }
#everyday-handheld .ed-stat span { font-size: 14px; }
#everyday-handheld .ed-need-label { font-size: 22px; }
#everyday-handheld .ed-need-number { font-size: 34px; }
#everyday-handheld .ed-choices { gap: 7px; }
#everyday-handheld .ed-choice { padding: 13px 7px; overflow-wrap: anywhere; }
#everyday-handheld .ed-choice strong { font-size: 24px; }
#everyday-handheld .ed-about-panel { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 36px; padding: 28px; }
#everyday-handheld .ed-about-panel > :not(.ed-about-section) { grid-column: 1 / -1; max-width: 72ch; }
#everyday-handheld .ed-about-panel > .ed-return { justify-self: start; }
#everyday-handheld .ed-about-panel h1 { font-size: 50px; }
#everyday-handheld .ed-about-section { min-width: 0; align-self: start; }
#everyday-handheld .ed-about-section[aria-labelledby="ed-how-to-play"] { grid-column: 1 / -1; }
#everyday-handheld .ed-tutorial { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 38px; }
}
@media(min-width:1200px) {
#everyday-handheld .ed-shell { padding: 28px; }
#everyday-handheld #ed-game-page { grid-template-columns: minmax(0,1.18fr) minmax(0,1fr); gap: 30px; }
#everyday-handheld .ed-content-tray > .ed-profile { padding: 18px; }
#everyday-handheld .ed-clock-month { font-size: 42px; }
#everyday-handheld .ed-clock-label { font-size: 30px; }
#everyday-handheld .ed-countdown { font-size: 62px; }
#everyday-handheld .ed-action { min-height: 104px; }
#everyday-handheld .ed-action-label { font-size: 29px; }
#everyday-handheld .ed-choice strong { font-size: 27px; }
#everyday-handheld .ed-choice small { font-size: 17px; }
#everyday-handheld .ed-choice .ed-choice-effect { font-size: 12px; }
#everyday-handheld .ed-item-label { font-size: 18px; }
}
@media(min-width:1280px) {
#everyday-handheld .ed-shell { max-width: 1760px; padding: 26px; }
#everyday-handheld #ed-game-page { grid-template-columns: minmax(0,1.12fr) minmax(0,1fr) minmax(0,1fr); grid-template-areas: "play overview details"; grid-template-rows: auto; gap: 20px; }
#everyday-handheld .ed-content-tray > .ed-profile { padding: 16px 14px; }
#everyday-handheld .ed-clock-row { flex-wrap: wrap; }
#everyday-handheld .ed-clock-main { flex: 1 1 235px; }
#everyday-handheld .ed-pause { margin-left: auto; }
#everyday-handheld .ed-scenario-grid { grid-template-columns: 1fr; }
}
@media(min-width:1600px) {
#everyday-handheld #ed-game-page { gap: 26px; }
#everyday-handheld .ed-content-tray > .ed-profile { padding: 18px; }
#everyday-handheld .ed-scenario-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(min-width:960px) and (min-height:920px) {
#everyday-handheld .ed-play-area { position: sticky; top: 20px; }
}