html,body{touch-action:none}#canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#canvas.dragging{cursor:grabbing}.panel{position:fixed}#bar{top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:6px 12px;max-width:calc(100vw - 32px);white-space:nowrap}#bar .crest{width:18px;height:18px;flex:none;border:1.5px solid var(--gold);border-radius:50%/40% 40% 60% 60%}#bar h1{font:19px var(--title);font-weight:400;margin:0;overflow:hidden;text-overflow:ellipsis}.key{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.key i{width:12px;height:12px;border-radius:2px;border:1px solid rgba(0,0,0,.4)}.key .free{background:#e4d6b2}.key .claimed{background:#d9b8a4}.menu{position:relative}#mine-btn{color:#f6ead0;background:var(--gold-soft);border:1px solid var(--gold);padding:3px 12px}#mine-list{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;padding:4px;display:flex;flex-direction:column}#mine-list button{text-align:left;padding:6px 10px}#card{left:16px;bottom:16px;width:min(300px,calc(100vw - 32px));padding:14px 16px}#card h2{font:20px var(--title);font-weight:400;margin:0 0 2px}#card .sub{color:var(--muted);margin-bottom:8px}#card img{display:block;width:100%;max-height:160px;object-fit:contain;background:#00000026;border-radius:4px;margin-bottom:10px}#card .actions{display:flex;gap:8px;margin-top:10px}#card .actions button,#card .actions .button{padding:6px 12px;border:1px solid var(--edge);border-radius:4px}#card .actions .button{color:#f6ead0;background:var(--gold-soft);border-color:var(--gold);text-decoration:none}#card-error{color:var(--danger);margin:8px 0 0}#account .button,#account button{padding:3px 12px;border:1px solid var(--edge);border-radius:4px;color:var(--text);text-decoration:none;font-size:13px}#note{top:50%;left:50%;transform:translate(-50%,-50%);padding:18px 22px;text-align:center}#foot{position:fixed;right:16px;bottom:16px;color:#4a4136;font-size:11px}#scale .bar{height:4px;border:1px solid #4a4136;border-top:none;margin-top:2px}@media (max-width: 520px){.key{display:none}}