*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#f4f4f4;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}main{padding:30px}.game-page{width:100vw;height:100vh;padding:0;overflow:hidden}.game-viewport-section{background:#111;width:100%;height:100%;position:relative}.game-viewport{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#111;position:absolute;inset:0;overflow:hidden}.game-viewport.dragging{cursor:grabbing}.game-image{transform-origin:50%;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform;width:auto;max-width:none;height:auto;max-height:none;position:absolute;top:50%;left:50%}.viewport-center-marker{color:#fff;pointer-events:none;opacity:.5;justify-content:center;align-items:center;width:20px;height:20px;font-size:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.viewport-controls{z-index:20;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.viewport-controls button{color:#fff;cursor:pointer;background:#292929;border:0;border-radius:6px;min-width:38px;height:34px}.viewport-controls button:hover:not(:disabled){background:#3a3a3a}.viewport-controls button:disabled{opacity:.35;cursor:not-allowed}.zoom-level{text-align:center;min-width:55px;font-size:14px}.game-hud{z-index:50;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ae0;border-bottom:1px solid #ffffff1f;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:12px 20px;display:grid;position:absolute;top:0;left:0;right:0}.game-hud-left{flex-direction:column;gap:4px;display:flex}.game-title{letter-spacing:.08em;font-size:18px;font-weight:700}.game-instructions{color:#aaa;font-size:12px}.game-hud-center{flex-direction:column;align-items:center;gap:5px;display:flex}.find-label{letter-spacing:.15em;color:#888;font-size:10px;font-weight:700}.character-list{align-items:center;gap:12px;display:flex}.character-card{color:#ddd;flex-direction:column;align-items:center;gap:3px;width:68px;display:flex;position:relative}.character-card-image{background:#222;border:2px solid #ffffff40;border-radius:8px;width:52px;height:52px;transition:border-color .15s,transform .15s;overflow:hidden}.character-card-image img{object-fit:contain;width:100%;height:100%;display:block}.character-card-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.05em;color:#999;max-width:100%;font-size:9px;font-weight:700;overflow:hidden}.character-card.found .character-card-image{border-color:#28c45a}.character-card.found .character-card-name{color:#28c45a}.game-hud-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.timer{font-family:monospace;font-size:20px;font-weight:700}.progress{color:#aaa;font-size:12px}.target-marker{pointer-events:none;z-index:10;width:0;height:0;position:absolute}.target-crosshair{color:#fff;background:#ffffff14;border:2px solid #fff;border-radius:4px;justify-content:center;align-items:center;width:70px;height:70px;font-size:22px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000000b3,0 4px 12px #0006}.character-menu{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414f2;border:1px solid #fff3;border-radius:10px;flex-direction:column;width:150px;padding:6px;display:flex;position:absolute;box-shadow:0 8px 25px #00000073}.character-menu button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:10px 12px;transition:background .12s,transform .12s}.character-menu button:hover{background:#ffffff1f;transform:translate(2px)}.restart-button{color:#ddd;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:5px;padding:4px 8px;font-size:11px}.restart-button:hover{background:#ffffff26}.game-complete-overlay{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000c7;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.game-complete-modal{color:#fff;text-align:center;background:#151515;border:1px solid #ffffff26;border-radius:16px;width:min(520px,100%);padding:45px;box-shadow:0 30px 80px #0009}.completion-eyebrow{color:#777;letter-spacing:.25em;margin-bottom:16px;font-size:11px;font-weight:700}.game-complete-modal h1{letter-spacing:-.05em;margin:0;font-size:clamp(34px,6vw,54px);line-height:.95}.game-complete-modal h1 span{color:#ddd;display:block}.completion-score{background:#0e0e0e;border-radius:10px;margin:35px 0 10px;padding:20px}.completion-score-label{color:#666;letter-spacing:.2em;margin-bottom:6px;font-size:10px;font-weight:700}.completion-time{letter-spacing:-.05em;font-family:monospace;font-size:48px;font-weight:700}.completion-world{color:#777;letter-spacing:.12em;text-transform:uppercase;margin-bottom:30px;font-size:12px}.score-form{flex-direction:column;align-items:stretch;gap:9px;display:flex}.score-form label{text-align:left;color:#777;letter-spacing:.15em;font-size:10px;font-weight:700}.score-form input{color:#fff;background:#202020;border:1px solid #ffffff26;border-radius:7px;outline:none;width:100%;padding:13px 14px;font-size:15px}.score-form input:focus{border-color:#ffffff80}.score-form input::placeholder{color:#555}.score-form button{color:#111;letter-spacing:.12em;cursor:pointer;background:#fff;border:0;border-radius:7px;margin-top:5px;padding:13px;font-size:12px;font-weight:800}.score-form button:disabled{opacity:.3;cursor:not-allowed}.score-error{color:#f99;background:#ff46461a;border-radius:5px;padding:8px;font-size:12px}.completion-home-button{color:#666;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;margin-top:18px;font-size:11px;font-weight:700}.completion-home-button:hover{color:#fff}.wrong-guess-marker{z-index:15;pointer-events:none;width:0;height:0;animation:.18s ease-out wrong-guess-pop;position:absolute}.wrong-guess-line{background:#e53935;border-radius:999px;width:46px;height:5px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #000000a6,0 2px 8px #00000073}.wrong-guess-line-one{transform:translate(-50%,-50%)rotate(45deg)}.wrong-guess-line-two{transform:translate(-50%,-50%)rotate(-45deg)}@keyframes wrong-guess-pop{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.loading-screen{color:#fff;background:radial-gradient(circle,#222 0%,#111 55%,#090909 100%);justify-content:center;align-items:center;width:100vw;height:100vh;padding:0;display:flex;overflow:hidden}.loading-content{text-align:center;flex-direction:column;align-items:center;display:flex}.loading-logo{letter-spacing:-.06em;font-size:clamp(42px,7vw,82px);font-weight:900;line-height:.85}.loading-logo span{color:#bbb;display:block}.loading-spinner{border:3px solid #ffffff26;border-top-color:#fff;border-radius:50%;width:34px;height:34px;margin-top:42px;animation:.7s linear infinite loading-spin}.loading-text{color:#666;letter-spacing:.22em;margin-top:18px;font-size:10px;font-weight:700;animation:1.4s ease-in-out infinite loading-pulse}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes loading-pulse{0%,to{opacity:.45}50%{opacity:1}}.home-page{color:#fff;background:radial-gradient(circle at 20% 0,#ffffff14,#0000 35%),#111;min-height:100vh;padding:70px 6vw 100px}.home-hero{text-align:center;max-width:900px;margin:0 auto 80px}.home-eyebrow{letter-spacing:.3em;color:#999;margin-bottom:18px;font-size:12px;font-weight:700}.home-hero h1{letter-spacing:-.06em;margin:0;font-size:clamp(52px,9vw,120px);font-weight:900;line-height:.9}.home-hero h1 span{color:#e8e8e8;display:block}.home-hero p{color:#999;margin-top:28px;font-size:17px;line-height:1.6}.image-selection,.leaderboard-preview{max-width:1300px;margin:0 auto 100px}.section-heading{align-items:flex-start;gap:18px;margin-bottom:30px;display:flex}.section-number{color:#666;padding-top:5px;font-family:monospace;font-size:12px}.section-heading h2{letter-spacing:-.02em;margin:0;font-size:28px}.section-heading p{color:#777;margin:6px 0 0;font-size:14px}.image-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.image-card{color:#fff;cursor:pointer;text-align:left;background:#181818;border:1px solid #ffffff1a;border-radius:14px;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.image-card:hover{border-color:#ffffff47;transform:translateY(-5px);box-shadow:0 18px 40px #00000059}.image-card.selected{border-color:#fff;box-shadow:0 0 0 2px #fff,0 18px 40px #0006}.image-card-preview{aspect-ratio:16/10;background:#222;position:relative;overflow:hidden}.image-card-preview img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.image-card:hover .image-card-preview img{transform:scale(1.04)}.image-card-overlay{opacity:0;background:#00000073;justify-content:center;align-items:center;transition:opacity .18s;display:flex;position:absolute;inset:0}.image-card:hover .image-card-overlay,.image-card.selected .image-card-overlay{opacity:1}.image-card-overlay span{letter-spacing:.16em;border:1px solid #ffffff80;border-radius:4px;padding:8px 14px;font-size:11px;font-weight:700}.image-card-info{align-items:center;gap:14px;padding:16px 18px;display:flex}.image-card-number{color:#666;font-family:monospace;font-size:12px}.image-card-name{font-size:16px;font-weight:700}.start-section{flex-direction:column;align-items:center;margin-top:42px;display:flex}.start-game-button{color:#111;letter-spacing:.12em;cursor:pointer;background:#fff;border:0;border-radius:7px;min-width:220px;padding:15px 28px;font-size:13px;font-weight:800;transition:transform .15s,opacity .15s}.start-game-button:hover:not(:disabled){transform:translateY(-2px)}.start-game-button:disabled{opacity:.25;cursor:not-allowed}.start-hint{color:#666;margin-top:12px;font-size:12px}.home-error{color:#faa;background:#ff3c3c14;border:1px solid #ff64644d;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:13px}.empty-state,.home-loading{text-align:center;color:#666;padding:60px}.leaderboard-placeholder{text-align:center;background:#151515;border:1px solid #ffffff14;border-radius:12px;padding:50px}.leaderboard-placeholder span{letter-spacing:.2em;color:#777;font-size:12px;font-weight:700}.leaderboard-placeholder p{color:#555;margin:12px 0 0;font-size:13px}@media (width<=700px){.home-page{padding:50px 20px 70px}.home-hero{margin-bottom:55px}.home-hero h1{font-size:56px}.section-heading h2{font-size:23px}.image-grid{grid-template-columns:1fr}}.leaderboard-box{background:#151515;border:1px solid #ffffff14;border-radius:12px;width:100%;overflow:hidden}.leaderboard-header,.leaderboard-row{grid-template-columns:60px minmax(140px,1.5fr) minmax(130px,1fr) 120px;align-items:center;column-gap:20px;display:grid}.leaderboard-header{color:#555;letter-spacing:.16em;border-bottom:1px solid #ffffff14;padding:14px 22px;font-size:10px;font-weight:700}.leaderboard-row{color:#bbb;border-bottom:1px solid #ffffff0d;min-height:58px;padding:10px 22px;font-size:13px}.leaderboard-row:last-child{border-bottom:0}.leaderboard-row.first-place{color:#fff;background:#ffffff09}.leaderboard-rank{color:#555;font-family:monospace}.first-place .leaderboard-rank{color:#fff}.leaderboard-player{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.leaderboard-world{color:#777;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.leaderboard-time{color:#fff;text-align:right;font-family:monospace}.leaderboard-loading,.leaderboard-empty,.leaderboard-error{text-align:center;color:#666;padding:50px 20px;font-size:12px}.leaderboard-empty>div{color:#777;letter-spacing:.15em;font-weight:700}.leaderboard-empty p{color:#444;margin:8px 0 0}.leaderboard-error{color:#d88}@media (width<=700px){.leaderboard-header,.leaderboard-row{grid-template-columns:40px minmax(100px,1fr) 90px}.leaderboard-world{display:none}.leaderboard-time{text-align:right}}