:root{--p1-color: #ff2e00;--p2-color: #00a8ff;--p3-color: #ffd400;--p4-color: #00e640;--bg-color: #fff8e7;--border-dark: #231f20;--retro-shadow: 8px 8px 0px var(--border-dark)}body{margin:0;padding:0;background-color:beige;background-image:linear-gradient(black 1px,transparent 1px),linear-gradient(90deg,black 1px,transparent 1px),conic-gradient(#ffe135 90deg,beige 90deg 180deg,#ffe135 180deg 270deg,beige 270deg);background-size:45px 45px,45px 45px,90px 90px;background-position:0 0;font-family:Instrument Sans,sans-serif;color:var(--border-dark);display:flex;justify-content:center;align-items:center;min-height:100vh}.gameWrapper{width:100%;max-width:1200px;padding:40px;box-sizing:border-box}.startCard{background:#fff;border:4px solid var(--border-dark);box-shadow:var(--retro-shadow);padding:3rem;max-width:600px;margin:0 auto;text-align:center}.gameHeader h3{font-family:Lakki Reddy,display;font-size:4rem;margin:0;color:var(--p1-color);text-shadow:3px 3px 0px var(--p3-color);text-transform:uppercase;letter-spacing:2px;line-height:1}.gameHeader p{font-size:1.25rem;background-color:var(--p3-color);padding:10px;border:2px dashed var(--border-dark);font-weight:700;margin-top:1rem}.gameControls{margin-top:2rem;padding:2rem;background-color:#eee;border:4px solid var(--border-dark);border-radius:20px}.playerSelect label{font-family:Darumadrop One,display;font-size:1.5rem;display:block;margin-bottom:1rem}select{font-family:Instrument Sans,sans-serif;font-size:1.2rem;padding:10px;border:3px solid var(--border-dark);background-color:#fff;cursor:pointer;width:100%}.playButton{background-color:var(--p2-color);color:#fff;font-family:Darumadrop One,display;font-weight:2000;font-size:2rem;border:4px solid var(--border-dark);padding:1rem 2rem;margin-top:1rem;cursor:pointer;box-shadow:4px 4px 0 var(--border-dark);transition:all .1s;width:100%}.playButton:active{transform:translate(4px,4px);box-shadow:none}.boardContainer{background:#fff;border:6px solid var(--border-dark);padding:20px;box-shadow:var(--retro-shadow);width:100%}.boardHeader{background-color:var(--border-dark);color:#fff;text-align:center;padding:25px 10px 10px;margin-bottom:20px;border:4px solid var(--border-dark)}.boardHeader h3{font-family:Lakki Reddy,display;font-size:2.5rem;margin:0;letter-spacing:4px}.playerColumns{display:flex;justify-content:space-around;gap:20px;width:100%}.playerColumn{width:350px;border:4px solid var(--border-dark);background-color:#fff;display:flex;flex-direction:column;height:60vh;min-height:500px}.player-1{box-shadow:10px 10px 0 var(--p1-color)}.player-1 .playerTokenHeader{background-color:var(--p1-color);color:#fff}.player-2{box-shadow:10px 10px 0 var(--p2-color)}.player-2 .playerTokenHeader{background-color:var(--p2-color);color:#fff}.player-3{box-shadow:10px 10px 0 var(--p3-color)}.player-3 .playerTokenHeader{background-color:var(--p3-color);color:#000}.player-4{box-shadow:10px 10px 0 var(--p4-color)}.player-4 .playerTokenHeader{background-color:var(--p4-color);color:#000}.playerTokenHeader{display:flex;justify-content:center;align-items:center;padding:15px;font-family:Darumadrop One,display;font-size:1.8rem;border-bottom:4px solid var(--border-dark);text-transform:uppercase}.tokenIcon{font-size:2rem;margin:0 10px 8px 0}.storyList{list-style:none;margin:0;padding:15px;overflow-y:scroll;flex-grow:1;display:flex;flex-direction:column}.storyList::-webkit-scrollbar{width:12px}.storyList::-webkit-scrollbar-track{background:#eee;border-left:2px solid var(--border-dark)}.storyList::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:0}.storyList li{font-size:1.1rem;margin-bottom:10px;padding:10px;background-color:#f9f9f9;border:2px solid #ddd;border-radius:8px;line-height:1.3}.storyList li:last-child{border-color:var(--border-dark);background-color:#fff;font-weight:700;box-shadow:3px 3px #0000001a}.winner-modal-overlay{position:fixed;inset:0;width:100%;height:100%;background-color:#000c;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .3s ease,visibility .3s ease}.winner-modal-box{background:#fff;border:4px solid var(--border-dark);box-shadow:var(--retro-shadow);padding:2rem 3.5rem;font-family:Darumadrop One,display;font-size:4rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.againButton{margin-bottom:1.6rem}
