@charset "UTF-8";
/*
Theme Name: Violent Emoji
Description: Small pink uppercase lettering on a white background.
Version: 1.2.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: violent-emoji
*/
:root { color-scheme:light; --pink:#d92f70; --paper:#ffffff; }
* { box-sizing:border-box; }
html { background:var(--paper); }
body { margin:0; color:var(--pink); background:var(--paper); -webkit-font-smoothing:antialiased; }
::selection { background:var(--pink); color:var(--paper); }
.canvas { min-height:100vh; min-height:100svh; display:grid; place-items:center; padding:32px 24px; }
.name { position:relative; margin:0; max-width:100%; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:11px; font-weight:500; line-height:1.5; letter-spacing:.32em; text-indent:.32em; text-transform:uppercase; text-align:center; overflow-wrap:anywhere; }
.emoji { position:absolute; left:50%; bottom:calc(100% + 13px); width:24px; height:24px; opacity:0; pointer-events:none; transform:translate(-50%, 3px); transition:opacity 200ms ease, transform 240ms ease; }
.name:hover .emoji { opacity:.75; transform:translate(-50%, 0); }
@media (prefers-reduced-motion:reduce) { .emoji { transition:none; transform:translateX(-50%); } }