.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;background:#0f172a}.game-container{width:100%;max-width:600px}.game-header{text-align:center;margin-bottom:2rem}.game-header h1{font-size:2.5rem;font-weight:800;color:#38bdf8;margin-bottom:.25rem;letter-spacing:-.02em}.subtitle{color:#94a3b8;font-size:1.1rem}.victory{margin-top:1rem;padding:1rem;background:#14532d;border:1px solid #22c55e;border-radius:12px;color:#86efac;font-weight:600;font-size:1.1rem}.guess-form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;position:relative}.input-wrapper{position:relative}.input-wrapper input{width:100%;padding:.875rem 1rem;font-size:1rem;border:2px solid #334155;border-radius:12px;background:#1e293b;color:#f1f5f9;outline:none;transition:border-color .2s,box-shadow .2s}.input-wrapper input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.input-wrapper input::placeholder{color:#64748b}.input-wrapper input:disabled{opacity:.6;cursor:not-allowed}.suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#1e293b;border:1px solid #334155;border-radius:12px;list-style:none;padding:.5rem;margin:0;z-index:100;box-shadow:0 10px 25px #0006}.suggestions li{padding:.625rem .75rem;cursor:pointer;border-radius:8px;color:#e2e8f0;transition:background .15s}.suggestions li:hover{background:#334155}.error{color:#f87171;font-size:.875rem;padding:0 .25rem}.button-row{display:flex;gap:.5rem}.guess-form button{padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:12px;background:#38bdf8;color:#0f172a;cursor:pointer;transition:background .2s,transform .1s;flex:1}.guess-form button:hover:not(:disabled){background:#7dd3fc}.guess-form button:active:not(:disabled){transform:scale(.98)}.guess-form button:disabled{background:#334155;color:#64748b;cursor:not-allowed}.reset-btn{background:#22c55e!important;color:#fff!important}.reset-btn:hover{background:#4ade80!important}.stats{text-align:center;color:#94a3b8;font-size:.875rem;margin-bottom:1rem}.guesses-list{display:flex;flex-direction:column;gap:.5rem}.guess-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:12px;color:#0f172a;font-weight:600;transition:transform .15s;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.guess-row:hover{transform:translate(4px)}.guess-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guess-fylke{font-size:.8rem;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guess-distance{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.guess-direction{display:flex;align-items:center;justify-content:flex-end;gap:.25rem}.arrow{display:inline-block;font-size:1.1rem;transition:transform .3s ease}.shake{animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media (max-width: 500px){.game-header h1{font-size:1.75rem}.guess-row{grid-template-columns:1.5fr 1fr .75fr .75fr;padding:.75rem;gap:.5rem;font-size:.875rem}.guess-fylke{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}