:root{--tm-red: #b01b2e;--tm-red-dark: #8a1524;--tm-gold: #d4af37;--tm-black: #222222;--tm-paper: #fdf6e3;--tm-shadow: 0 4px 6px rgba(0, 0, 0, .3);--font-main: "Courier New", Courier, monospace}body{background-color:var(--tm-black);font-family:var(--font-main);color:#fff;display:flex;flex-direction:column;align-items:center;min-height:100vh;margin:0;padding:20px;box-sizing:border-box}h1{color:var(--tm-gold);text-transform:uppercase;letter-spacing:2px;text-align:center;text-shadow:2px 2px 0px #000;margin-bottom:10px;font-size:2.5rem;border-bottom:3px solid var(--tm-red);padding-bottom:10px}.header-text{background-color:var(--tm-paper);color:#333;padding:25px;max-width:800px;border-radius:2px;box-shadow:var(--tm-shadow);line-height:1.6;font-size:1.1rem;margin-bottom:30px;border-left:5px solid var(--tm-red);position:relative}.header-text:before{content:"TASK";position:absolute;top:-15px;right:-15px;background-color:var(--tm-red);color:#fff;padding:10px 15px;border-radius:50%;font-weight:700;font-size:.8rem;box-shadow:2px 2px 5px #0006;transform:rotate(15deg)}#gamebox{width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeIn .5s ease-in}.gametext{font-size:1.3rem;text-align:left;width:100%;max-width:650px;margin:0 auto 20px;color:#fff;line-height:1.5}button{background-color:var(--tm-red);color:#fff;border:2px solid white;padding:15px 25px;font-family:var(--font-main);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:var(--tm-shadow);border-radius:50px;text-transform:uppercase;margin:5px}button:hover{background-color:var(--tm-red-dark);transform:scale(1.05);border-color:var(--tm-gold)}button:active{transform:scale(.95)}.character_button{background-color:#fdf6e3;border:1px solid #ccc;color:inherit;cursor:pointer;padding:10px 10px 45px;box-shadow:3px 3px 8px #0006;border-radius:2px;transform:rotate(-2deg);transition:all .3s cubic-bezier(.175,.885,.32,1.275);min-width:auto;margin:10px;position:relative}.character_button:nth-child(2n){transform:rotate(2deg)}.character_button img{display:block;border:1px solid #333;filter:sepia(.3) contrast(1.1);transition:filter .3s ease;object-fit:cover}.character_button:hover{transform:scale(1.15) rotate(0) translateY(-5px);z-index:100;background-color:var(--tm-gold);box-shadow:0 15px 25px #00000080;border-color:#aa8c2c}.character_button:hover img{filter:none;border-color:#000}.character_button:focus{outline:none;border-color:var(--tm-gold);box-shadow:0 0 0 4px var(--tm-red)}.value_input_container{background-color:#333;padding:15px;border-radius:8px;width:100%;max-width:500px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--tm-gold);margin-bottom:10px}.value_slider{flex-grow:1;margin:0 15px;-webkit-appearance:none;height:8px;background:#555;border-radius:5px;outline:none}.value_slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:var(--tm-gold);cursor:pointer;border:2px solid white}.value_input_container span{font-size:1.5rem;color:var(--tm-gold);font-weight:700;min-width:40px;text-align:right}table{width:100%;border-collapse:collapse;background-color:var(--tm-paper);color:#000;box-shadow:var(--tm-shadow);border-radius:4px;overflow:hidden;margin-bottom:20px;font-size:.9rem}th{background-color:var(--tm-black);color:var(--tm-gold);padding:15px;text-align:left;border-bottom:4px solid var(--tm-red)}td{padding:12px 15px;border-bottom:1px solid #ddd}tr:nth-child(2n){background-color:#f2f2f2}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){h1{font-size:1.8rem}.value_input_container{flex-direction:column;align-items:stretch;gap:10px}.value_input_container span{text-align:center}table{font-size:.75rem}th,td{padding:8px}}.button-row{display:flex;flex-direction:row;gap:20px;justify-content:center;flex-wrap:wrap;width:100%}.user-row{font-weight:700;color:var(--tm-red);background-color:#e6e6e6}.polaroid-caption{position:absolute;bottom:10px;left:0;width:100%;text-align:center;color:#222;font-family:Courier New,Courier,monospace;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px;box-sizing:border-box}
