@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101316;--surface:#181d21;--line:#30363b;--muted:#89929b;--gold:#eaba55;--green:#246347;--red:#783b3d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 28%,#30271a55,transparent 40%),var(--bg);color:#eee;font-family:Inter,Arial,sans-serif;font-size:16px}header{height:90px;border-bottom:1px solid #ffffff0d;display:flex;align-items:center;justify-content:space-between;padding:0 6%}.logo{font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;font-weight:800;letter-spacing:1px;color:#eee;text-decoration:none}.logo span{color:var(--gold)}.logo i{font-family:Inter,sans-serif;font-size:13px;font-style:normal;color:#737b82;font-weight:500;margin-left:12px;letter-spacing:2px}.help{border:1px solid #485057;border-radius:50%;background:none;width:30px;height:30px;color:#acb3b8;font-weight:bold}button{cursor:pointer;font:inherit}main{max-width:1040px;margin:0 auto;padding:43px 24px 0}.eyebrow{font-size:12px;letter-spacing:2.4px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;background:var(--gold)}nav{display:flex;margin-top:21px;border-bottom:1px solid var(--line);gap:8px}nav button{flex:1;text-align:left;border:1px solid transparent;border-bottom:0;background:transparent;color:#989ea5;padding:19px 20px 20px;border-radius:7px 7px 0 0;font-size:18px;font-weight:700;position:relative}nav b{color:#626970;font-size:12px;margin-right:12px;font-weight:500}nav small{display:block;font-size:13px;font-weight:400;margin:7px 0 0 30px;color:#747e87}nav button.active{background:linear-gradient(#eaba5511,#eaba5504);border-color:#eaba5538;color:var(--gold)}nav button.active:after{content:'';height:3px;position:absolute;bottom:-1px;left:0;right:0;background:var(--gold)}nav button.active b{color:var(--gold)}.heading{display:flex;justify-content:space-between;align-items:center;margin:39px 0 27px}.heading p:first-child{color:var(--gold);font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 10px}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:56px;line-height:1.05;letter-spacing:.1px;text-transform:uppercase;margin:0;font-weight:700}h1 em{font-style:normal;color:var(--gold)}.heading p:last-child{color:#949ca4;font-size:14px;margin:12px 0 0}.round{text-align:right;border-left:1px solid var(--line);padding-left:28px}.round span{font-size:10px;letter-spacing:1.4px;color:#828b93}.round strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:25px;font-weight:500;margin-top:7px}.play{padding:25px;background:linear-gradient(120deg,#1c2227,#171b1f);border:1px solid #343b40;border-radius:9px;box-shadow:0 16px 55px #0002}.playtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:11px;letter-spacing:1.6px;color:#b0b6bc;font-weight:600}.playtop span:last-child{letter-spacing:.5px;color:#858e96}form{display:flex;gap:12px}.searchwrap{position:relative;flex:1}.searchicon{position:absolute;left:17px;top:11px;font-size:27px;color:#848e96}input{width:100%;height:55px;background:#101518;border:1px solid #3c464e;border-radius:5px;padding:0 15px 0 49px;color:#f4f4f4;font:inherit;font-size:14px}input:focus{outline:1px solid var(--gold);border-color:var(--gold)}input::placeholder{color:#6e7b86}.submit{border:0;border-radius:5px;padding:0 29px;background:var(--gold);color:#1c1b15;font-size:13px;font-weight:800;letter-spacing:1px;min-width:143px}.submit span{padding-left:23px;font-size:21px}.submit:hover{background:#ffd078}button:disabled{opacity:.5;cursor:default}#suggestions{position:absolute;top:60px;width:100%;z-index:4;background:#20272d;border:1px solid #454e56;border-radius:5px;max-height:285px;overflow:auto;box-shadow:0 12px 30px #0008}#suggestions:empty{display:none}.option{width:100%;text-align:left;border:0;border-bottom:1px solid #ffffff0c;padding:8px 15px;background:transparent;color:#eee;display:flex;align-items:center;gap:15px;font-size:14px}.option:hover,.option:focus{background:#363d42}.option img{width:65px;height:42px;object-fit:contain}.option small{display:block;color:#98a1a9;font-size:12px;margin-top:4px}#message{color:var(--gold);font-size:14px;margin:12px 0 0;line-height:1.5}#message:empty{display:none}#empty{display:flex;align-items:center;justify-content:center;gap:15px;padding:42px 0 27px;color:#6a757f}#empty>span:first-child{font-size:36px;font-weight:400;color:#545f68}#empty p{font-size:14px;margin:0;color:#969fa8}#empty small{display:block;margin-top:7px;color:#616e79;font-size:12px}.emptyarrow{font-size:27px;transform:rotate(-20deg);margin-left:22px;color:#555e66}.legend{display:flex;justify-content:space-between;align-items:center;margin:23px 0 0;padding:0 2px;font-size:12px;color:#929da6}.legend>span{font-size:10px;letter-spacing:1.4px}.legend>div{display:flex;align-items:center;gap:8px}.legend i{width:10px;height:10px;border-radius:2px;margin-left:13px}.correct{background:var(--green)}.wrong{background:var(--red)}.partial{background:#82672e}.legend b{margin-left:15px;color:#ddd}footer{display:flex;align-items:center;border-top:1px solid #ffffff0d;margin-top:74px;padding:23px 0 30px;gap:20px}footer .logo{font-size:21px;opacity:.65}footer p{font-size:12px;color:#616e78}footer small{font-size:11px;color:#525d66;margin-left:auto}.guesscard{background:#10161a;padding:16px;border-radius:6px;margin-top:17px;border:1px solid #2a333b}.skinname{display:flex;align-items:center;gap:14px}.skinname img{width:75px;height:45px;object-fit:contain}.skinname strong{font-size:15px}.skinname small{display:block;color:#84949e;font-size:12px;margin-top:6px}.cells{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:13px}.cell small{display:block;color:#768b98;font-size:11px;margin-bottom:6px}.cell strong{display:flex;align-items:center;justify-content:center;min-height:50px;text-align:center;padding:5px;font-size:12px;border:1px solid #ffffff20;border-radius:4px;line-height:1.35}.visualstage{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#65542c38,transparent 65%),repeating-linear-gradient(135deg,#ffffff02 0 1px,transparent 1px 22px),#141a1e;border:1px solid #313a40;border-radius:8px;margin-bottom:20px;min-height:230px;overflow:hidden}.visualstage img{max-width:440px;width:80%;height:230px;object-fit:contain}.visualstage .tag{position:absolute;left:20px;top:18px;color:#a2a9b0;font-size:11px;letter-spacing:1px}.visualstage .caption{position:absolute;bottom:15px;right:20px;font-size:12px;color:#9ea5aa}.crop{width:100%;height:270px;overflow:hidden;display:flex;align-items:center;justify-content:center}.crop img{max-width:none;width:440px;min-width:440px;transition:transform .7s;transform-origin:55% 48%}.priceguess{display:flex;justify-content:space-between;padding:15px;margin-top:12px;border-radius:4px;background:#11171b;color:#b5bec5;font-size:14px}.priceguess strong{color:var(--gold)}#again{padding:14px 20px;background:var(--gold);border:0;border-radius:5px;color:#141719;font-weight:bold;margin-top:20px}dialog{max-width:520px;background:#1b2228;color:#c4ccd2;border:1px solid #5d6260;border-radius:9px;padding:30px;line-height:1.6}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-family:'Barlow Condensed',sans-serif;font-size:32px;line-height:1.2;color:#fff}dialog p{font-size:14px}#closeRules{float:right;background:none;border:0;color:#fff;font-size:26px}@media(max-width:650px){header{height:68px}main{padding:26px 16px 0}nav button{padding:16px 10px;font-size:15px}nav b{margin-right:4px;font-size:10px}nav small{margin-left:0;font-size:11px}h1{font-size:42px}.round{display:none}.heading{margin:28px 0 22px}.play{padding:17px}form{gap:8px}.submit{min-width:85px;padding:0 14px}.submit span{display:none}input{font-size:13px;padding-left:34px}.searchicon{left:10px}.legend{align-items:flex-start;gap:13px;flex-direction:column}.legend i:first-child{margin-left:0}.legend>div{font-size:11px;gap:5px}footer{margin-top:45px;flex-wrap:wrap;gap:8px 15px}footer small{margin-left:0;width:100%}#empty{padding:35px 0 20px}.emptyarrow{display:none}.cells{gap:4px}.cell strong{font-size:10px;min-height:57px;word-break:break-word}.cell small{font-size:10px}.guesscard{padding:10px}.playtop{font-size:9px}.visualstage .caption{font-size:10px}}

