.patatap-shell{position:fixed;inset:0;z-index:2147483000;width:100vw;height:100dvh;overflow:hidden;background:#b5b5b5;color:#f5f5f5;font-family:Lucida Grande,Lucida Sans Unicode,Verdana,system-ui,sans-serif;cursor:crosshair;user-select:none;touch-action:none}.patatap-stage{position:absolute;inset:0;display:block;width:100%;height:100%}.patatap-loader{position:absolute;left:50%;top:50%;z-index:5;min-width:156px;transform:translate(-50%,-50%);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 18px 45px rgba(0,0,0,.16);color:#6d6d6d;padding:12px 18px;text-align:center;backdrop-filter:blur(18px)}.patatap-loader-mark{color:#4f4f4f;font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.patatap-loader-count{margin-top:4px;font-size:14px;font-weight:700}.patatap-hint{position:absolute;left:50%;top:15%;z-index:4;display:flex;align-items:center;gap:9px;max-width:min(calc(100vw - 32px),520px);transform:translate(-50%,-12px);border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 12px 35px rgba(0,0,0,.12);color:#6c6c6c;font-size:12px;opacity:0;padding:10px 16px;pointer-events:none;transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.patatap-hint.is-visible{opacity:1;transform:translate(-50%)}.patatap-hint strong{color:#484848;font-weight:800}.patatap-active-key{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%) scale(.9);color:rgba(255,255,255,.46);font-size:clamp(8rem,26vw,28rem);font-weight:900;line-height:.8;opacity:0;pointer-events:none;text-shadow:0 18px 65px rgba(0,0,0,.18);transition:opacity .18s ease,transform .18s ease}.patatap-active-key.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.patatap-brand{position:absolute;left:18px;top:18px;z-index:5;display:flex;flex-direction:column;gap:2px;border-radius:18px;background:rgba(0,0,0,.18);color:rgba(255,255,255,.92);padding:10px 14px;pointer-events:auto;text-shadow:0 1px 8px rgba(0,0,0,.18)}.patatap-brand span{font-size:15px;font-weight:900;letter-spacing:.02em}.patatap-brand small{color:rgba(255,255,255,.72);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.patatap-controls{position:absolute;right:18px;top:18px;z-index:5;display:flex;gap:8px;pointer-events:auto}.patatap-close,.patatap-control,.patatap-key{appearance:none;border:0;cursor:pointer;font:inherit}.patatap-control{display:grid;width:42px;height:42px;place-items:center;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 12px 30px rgba(0,0,0,.14);color:#666;transition:transform .16s ease,background .16s ease,color .16s ease}.patatap-control:hover{background:#ffffff;color:#333;transform:translateY(-1px)}.patatap-keyboard{position:absolute;left:50%;bottom:18px;z-index:5;display:grid;width:min(calc(100vw - 32px),720px);grid-template-columns:repeat(13,minmax(0,1fr));gap:6px;transform:translateX(-50%);pointer-events:auto}.patatap-key{min-width:0;border-radius:999px;background:rgba(255,255,255,.3);color:rgba(255,255,255,.86);font-size:11px;font-weight:900;min-height:28px;padding:0;text-shadow:0 1px 8px rgba(0,0,0,.16);transition:transform .12s ease,background .12s ease,color .12s ease}.patatap-key.is-active,.patatap-key:hover{background:rgba(255,255,255,.92);color:#555;transform:translateY(-1px)}.patatap-credits{position:absolute;left:0;right:0;bottom:0;z-index:8;transform:translateY(100%);background:rgba(244,244,244,.96);border-top:1px solid rgba(255,255,255,.75);box-shadow:0 -20px 60px rgba(0,0,0,.18);color:#696969;padding:18px max(22px,calc((100vw - 980px) / 2));pointer-events:auto;transition:transform .22s ease}.patatap-credits.is-open{transform:translateY(0)}.patatap-credits h2{color:#464646;font-size:18px;font-weight:900;margin:0 0 6px}.patatap-credits p{font-size:13px;line-height:1.55;margin:0;max-width:980px}.patatap-credits p+p{margin-top:8px}.patatap-warning{color:#8d4b28;font-weight:800}.patatap-close{position:absolute;right:14px;top:14px;display:grid;width:34px;height:34px;place-items:center;border-radius:999px;background:#ffffff;color:#666666}@media (max-width:680px){.patatap-brand{left:12px;top:12px;padding:9px 11px}.patatap-brand small{display:none}.patatap-controls{right:12px;top:12px;gap:6px}.patatap-control{width:38px;height:38px}.patatap-hint{top:18%;flex-direction:column;gap:2px;border-radius:18px;padding:10px 14px}.patatap-keyboard{bottom:12px;grid-template-columns:repeat(7,minmax(0,1fr));width:min(calc(100vw - 24px),380px)}.patatap-key{min-height:30px}.patatap-credits{padding:18px 18px 22px}.patatap-credits p{padding-right:28px}}@media (prefers-reduced-motion:reduce){.patatap-active-key,.patatap-control,.patatap-credits,.patatap-hint,.patatap-key{transition:none}}