: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;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#7e7e7e,#a2a2a2)}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}}.resource-distribution{width:100%;max-width:1200px;min-height:100vh;margin:0 auto;display:flex;flex-direction:column;background:linear-gradient(135deg,#7e7e7e,#a2a2a2);color:#fff;font-family:Arial,sans-serif;position:relative;padding:0}.resource-distribution.victory{animation:victoryGlow 1s ease-in-out infinite alternate}@keyframes victoryGlow{0%{background:linear-gradient(135deg,#7e7e7e,#a2a2a2)}to{background:linear-gradient(135deg,#4caf50,#8bc34a)}}.victory-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;color:#333;padding:2rem 3rem;border-radius:20px;text-align:center;box-shadow:0 20px 60px #0000004d;z-index:2000;animation:victoryPop .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid #4caf50}.victory-message h2{margin:0 0 1rem;font-size:2rem;color:#4caf50;animation:bounce 1s ease-in-out infinite}.victory-message p{margin:.5rem 0;font-size:1.1rem;font-weight:500}@keyframes victoryPop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin:0;flex-wrap:wrap;gap:1rem}.header-controls{display:flex;align-items:center;gap:.5rem}.resource-distribution h1{margin:0;font-size:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.today-button,.random-button{background:#fff3;border:2px solid rgba(255,255,255,.4);border-radius:8px;color:#fff;padding:.5rem 1rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.today-button:hover,.random-button:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.today-button:active,.random-button:active{transform:translateY(0)}.seed-input{background:#fff3;border:2px solid rgba(255,255,255,.4);border-radius:8px;color:#fff;padding:.5rem;font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease;width:150px}.seed-input::placeholder{color:#ffffffb3}.seed-input:focus{outline:none;background:#ffffff4d;border-color:#fff9;box-shadow:0 2px 10px #0003}.game-area{flex:1;display:flex;flex-direction:column;padding:.5rem;gap:1rem;min-height:0}.sections-area{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-bottom:1rem}.section{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;min-height:150px;display:flex;flex-direction:column}.section:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.section h3{margin:0 0 .5rem;font-size:1rem;text-align:center;line-height:1.2}.points-indicator{text-align:center;font-size:.7rem;margin-bottom:1rem;opacity:.8;font-weight:700}.section-resources{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;flex:1;align-content:flex-start}.help-container{display:flex;justify-content:center;margin-bottom:1rem}.help-button{background:#fff3;border:2px solid rgba(255,255,255,.4);border-radius:8px;color:#fff;padding:.5rem 1rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.help-button:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.help-button:active{transform:translateY(0)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#fffffff2;color:#333;border-radius:15px;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem .5rem;border-bottom:2px solid rgba(0,0,0,.1);margin-bottom:1rem}.modal-header h2{margin:0;font-size:1.5rem;color:#333}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.25rem;border-radius:4px;transition:all .2s ease}.close-button:hover{background:#0000001a;color:#333}.modal-body{padding:0 1.5rem 1.5rem}.modal-body p{margin:1rem 0;font-size:1rem;line-height:1.5}.modal-body p:first-child{margin-top:0}.modal-body p:last-child{margin-bottom:0}.copy-button{background:#4caf50;border:none;border-radius:8px;color:#fff;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:1rem;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.copy-button:hover:not(:disabled){background:#45a049;transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.copy-button:active{transform:translateY(0)}.copy-button:disabled{background:#81c784;cursor:not-allowed}.resource-pool{background:#0003;border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:120px}.resource-pool h3{margin:0 0 1rem;text-align:center;font-size:1.2rem}.pool-resources{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center}.resource{width:50px;height:50px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);cursor:grab;border:2px solid rgba(255,255,255,.3);-webkit-user-select:none;user-select:none}.resource:hover:not(.dragging){transform:scale(1.1);box-shadow:0 4px 15px #0000004d;transition:all .2s ease}.resource:active{cursor:grabbing;transform:scale(.95)}.resource.dragging{opacity:.8;transform:scale(1.1);z-index:1000;box-shadow:0 8px 25px #0006}.resource{touch-action:none}.section.drag-over{background:#ffffff40;border-color:#4caf50}.resource-pool.drag-over{background:#ffffff1a;border-color:#2196f3}@media (max-width: 768px){.resource-distribution{padding:0}.header{padding:.75rem;flex-direction:column;align-items:center;text-align:center}.header-controls{flex-direction:column;gap:.5rem}.seed-input{width:120px;font-size:.9rem;padding:.4rem}.resource-distribution h1{font-size:1.4rem;margin-bottom:.5rem}.game-area{padding:.5rem;gap:.75rem}.sections-area{grid-template-columns:repeat(2,1fr);gap:.5rem}.section{padding:.5rem;min-height:120px}.section h3{font-size:.85rem;margin-bottom:.25rem}.points-indicator{font-size:.65rem;margin-bottom:.5rem}.resource{width:36px;height:36px;font-size:.9rem}.modal-content{max-width:90vw;margin:1rem}.modal-header{padding:1rem}.modal-body{padding:0 1rem 1rem}.modal-body p{font-size:.9rem}.resource-pool{padding:.5rem;min-height:100px}.resource-pool h3{font-size:1rem;margin-bottom:.5rem}}@media (max-width: 480px){.sections-area{grid-template-columns:1fr;gap:.5rem}.resource-distribution h1{font-size:1.2rem}.section{min-height:100px}.section h3{font-size:.8rem}.resource{width:32px;height:32px;font-size:.8rem}.modal-body p{font-size:.85rem}.victory-message{padding:1.5rem;margin:1rem;border-radius:15px}.victory-message h2{font-size:1.5rem}.victory-message p{font-size:1rem}}@media (max-width: 360px){.resource{width:28px;height:28px;font-size:.7rem}.section h3{font-size:.75rem;line-height:1.1}.modal-body p{font-size:.8rem}}