#message.success{display:inline-block;padding:9px 12px;border:1px solid #39765566;border-radius:5px;background:#24634722;color:#8ed3aa;font-size:13px}.priceguess{border:1px solid transparent}.priceguess.correct{background:#24634725;border-color:#438d6266}.priceguess.correct strong{color:#8ed3aa}.priceguess.near{background:#82672e33;border-color:#b8944266}.priceguess.near strong{color:#eaba55}.priceguess.wrong{background:#783b3d25;border-color:#a14b4e44}.priceguess.wrong strong{color:#e79b9d}

.rarity-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:inherit}.rarity-badge i{display:inline-block;width:11px;height:11px;border-radius:3px;border:1px solid #ffffff55;flex-shrink:0}.cell .rarity-badge{background:#0c111bcc;padding:5px 7px;border-radius:4px;color:#eee}.skinname small .rarity-badge,.option small .rarity-badge{font-size:inherit}#winDialog{width:min(370px,calc(100vw - 32px));max-width:370px;text-align:center;padding:28px 26px 24px;border:1px solid #eaba5555;background:radial-gradient(ellipse at 50% 0,#eaba5516,transparent 65%),#191f24;box-shadow:0 24px 90px #0009;border-radius:14px;animation:win-in .2s ease-out}#winDialog::backdrop{background:#070a0dbb;backdrop-filter:blur(4px)}#closeWin{position:absolute;top:10px;right:12px;background:none;border:0;color:#a6afb7;font-size:26px;width:32px;height:32px}.win-check{margin:0 auto 11px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #eaba5577;background:#eaba5514;border-radius:50%;color:var(--gold);font-size:24px}.win-kicker{color:var(--gold);font-size:11px!important;letter-spacing:2px;margin:0 0 5px}#winDialog h2{margin:0;font-size:34px}#winImage{width:190px;height:112px;object-fit:contain;display:block;margin:8px auto}#winSkin{font-size:16px;display:block;color:#f1f3f5}#winAttempts{color:#99a5ae;margin:7px 0 20px;font-size:14px}#winContinue{width:100%;padding:12px;border:0;border-radius:6px;background:var(--gold);color:#181c20;font-size:14px;font-weight:700}@keyframes win-in{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#winDialog{animation:none}}

.playtop #attempt.limited{font-size:12px;letter-spacing:.4px;color:var(--gold);font-weight:700;background:#eaba5512;padding:7px 10px;border:1px solid #eaba5540;border-radius:5px}.playtop #attempt.last-attempt{color:#ffc6a0;border-color:#da8c5966}.attempt-track{display:flex;gap:6px;margin:0 0 16px}.attempt-track[hidden]{display:none}.attempt-track span{flex:1;height:5px;border-radius:3px;background:var(--gold)}.attempt-track span.used{background:#394249}#winDialog.result-loss{border-color:#64727c66}.result-loss .win-check{color:#b2bec7;border-color:#71808b66;background:#71808b14}.result-loss .win-kicker{color:#aab6bf}@media(max-width:650px){.playtop{flex-wrap:wrap;gap:10px}.playtop #attempt.limited{font-size:11px}}

/* Compact spacing keeps clues and recent guesses in view. */
header{height:76px}main{max-width:1100px;padding-top:30px}nav button{padding-top:15px;padding-bottom:16px}.heading{margin:27px 0 21px}h1{font-size:50px}.play{padding:20px}.guesscard{padding:13px;margin-top:12px}.cells{margin-top:10px}.cell strong{min-height:43px}footer{margin-top:45px}.play .legend{margin:17px 0 4px;padding:11px 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;gap:10px}.play .legend>div{flex-wrap:wrap;row-gap:8px}.play .legend>span{white-space:nowrap}@media(max-width:650px){header{height:64px}main{padding:20px 16px 0}h1{font-size:38px}.heading{margin:22px 0 18px}.play{padding:15px}.guesscard{padding:10px}.cell strong{min-height:51px}.play .legend{gap:9px}.play .legend>div{font-size:12px}.legend i{margin-left:7px}.legend b{margin-left:7px}}

/* Supplied CS2 artwork stays behind every game surface. */
body{background:#101316;isolation:isolate}body::before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:url('images/cs2-background.png') center center/cover no-repeat}body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(9,14,19,.76),rgba(10,15,19,.8) 47%,rgba(19,16,10,.67)),linear-gradient(0deg,rgba(9,13,17,.85),transparent 70%)}header{background:#0b1018a6;border-bottom-color:#ffffff12}nav{background:#11171ccb;border-radius:7px 7px 0 0}.heading{text-shadow:0 2px 18px #0008}.play{background:linear-gradient(120deg,#1c2227f5,#171b1ff5);box-shadow:0 16px 55px #0005}.cell{transform-origin:center;position:relative}.cell:has(strong){isolation:isolate}@media(max-width:650px){body::before{background-position:38% center}body::after{background:linear-gradient(180deg,#0b1019b0,#0b1019dc 60%,#0b1019ef)}}

.cell.pending strong{visibility:hidden}.cell.pending:after{content:'?';position:absolute;left:0;right:0;bottom:0;min-height:43px;display:flex;align-items:center;justify-content:center;border:1px solid #46515b;border-radius:4px;background:#202930;color:#82909b;font-size:18px;font-weight:600;box-sizing:border-box}.cell{z-index:0}.cell:not(.pending){z-index:1}@media(max-width:650px){.cell.pending:after{min-height:51px}}

.visualstage .caption{line-height:1.5;text-align:right;max-width:calc(100% - 40px)}#priceSource{display:block;font-size:13px;color:var(--gold);margin:0 0 16px}#priceSource[hidden]{display:none}