*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:white}body{display:grid;place-items:center;overflow:hidden}#stage{position:relative;width:min(100vw,calc(100dvh * 760 / 540));aspect-ratio:760/540;overflow:hidden;background:#fff}#art{position:absolute;inset:0;width:100%;height:100%}#links{position:absolute;inset:0;pointer-events:none}.native-link{position:absolute;margin:0;padding:0;border:0;background:transparent;pointer-events:auto;cursor:pointer;color:transparent;font-size:0}.native-link:focus-visible{outline:2px dotted #111;outline-offset:2px}#popup{padding:0;border:1px solid #888;max-width:96vw;max-height:95dvh;background:#fff;overflow:auto}#popup::backdrop{background:#0007}#close{position:sticky;display:block;top:0;margin-left:auto;padding:3px 8px;background:white;border:0;color:black;cursor:pointer;font:11px monospace;z-index:100}#popup-content{position:relative;min-width:0;min-height:0}#popup-content canvas{display:block;max-width:100%;height:auto}#popup-content iframe{display:block}#popup-content .popup-links{position:absolute;inset:0;pointer-events:none}#popup-content video{display:block;max-width:90vw;max-height:80dvh}#popup-content img{display:block;max-width:90vw;max-height:80dvh}#notice{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);padding:10px 15px;color:#333;background:#fff;border:1px solid #999;max-width:90vw;font:12px Arial;box-shadow:0 2px 10px #0002}#popup-content .missing{padding:24px;max-width:575px;font:13px Arial;line-height:1.6}.fight-form{padding:10px 24px 24px;font:13px Arial}.fight-form label{display:block;margin:14px 0}.fight-form input,.fight-form select{display:block;max-width:100%;margin-top:5px}.fight-form button{cursor:pointer}
#popup-content .popup-notice{margin:0;padding:12px;border-top:1px solid #999;background:white;color:#333;font:12px Arial;line-height:1.4;max-width:575px}
#popup-content .link-fallback{background:white;color:#222;border-top:1px solid #bbb;overflow-wrap:anywhere}
#popup-content .link-fallback h1{margin:0 0 12px;font-weight:bold}
#popup-content .link-fallback p{margin:0 0 14px}
#popup-content .link-fallback .original-link{font-size:11px;color:#555}
#popup-content .link-fallback code{font:11px monospace;white-space:normal}
#popup-content .resource-link{display:inline-block;padding:8px 11px;border:1px solid #333;background:#fff;color:#111;text-decoration:underline;font:13px Arial}
#popup-content .resource-link:hover{background:#eee}
#popup-content .resource-link:focus-visible{outline:2px dotted #111;outline-offset:3px}
#popup-content .media-caption{margin:0;padding:10px 12px;font:12px Arial;color:#333}
#popup-content .media-fallback{margin:0 12px 12px}
