:root{--red:#e63946;--yellow:#ffe66d;--news:#d9d4c7;--ink:#1d1a16;--kraft:#c9a46b}
body{margin:0;font-family:'Courier Prime',monospace;color:var(--ink);
background:var(--kraft);
background-image:radial-gradient(rgba(0,0,0,.08) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(135deg,#c9a46b,#b8925a);
background-size:7px 7px,11px 11px,100% 100%;min-height:100vh}
.typer{font-family:'Special Elite',monospace}
.paper{background:#fbf8f0;box-shadow:2px 3px 0 rgba(0,0,0,.25);position:relative}
.tape:before{content:'';position:absolute;top:-10px;left:50%;width:70px;height:20px;transform:translateX(-50%) rotate(-3deg);background:rgba(255,255,220,.65);box-shadow:0 1px 2px rgba(0,0,0,.15)}
.letter{display:inline-block;padding:2px 6px;margin:2px;box-shadow:1px 2px 0 rgba(0,0,0,.3)}
.scrap{clip-path:polygon(0 4%,8% 0,30% 3%,55% 0,80% 4%,100% 0,98% 50%,100% 96%,75% 100%,50% 96%,22% 100%,0 97%,3% 50%);cursor:grab;transition:transform .15s}
.scrap:hover{transform:rotate(0) scale(1.06)!important}
.strip{background:#f3eee0;background-image:repeating-linear-gradient(0deg,transparent 0 23px,rgba(0,0,0,.06) 23px 24px);clip-path:polygon(0 3%,3% 0,97% 2%,100% 0,99% 97%,96% 100%,2% 98%,0 100%)}
.active-scrap{animation:bounce .35s infinite alternate;outline:3px solid var(--red)}
@keyframes bounce{to{transform:translateY(-8px) rotate(0)}}
.snip{animation:snip .5s}
@keyframes snip{0%{transform:scale(1)}30%{transform:scale(.9) rotate(-4deg)}100%{transform:scale(1)}}
.btn{font-family:'Special Elite';border:2px solid var(--ink);padding:6px 12px;background:#fff;box-shadow:3px 3px 0 var(--ink);transition:.1s}
.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.btn-red{background:var(--red);color:#fff}
.btn-y{background:var(--yellow)}
input,textarea{font-family:'Courier Prime';border:2px solid var(--ink);padding:6px 8px;background:#fff}
.fade-in{animation:fi .6s both}
@keyframes fi{from{opacity:0;transform:translateY(12px)}}