:root{font-family:Georgia,Times New Roman,serif;color:#f5e8c7;background:#140f0a}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#2b2015,#0f0a06 60%);color:#f5e8c7}.app-shell{min-height:100vh}.topbar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5rem 1rem;padding:1.5rem 1rem .5rem}.topbar h1{margin:0;color:#f2c66d;letter-spacing:.04em}.topbar .mode-link{justify-self:end}.topbar p{grid-column:1 / -1;margin:.4rem 0 0;opacity:.85}.title-container{flex-direction:column;display:flex;align-items:center;gap:.5rem}.main-content{width:min(960px,100%);margin:0 auto;padding:1rem}.mode-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.mode-link{color:#ffd88a}.mode-link:hover{color:#ffe7b8}.panel{background:#1c140e;border:1px solid #8e6d34;border-radius:12px;padding:1rem;margin-top:1rem}.guess-box{display:grid;gap:.75rem;margin-bottom:1.2rem}input[type=text],input[type=number]{width:100%;border:1px solid #6f5630;background:#0f0a06;color:#fff2d2;border-radius:8px;padding:.7rem .8rem}button{cursor:pointer}.accent-button,.secondary-button{border:1px solid #9f7b3e;border-radius:10px;padding:.7rem 1rem;font-weight:700}.accent-button{background:linear-gradient(180deg,#f2c66d,#c3933f);color:#1f1309}.secondary-button{background:#2a1e13;color:#f5e8c7}.accent-button:disabled{opacity:.55;cursor:not-allowed}.filters{display:grid;gap:1rem}.language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem}.year-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem}.year-slider{position:relative;height:2rem}.year-slider input[type=range]{position:absolute;width:100%;top:0;right:0;bottom:0;left:0;background:transparent;pointer-events:none}.year-slider input[type=range]::-webkit-slider-thumb{pointer-events:auto}.year-slider input[type=range]::-moz-range-thumb{pointer-events:auto}.practice-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.win-panel{border:1px solid #f2c66d;border-radius:10px;background:#2a1f12;padding:.9rem;margin-bottom:1rem}.win-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:.25rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #4f3b1d;text-align:left;padding:.6rem}.good{color:#7be495;font-weight:700}.bad{color:#ff8f8f;font-weight:700}.empty-pool{color:#ff8f8f}@media (max-width: 640px){.topbar{grid-template-columns:1fr auto;padding-top:1rem}.topbar .mode-link{width:2.7rem;height:2.7rem;padding:0;border:1px solid #9f7b3e;border-radius:.75rem;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;font-size:0;color:transparent;background:linear-gradient(180deg,#f2c66d,#c3933f);position:relative}.topbar .mode-link:before{content:"";width:1.25rem;height:1.25rem;background-color:#1f1309}.topbar .mode-link--practice:before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6v12'/%3E%3Cpath d='M18 6v12'/%3E%3Cpath d='M3 10h3v4H3z'/%3E%3Cpath d='M18 10h3v4h-3z'/%3E%3Cpath d='M9 11h6v2H9z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6v12'/%3E%3Cpath d='M18 6v12'/%3E%3Cpath d='M3 10h3v4H3z'/%3E%3Cpath d='M18 10h3v4h-3z'/%3E%3Cpath d='M9 11h6v2H9z'/%3E%3C/svg%3E") center / contain no-repeat}.topbar .mode-link--home:before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11.5 12 4l9 7.5'/%3E%3Cpath d='M5 10.5V20h14v-9.5'/%3E%3Cpath d='M10 20v-6h4v6'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11.5 12 4l9 7.5'/%3E%3Cpath d='M5 10.5V20h14v-9.5'/%3E%3Cpath d='M10 20v-6h4v6'/%3E%3C/svg%3E") center / contain no-repeat}th,td{font-size:.92rem}}