:root{--paper:#f4eddf;--ink:#26231f;--muted:#746e64;--line:#d5ccbd;--green:#566f4d;--red:#9a5a50;--yellow:#d9bb6c;--white:#fffdf8}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#dcd3c4;color:var(--ink);font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive}body{padding:28px 14px 50px}.paper{position:relative;width:min(720px,100%);margin:auto;padding:44px 24px 24px;background:var(--paper);border:1px solid #cfc4b3;box-shadow:10px 12px 0 rgba(44,38,31,.08);transform:rotate(-.25deg)}.paper:before{content:"";position:absolute;inset:7px;border:1px dashed rgba(87,76,60,.16);pointer-events:none}.tape{position:absolute;width:118px;height:24px;top:11px;left:50%;transform:translateX(-50%) rotate(-2deg);background:rgba(218,199,143,.7);border:1px solid rgba(160,140,92,.35)}header{margin-bottom:28px}.eyebrow,.sub,.title,footer{color:var(--muted);letter-spacing:.06em}.eyebrow{margin:0 0 2px;font-size:13px}h1{margin:0;font-size:clamp(38px,8vw,62px);line-height:.98}.sub{margin:8px 0 0;font-size:14px}.note{position:relative;padding:20px 18px;margin:18px 0;background:var(--white);border:1px solid #d8cebf;box-shadow:5px 6px 0 rgba(43,37,28,.15)}.note:after{content:"";position:absolute;width:46px;height:13px;right:14px;top:-7px;background:rgba(220,199,143,.62);transform:rotate(4deg)}.label{display:inline-block;padding:2px 7px;margin-bottom:14px;border:2px solid var(--ink);font-size:12px;transform:rotate(-2deg)}.iprow,.download{display:flex;align-items:center;justify-content:space-between;gap:16px}.iprow strong{font-size:clamp(20px,5vw,30px);word-break:break-word}button,.button{display:inline-block;border:2px solid var(--ink);background:#f0e7d8;color:var(--ink);padding:8px 14px;font:inherit;font-size:14px;text-decoration:none;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transform:rotate(-1deg)}button:active,.button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.status{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;color:var(--muted);font-size:14px}.status i{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--yellow)}.status i.online{background:var(--green)}.status i.offline{background:var(--red)}.download small{display:block;margin-top:3px;color:var(--muted);font-size:13px}.online{margin-top:28px}.title{display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:7px;font-size:12px}.players{display:grid;gap:10px;margin-top:12px}.player{display:flex;justify-content:space-between;gap:14px;padding:11px 12px;background:rgba(255,255,255,.44);border-bottom:1px dashed var(--line)}.player strong{font-size:18px}.playtime,.empty{color:var(--muted);font-size:13px}.empty{padding:14px 0}footer{margin-top:28px;text-align:center;font-size:11px}@media(max-width:520px){.paper{padding:40px 17px 20px}.iprow,.download{align-items:flex-start}.player{align-items:flex-start}}