:root{--ink:#6b5546;--ink-soft:rgba(107,85,70,.18);--cream:#fcf3dc;--paper:#fffaf0;--green:#c3dcb6;--pink:#f5cbc5;--yellow:#f8e4a8;--blue:#cfe3ee;--purple:#e3d6f0;--rose:#d98f86;--spring:cubic-bezier(.34,1.56,.64,1)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{color:#5b4636;background:#f3e6c8;font-family:var(--font-body)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;mix-blend-mode:multiply;
 background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .45 0 0 0 0 .33 0 0 0 0 .2 0 0 0 .12 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
a{color:inherit}
.wrap{max-width:1100px;margin:0 auto;padding:22px 18px 60px}
.nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.nav .logo{font-size:26px;font-weight:bold;margin-right:auto;text-decoration:none}
.nav a.tab{text-decoration:none;padding:6px 14px;border:2px solid var(--ink);border-radius:14px 10px 15px 11px;background:var(--paper);box-shadow:2px 3px 0 var(--ink-soft);transition:transform .25s var(--spring)}
.nav a.tab:hover,.nav a.tab.on{background:var(--yellow);transform:translateY(-2px) rotate(-1deg)}
.card{background:var(--paper);border:3px solid var(--ink);border-radius:26px 20px 28px 18px/20px 28px 18px 26px;padding:20px;box-shadow:0 12px 30px rgba(80,55,35,.15),5px 7px 0 rgba(107,85,70,.18)}
h1,h2,h3{margin:.2em 0 .5em}
.btn{font-family:inherit;font-size:16px;padding:8px 20px;margin:4px;border:2.5px solid var(--ink);background:var(--green);color:#4a3a2c;border-radius:16px 12px 18px 11px;cursor:pointer;box-shadow:2px 3px 0 rgba(107,85,70,.25);transition:transform .25s var(--spring),box-shadow .25s;text-decoration:none;display:inline-block}
.btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 0 14px rgba(255,210,120,.9),2px 4px 0 rgba(107,85,70,.25)}
.btn.pink{background:var(--pink)}.btn.yellow{background:var(--yellow)}.btn.blue{background:var(--blue)}.btn.big{font-size:21px;padding:12px 30px}
input,textarea,select{font-family:inherit;font-size:16px;padding:8px 12px;border:2.2px solid var(--ink);border-radius:12px 9px 13px 8px;background:#fff;color:#4a3a2c;width:100%}
textarea{resize:vertical;min-height:70px}
label{display:block;margin:10px 0 4px;font-weight:bold;font-size:15px}
.grid{display:grid;gap:18px}
.muted{opacity:.7;font-size:14px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font-family:inherit;cursor:pointer;padding:6px 12px;border:2px solid var(--ink);border-radius:14px 10px 15px 11px;background:#fff;font-size:15px;transition:transform .2s var(--spring)}
.chip.on{background:var(--yellow);transform:scale(1.06) rotate(-1deg);box-shadow:0 0 10px rgba(255,200,90,.8)}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;background:var(--paper);border:2.4px solid var(--ink);border-radius:16px 12px 18px 11px;padding:9px 18px;transition:all .4s var(--spring);z-index:120;pointer-events:none}
.toast.show{opacity:1;transform:translate(-50%,0)}
table{width:100%;border-collapse:collapse}
td,th{padding:8px 6px;border-bottom:2px dashed rgba(107,85,70,.25);text-align:left}
.note{position:relative;padding:14px 14px 10px;border:2.3px solid var(--ink);border-radius:6px 14px 8px 16px;box-shadow:3px 4px 0 var(--ink-soft);transform:rotate(var(--r,0deg));transition:transform .3s var(--spring)}
.note:hover{transform:rotate(0) scale(1.03);z-index:2}
.note.yellow{background:#fbecb4}.note.pink{background:#f8d6cf}.note.green{background:#d6ebc8}.note.blue{background:#d5e8f2}.note.purple{background:#e6dcf3}
.note .meta{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-top:8px;opacity:.85}
.like{font-family:inherit;border:2px solid var(--ink);border-radius:20px;background:#fff;cursor:pointer;padding:2px 10px;font-size:14px;transition:transform .2s var(--spring)}
.like.on{background:var(--pink)}.like:active{transform:scale(.85)}
.state-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px 12px;grid-column:1/-1}
.state-box .st-art{width:140px;height:auto}.st-title{font-size:18px;font-weight:bold;margin:0}.st-body{margin:0;opacity:.8;max-width:420px}

/* drawn icons — emoji purge */
.bh-icon{display:inline-block;vertical-align:-0.25em;width:1.25em;height:1.25em;object-fit:contain;pointer-events:none}
.bh-icon--missing{width:1.25em;height:1.25em;background:transparent}
.logo .bh-icon,.nav .bh-icon{width:22px;height:22px;margin-right:4px;vertical-align:-5px}
.hud .bh-icon,.home .bh-icon{width:22px;height:22px}
.pack-pick .pk .bh-icon{width:36px;height:36px;margin:0 auto}
.pack-pick .pk b{display:flex;align-items:center;justify-content:center;min-height:36px;font-size:0;line-height:0}
.ge-skins .bh-icon{width:28px;height:28px}
h1 .bh-icon,h2 .bh-icon{width:1.1em;height:1.1em;margin-right:.2em;vertical-align:-.15em}
.tag .bh-icon{width:14px;height:14px;margin-right:2px}

#fx .fx-ico{position:absolute;pointer-events:none;line-height:0}
#fx .fx-ico .bh-icon{width:1em;height:1em;opacity:.85}