:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1a1a1a;background:#f7f7f7}body{margin:0;display:flex;align-items:center;justify-content:center;min-height:100vh}.screen{text-align:center;padding:2rem}.status{color:#666}.button{display:inline-block;padding:.6rem 1.2rem;background:#1a73e8;color:#fff;text-decoration:none;border-radius:4px;font-weight:600}.button:hover{background:#1765cc}button.button{border:none;cursor:pointer;font:inherit}.actions{display:flex;gap:1rem;justify-content:center;margin:1rem 0}.form{display:flex;flex-direction:column;gap:.75rem;max-width:20rem;margin:0 auto;text-align:left}.form label{display:flex;flex-direction:column;gap:.25rem;font-weight:600}.form input,.form select{padding:.5rem;font:inherit;border:1px solid #ccc;border-radius:4px}.form .button{border:none;font:inherit;cursor:pointer;margin-top:.5rem}.form .button:disabled{background:#9ab8e6;cursor:default}.room-code{font-size:2rem;letter-spacing:.15em;font-weight:700;margin:.25rem 0}.players{list-style:none;padding:0}.error{color:#b00020;font-weight:600}.noun{font-size:3rem;font-weight:700;margin:.5rem 0;text-transform:capitalize}.noun-description{font-size:1.1rem;font-style:italic;color:#555;margin:0 0 .5rem;max-width:34rem}.timer{font-size:2rem;font-weight:700;color:#1a73e8;margin:.25rem 0}.bar-chart{display:flex;flex-direction:column;gap:.5rem;max-width:24rem;margin:0 auto;text-align:left}.bar-chart-row{display:flex;align-items:center;gap:.5rem}.bar-chart-last{flex:0 0 2.5rem;text-align:right;font-weight:700;color:#666}.bar-chart-last.gain{color:#188038}.bar-chart-last.loss{color:#b00020}.bar-chart-label{flex:0 0 7rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-chart-track{flex:1;background:#eee;border-radius:4px;height:1.25rem;overflow:hidden}.bar-chart-bar{height:100%;background:#1a73e8;border-radius:4px;transition:width .3s ease}.bar-chart-value{flex:0 0 3rem;text-align:right;font-weight:600}.tick{color:#188038;margin-left:.25rem;font-weight:700}.ranking-list{list-style:none;padding:0;max-width:24rem;margin:0 auto;text-align:left}.ranking-list li{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:6px;font-size:1.15rem;font-weight:600}.ranking-pos{flex:0 0 1.5rem;color:#888;text-align:right}.ranking-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-score{color:#1a73e8}.ranking-list li.ranking-top{background:#fff3c4;box-shadow:inset 0 0 0 1px #e6c968}.history-button{border:none;cursor:pointer;font:inherit;margin:1rem 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:10}.modal{background:#fff;border-radius:8px;padding:1.5rem;max-width:24rem;width:100%;max-height:80vh;overflow-y:auto;text-align:left}.modal h2{margin-top:0;text-align:center}.modal-close{border:none;cursor:pointer;font:inherit;margin-top:1rem}.history-group h3{margin-bottom:.25rem}.history-list{list-style:none;padding:0;margin:0 0 1rem}.history-list li{padding:.25rem 0;border-bottom:1px solid #eee}.replay-control{margin-top:1.5rem}.replay-control .button{border:none;cursor:pointer;font:inherit}.round-result{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin:1rem 0;font-size:1.25rem}.round-delta{font-size:2.5rem;font-weight:700;color:#188038}.round-penalty{color:#b00020;font-weight:600}.round-total{color:#1a73e8;font-weight:600}