.pd{margin:22px 0 10px;padding:20px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(120% 130% at 0 0,color-mix(in srgb,#ffcb05 12%,transparent),transparent 55%),linear-gradient(180deg,var(--card-2),var(--card));box-shadow:var(--elev-1)}.pd-head{text-align:center;margin-bottom:12px}.pd-title{margin:0;font-size:clamp(24px,5vw,34px);font-weight:900;letter-spacing:-.02em}.pd-num{font-family:var(--mono);font-size:.55em;font-weight:700;vertical-align:middle}.pd-num,.pd-sub{color:var(--muted)}.pd-sub{margin:4px 0 0;font-size:13px}.pd-target{display:grid;place-items:center;gap:6px;min-height:128px;margin-bottom:10px}.pd-target img{width:120px;height:120px;object-fit:contain;filter:brightness(0) drop-shadow(0 4px 10px rgba(0,0,0,.4));transition:filter .6s ease}.pd-target.reveal img{filter:none;animation:pd-pop .5s cubic-bezier(.2,.9,.3,1.3)}@keyframes pd-pop{0%{transform:scale(.6)}60%{transform:scale(1.12)}}.pd-answer{font-weight:800;font-size:15px}.pd-loading{text-align:center;color:var(--muted);font-size:13px}.pd-board{margin:4px auto 12px;max-width:460px}.pd-board,.pd-row{display:grid;gap:5px}.pd-row{grid-template-columns:1.5fr 1fr 1fr .7fr .9fr}.pd-legend span{color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.04em;text-transform:uppercase;text-align:center;padding:2px 0}.pd-legend span:first-child{text-align:left}.pd-guess{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:8px;background:color-mix(in srgb,var(--card-2) 60%,transparent);min-width:0}.pd-guess img{image-rendering:auto;flex:0 0 auto}.pd-guess b{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-cell{display:inline-flex;align-items:center;justify-content:center;gap:2px;border-radius:8px;font-size:12px;font-weight:700;text-transform:capitalize;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.3);animation:pd-flip .4s ease both}.pd-cell i{font-style:normal;font-size:10px;opacity:.9}@keyframes pd-flip{0%{transform:rotateX(-90deg);opacity:0}}.pd-cell.hit{background:#58a544}.pd-cell.near{background:#c9a227;color:#221a00;text-shadow:none}.pd-cell.miss{background:#4a5560}.pd-form{display:flex;gap:8px;max-width:460px;margin:0 auto}.pd-inputwrap{position:relative;flex:1 1 auto}.pd-input{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:999px;background:var(--bg,#0d1510);color:var(--ink,#eef7f0);font-size:14px}.pd-input:focus{outline:none;border-color:#ffcb05}.pd-sugg{list-style:none;margin:6px 0 0;padding:5px;position:absolute;left:0;right:0;z-index:10;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:0 12px 30px rgba(0,0,0,.45)}.pd-sugg button{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border:0;border-radius:8px;background:transparent;color:var(--ink,#eef7f0);font-size:13.5px;font-weight:600;cursor:pointer;text-align:left}.pd-sugg button:hover{background:color-mix(in srgb,#ffcb05 18%,transparent)}.pd-go{padding:0 18px;border:0;border-radius:999px;background:linear-gradient(135deg,#ffcb05,#e3524f);color:#201400;font-weight:800;cursor:pointer}.pd-go:disabled{opacity:.5;cursor:default}.pd-result{text-align:center;margin-top:14px}.pd-verdict{margin:0 0 8px;font-weight:800;font-size:15px}.pd-share{padding:9px 22px;border:0;border-radius:999px;background:linear-gradient(135deg,#58a544,#3b6fd4);color:#fff;font-weight:800;cursor:pointer}.pd-grid{margin:10px 0 0;font-family:var(--mono);font-size:14px;line-height:1.35;color:var(--muted)}@media (prefers-reduced-motion:reduce){.pd-cell,.pd-target img,.pd-target.reveal img{animation:none;transition:none}}@media (max-width:480px){.pd-row{grid-template-columns:1.4fr .9fr .9fr .6fr .8fr}.pd-guess b{font-size:11px}.pd-cell{font-size:10.5px}}