*{box-sizing:border-box}body{margin:0;background:#190f17;color:#fff5e6;font-family:Inter,Leelawadee UI,system-ui,sans-serif;color-scheme:dark;background-image:radial-gradient(ellipse at 80% 0%,#562236 0%,transparent 580px)}.pred{max-width:1240px;margin:auto;padding:22px clamp(14px,4vw,56px) 64px}.pred header,.pred-tools,.pred-group h2{display:flex;align-items:center;justify-content:space-between;gap:12px}.pred header{padding-bottom:16px;border-bottom:1px solid #67404a;font-size:.9rem}.pred a{color:#f4d18c}.pred h1{margin:32px 0 0;font-size:clamp(2.6rem,6vw,5rem);letter-spacing:-.05em;line-height:1.15}.pred em{color:#f4d18c;font-style:normal}.pred-intro{font-size:1.15rem;margin:6px 0 28px;color:#e5c8bd}.pred-masthead{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:clamp(18px,3vw,36px);margin:20px 0;border:1px solid #966849;background:linear-gradient(112deg,#59192f,#351625 56%,#25151f)}.pred-masthead:after{content:"";position:absolute;z-index:-1;inset:0 0 0 44%;background:repeating-linear-gradient(132deg,transparent 0 84px,#ab78573b 84px 85px,transparent 85px 92px,#ab785735 92px 93px,transparent 93px 184px)}.pred-masthead h1{margin:4px 0 0}.pred-masthead .pred-intro{margin:0;font-size:clamp(.8rem,1.6vw,1.1rem);color:#f1d3ac}.pred-year{font:italic 500 clamp(2.2rem,7vw,5.7rem)/1 Georgia,serif;letter-spacing:-.06em;color:#efcb91}.pred-tools{flex-wrap:wrap;padding:4px 0}.pred-tools strong{font-size:1.25rem}.pred-progress{display:flex;gap:8px;align-items:center;margin-inline-start:auto;font-size:.88rem;font-variant-numeric:tabular-nums}.pred-progress progress{width:clamp(44px,9vw,120px);height:6px;accent-color:#edc17e}.pred-tools a{font-size:.88rem;text-underline-offset:4px}.pred-picked{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 12px;background:#57303c;border-inline-start:3px solid #f4d18c}.pred-pool{border:1px solid #6c4550;border-radius:10px;background:#2c1a24;margin:12px 0 20px;padding:12px}.pred-pool summary{cursor:pointer;min-height:36px;padding:6px 0;font-weight:650;color:#f5ddaf}.pred-return-target{outline:2px dashed #f4d18c;background:#55313a}.pred-return-target>*{pointer-events:none}.pred-filter,.pred-portraits{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pred-portraits{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));max-height:182px;overflow:auto;scrollbar-color:#976a72 #291a24;padding:3px}.pred-portraits button{width:100%;position:relative;display:grid;justify-items:center;gap:4px;font-size:.8rem;cursor:grab}.pred-portraits img{pointer-events:none;width:48px;height:48px;border-radius:5px;object-fit:cover}.pred button,.pred input,.pred select{font:inherit;color:inherit;background:#31212a;border:1px solid #87606a;border-radius:6px;padding:8px;min-width:0}.pred button{cursor:pointer}.pred button:disabled{opacity:.55;cursor:default}.pred .pred-portraits button{font-size:.78rem;padding:5px 2px;cursor:grab}.pred .pred-portraits button:disabled{cursor:default}.pred-portraits button small{position:absolute;inset:29px 2px auto;background:#34202ae8;font-size:.7rem}.pred-filter input{flex:1}.pred :is(button,a.primary):not(:disabled):hover{border-color:#f1c985}.pred :focus-visible{outline:3px solid #ffe2a8;outline-offset:2px}.pred button[aria-pressed=true]{border-color:#ffe2a8;background:#623743}.pred-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pred-group{--tint: #f4d18c;background:#291923;border-radius:12px;padding:12px;border-top:4px solid var(--tint)}.group-1{--tint: #f1b5b1}.group-2{--tint: #d8c2e6}.pred-group h2{font-size:1.25rem;margin:2px 0 16px;color:var(--tint)}.pred-group small{display:block;font-size:.75rem;letter-spacing:0}.pred-group ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}.pred-group li{display:grid;grid-template-columns:40px 40px minmax(0,1fr);align-items:center;gap:7px;background:#38252f;border:1px solid #583743;padding:6px;border-radius:6px;min-height:54px}.pred-group .center{border-color:var(--tint);box-shadow:0 4px color-mix(in srgb,var(--tint) 35%,#190f17);margin-bottom:5px;background:linear-gradient(115deg,color-mix(in srgb,var(--tint) 15%,#38252f),#38252f)}.pred-group li:has(.pred-remove){grid-template-columns:40px 40px minmax(0,1fr) auto}.pred .pred-remove{padding:6px;font-size:.8rem}.pred-number{text-align:center;color:var(--tint);font-variant-numeric:tabular-nums}.pred-group li img,.pred-empty{width:40px;height:40px;border-radius:4px;object-fit:cover}.pred-empty{display:grid;place-items:center;color:#c2a797;border:1px dashed #906b6d}.pred-group li img[draggable=true]{cursor:grab}.pred-group select{width:100%;font-size:.85rem;min-height:42px;padding:8px 4px}.pred-submit{margin:24px 0;background:#311d28;padding:18px;border-radius:10px;border:1px solid #795344}.pred form.pred-submit{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.pred form.pred-submit label{display:grid;gap:5px;width:min(100%,320px)}.pred form.pred-submit input{width:100%;margin:0}.pred form.pred-submit p{margin:0}.pred form.pred-submit small{width:100%;color:#e4c8bd}.pred form.pred-submit p[role=status]{width:100%;color:#f4d18c}.pred-share-image a,.pred .primary,.pred .pred-remove{min-height:44px}.pred-share-image>img{display:block;width:min(100%,780px);height:auto;margin:auto;border:1px solid #6c4550}.pred-share-image>div{display:flex;gap:10px;justify-content:center;margin:16px 0}.pred-share-image a{text-decoration:none;border-radius:6px;padding:8px 14px}.pred-submit input,.pred label input{margin-left:8px}.pred .primary{background:#f4d18c;border-color:#f4d18c;color:#382020;font-weight:700}.pred-tabs{display:none}.admin-search{padding:18px;border:1px solid #795344;border-radius:10px;background:#301c27}.admin-search label{display:block;margin-bottom:8px;font-weight:650}.admin-search>div,.admin-list-heading,.admin-rank-heading,.admin-pages{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-search input{flex:1;min-height:44px}.admin-list-heading,.admin-rank-heading{justify-content:space-between}.admin-list-heading{margin:24px 0 10px}.admin-list-heading h2{margin:0;font-size:1.25rem}.admin-list-heading span,.admin-entry time{font-size:.9rem;color:#e4c8bd}.admin-submissions{display:grid;gap:8px}.admin-submissions article{border:1px solid #68404d;border-radius:8px;overflow:hidden}.pred .admin-entry{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;width:100%;padding:12px 16px;text-align:start;border:none;border-radius:0;background:#30212b}.pred .admin-entry:focus-visible{outline-offset:-3px}.admin-entry span{color:#f4d18c}.pred .admin-entry[aria-expanded=true],.pred .admin-entry:hover{background:#52303b}.admin-ranks{padding:14px}.admin-rank-heading{margin-bottom:12px}.admin-ranks table{table-layout:fixed;margin:0}.admin-ranks th{color:#f4d18c}.admin-ranks td div{display:flex;align-items:center;gap:8px;min-height:36px}.admin-ranks td b{color:#eacb9f;min-width:3ch;font-variant-numeric:tabular-nums}.admin-ranks img{width:34px;height:34px;border-radius:4px;object-fit:cover}.admin-ranks td span{overflow-wrap:anywhere}.admin-pages{justify-content:center;margin-top:16px}.admin-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:600px){.pred .admin-entry{grid-template-columns:1fr auto;gap:3px 8px}.admin-entry time{grid-column:1;grid-row:2}.admin-entry span{grid-column:2;grid-row:1 / 3}.admin-ranks{padding:8px}.admin-ranks td div{flex-wrap:wrap;gap:3px}.admin-ranks td span{width:100%}}.pred table{margin:16px 0;border-collapse:collapse;width:100%}.pred td,.pred th{text-align:left;border-bottom:1px solid #68404d;padding:8px}@media(max-width:860px){.pred-grid{display:block}.pred-group:not(.visible){display:none}.pred-tabs{display:flex;position:sticky;z-index:2;top:0;padding:6px 0;background:#241520;gap:4px;margin-bottom:14px}.pred-tabs button{flex:1;font-size:.85rem;min-height:44px}.pred-portraits{max-height:162px}.pred .pred-group select,.pred .pred-filter input,.pred-submit input{font-size:1rem}.pred-tools a{padding:6px 0}.pred th,.pred td{padding:5px;font-size:.85rem}}@media(prefers-reduced-motion:no-preference){.pred-group img[draggable=true]:hover{transform:translateY(-2px);transition:transform .15s ease}}.admin-ranking-info{margin:24px 0;padding:18px;border:1px solid #68404d;border-radius:8px}.admin-ranking-info p{line-height:1.7;color:#e0c5b8}.admin-view-tabs{display:flex;flex-wrap:wrap;gap:8px}.admin-view-tabs [aria-pressed=true]{background:#efd09c;color:#281923}.admin-score{display:block;font-variant-numeric:tabular-nums;line-height:1.7}.admin-result-editor>summary{font-weight:700}
