@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6d93bde91c0c2823-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_d65c78{font-family:Inter,Inter Fallback;font-style:normal}@tailwind base;@tailwind components;@tailwind utilities;:root{--background-color:#87CEEB;--panel-color:#666677;--button-color:#DDDDDD;--button-hover-color:#FFFFFF;--text-color:#FFFFFF;--progress-good:#00FF00;--progress-medium:#FFFF00;--progress-bad:#FF0000}body{background-color:var(--background-color);font-family:Press Start\ 2P,system-ui,sans-serif;color:var(--text-color);image-rendering:pixelated}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background-image:url(/images/background.png);background-repeat:repeat-x;background-position:bottom;width:100%;box-sizing:border-box}.game-over-screen,.scenario-container,.start-screen,.tutorial-screen{background-color:var(--panel-color);border:4px solid #444455;padding:2rem;border-radius:4px;max-width:600px;width:100%;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.1);box-sizing:border-box}.game-title{font-size:2.5rem;margin-bottom:2rem;color:#FFDD00;text-shadow:2px 2px 0 #000}.high-score{font-size:1rem;margin-bottom:2rem}.game-button{background-color:var(--button-color);border:none;padding:.75rem 1.5rem;margin:.5rem;font-family:Press Start\ 2P,system-ui,sans-serif;font-size:1rem;cursor:pointer;color:#333;width:100%;transition:background-color .2s}.game-button:hover{background-color:var(--button-hover-color)}.game-header{background-color:var(--panel-color);padding:1rem;border-radius:4px;margin-bottom:1rem;width:100%;max-width:600px;box-shadow:4px 4px 0 rgba(0,0,0,.2);border:3px solid #444455;box-sizing:border-box}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%}.metric{display:flex;flex-direction:column;margin-bottom:.5rem;padding:.5rem;border-radius:4px;align-items:center}.metric-label{font-size:.8rem;margin-bottom:.25rem}.metric-value{font-size:1.5rem;font-weight:700}.pixel-face{display:inline-block;image-rendering:pixelated;width:40px;height:40px}.pixel-face svg{width:100%;height:100%}.pixel-face.happy svg rect:first-child{fill:#7FFF00}.pixel-face.neutral svg rect:first-child{fill:#FFFF00}.pixel-face.sad svg rect:first-child{fill:#FF6347}@keyframes pixelPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.animate-pixel-pulse{animation:pixelPulse .5s ease-in-out infinite}@keyframes valueIncrease{0%{color:#FFFFFF}50%{color:#00FF00}to{color:#FFFFFF}}@keyframes valueDecrease{0%{color:#FFFFFF}50%{color:#FF0000}to{color:#FFFFFF}}@keyframes yearChange{0%{color:#FFFFFF;transform:scale(1)}25%{color:#FFA500;transform:scale(1.2)}50%{color:#FFFF00;transform:scale(1.3)}75%{color:#FFA500;transform:scale(1.2)}to{color:#FFFFFF;transform:scale(1)}}.value-increase{animation:valueIncrease .8s ease-in-out}.value-decrease{animation:valueDecrease .8s ease-in-out}.year-change-animation{animation:yearChange 1.2s ease-in-out;animation-fill-mode:forwards}.progress-bar{height:1rem;background-color:#444;border-radius:2px;overflow:hidden}.progress{height:100%;background-color:var(--progress-good);transition:width .3s ease}.date{flex-direction:column;font-size:.8rem}.character,.date{display:flex;align-items:center}.character{margin-bottom:1rem}.character-portrait{width:80px;height:80px;background-color:#333;margin-right:1rem;border:2px solid #222}.placeholder-portrait{width:100%;height:100%;background-color:#FF9999;display:flex;align-items:center;justify-content:center}.character-info{text-align:left}.character-info h3{margin:0;font-size:1rem}.character-info p{margin:0;font-size:.8rem;opacity:.8}.scenario-text{background-color:#FFFFFF;color:#000000;padding:1rem;margin-bottom:1rem;text-align:left;min-height:100px}.options{display:flex;flex-direction:column;gap:.5rem}.option-button{background-color:var(--button-color);border:none;padding:.75rem 1rem;font-family:Press Start\ 2P,system-ui,sans-serif;font-size:.8rem;cursor:pointer;color:#333;text-align:left;transition:background-color .2s}.option-button:hover{background-color:var(--button-hover-color)}.header{background-color:white;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1000}.header-content{max-width:1200px;margin:0 auto;padding:1rem;display:flex;justify-content:space-between;align-items:center}.logo{cursor:pointer;transition:opacity .2s}.logo:hover{opacity:.8}.nav-links{display:flex;gap:2rem}@media (max-width:768px){.header-content{flex-direction:column;padding:.5rem}.nav-links{margin-top:1rem;gap:1rem;flex-wrap:wrap;justify-content:center}.logo{margin-bottom:.5rem}.game-over-screen,.scenario-container,.start-screen,.tutorial-screen{padding:1rem;max-width:100%}.game-header{max-width:100%;padding:.75rem}.game-title{font-size:1.8rem}.metrics{gap:.25rem}.metric{padding:.25rem}.metric-value{font-size:1.2rem}.metric-label,.option-button{font-size:.7rem}.option-button{padding:.5rem .75rem}}@media (max-width:480px){.game-header{display:flex;flex-direction:column}.metrics{grid-template-columns:1fr 1fr;grid-template-areas:"savings happiness" "date date" "legal legal";position:relative}.metric:first-child{grid-area:savings}.metric:nth-child(2){grid-area:happiness}.metric:nth-child(3){grid-area:legal;width:100%;margin-top:.75rem;padding:.5rem .25rem;background-color:rgba(0,0,0,.2);border-radius:4px;border:2px solid rgba(255,255,255,.1);box-shadow:0 2px 4px rgba(0,0,0,.2)}.metric:nth-child(4){grid-area:date}.date{grid-column:span 2;text-align:center;margin-top:.5rem;flex-direction:row;justify-content:center;gap:.25rem;font-size:.7rem}.pixel-face{width:32px;height:32px}.metric:nth-child(3) .progress-bar{height:1.5rem;width:100%;background-color:#333;border:1px solid #555}.metric:nth-child(3) .metric-label{text-align:center;margin-bottom:.25rem;font-weight:700;text-transform:uppercase;font-size:.7rem;letter-spacing:.05rem}.metric:nth-child(3) .progress{transition:width .5s ease}}.nav-links a{color:#333;text-decoration:none;font-weight:500;transition:color .2s}.nav-links a:hover{color:#0070f3}.modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem;overflow-y:auto}.modal-container{background-color:#666677;border:4px solid #444455;border-radius:.375rem;padding:1rem;width:100%;max-width:28rem;max-height:90vh;overflow:auto;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}@media (max-width:640px){.modal-container{max-width:95%;margin:auto}}.results-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:.5rem;overflow:hidden}.results-table th{background-color:rgba(0,0,0,.2);text-align:left;font-weight:600}.results-table td,.results-table th{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.results-table tr:hover:not(.note-row){background-color:rgba(255,255,255,.05)}.results-table .note-row{background-color:rgba(0,0,0,.1)}.results-table .note-cell{padding-top:0;padding-bottom:.75rem;font-style:italic;color:rgba(255,255,255,.7)}@media (max-width:640px){.results-table,.results-table tbody,.results-table thead{display:block;width:100%}.results-table thead tr{position:absolute;top:-9999px;left:-9999px}.results-table tbody tr{display:block;margin-bottom:.5rem;background-color:rgba(0,0,0,.1)}.results-table tbody tr:not(.note-row){border-radius:.375rem .375rem 0 0;border:1px solid rgba(255,255,255,.1)}.results-table td{display:flex;border:none;position:relative;padding-left:50%;text-align:left;min-height:2.5rem;align-items:center}.results-table td:before{content:attr(data-label);position:absolute;left:1rem;width:45%;white-space:nowrap;font-weight:600;color:rgba(255,255,255,.7)}.results-table .note-row{margin-top:-.5rem;margin-bottom:1rem;border-radius:0 0 .375rem .375rem;border:1px solid rgba(255,255,255,.1);border-top:none}.results-table .note-cell{display:block;padding:.75rem 1rem;text-align:left}.results-table .note-cell:before{display:none}}.form-input{width:100%;padding:.5rem .75rem;background-color:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1);border-radius:.25rem;color:white;transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:rgba(59,130,246,.5);box-shadow:0 0 0 2px rgba(59,130,246,.25)}.form-input::placeholder{color:rgba(255,255,255,.4)}.form-header{padding:1rem;font-weight:700;border-bottom:1px solid rgba(255,255,255,.1)}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.form-actions button{flex:1;padding:.5rem 1rem;font-weight:500;border-radius:.25rem;transition:background-color .2s}.btn-primary{background-color:#3b82f6;color:white}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#4b5563;color:white}.btn-secondary:hover{background-color:#374151}.form-error{background-color:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);color:#ef4444;padding:.75rem;margin-bottom:1rem;border-radius:.25rem;font-size:.875rem;display:flex;align-items:flex-start}.form-error svg{flex-shrink:0;margin-right:.5rem;margin-top:.125rem}.success-banner{background-color:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:1rem;margin-bottom:1rem;border-radius:.25rem;text-align:center}@media (max-width:640px){.form-header{padding:.75rem;font-size:1rem}.form-actions button,.form-input{padding:.625rem;font-size:.875rem}}