:root{--bg: #fff3d6;--ink: #4a2c12;--accent: #ff8a3d}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg) radial-gradient(circle at 20% 10%,#ffe7a8 0 120px,transparent 121px),radial-gradient(circle at 90% 30%,#ffd9e6 0 90px,transparent 91px);color:var(--ink);font-family:Jua,Apple SD Gothic Neo,Malgun Gothic,sans-serif}.top{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ff9f4a;color:#fff;box-shadow:0 4px #d9742a}.top h1{margin:0;font-size:30px;text-shadow:2px 2px 0 #b5561a;letter-spacing:1px}.top .right{display:flex;gap:10px;align-items:center;font-size:20px}.mute{font-size:22px;background:#fff;border:0;border-radius:50%;width:40px;height:40px;cursor:pointer}.grid{display:grid;gap:16px;padding:16px;max-width:1100px;margin:0 auto;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.card{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--c);border:4px solid #8a5a2b;border-radius:20px;padding:10px 8px 12px;text-decoration:none;color:var(--ink);box-shadow:0 6px #8a5a2b;transition:transform .08s}.card:active{transform:translateY(4px);box-shadow:0 2px #8a5a2b}.card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:12px;background:#fff8}.card b{font-size:20px}.card span{font-size:14px;text-align:center;opacity:.8}footer{text-align:center;padding:16px;font-size:14px;opacity:.7}.stage{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#3b2410}.stage #game{flex:1;min-height:0}.back{position:absolute;z-index:5;top:8px;left:8px;color:#fff;text-decoration:none;background:#0006;padding:6px 12px;border-radius:14px;font-size:16px}.card{position:relative}.card.today{outline:4px dashed #ff5d8f;outline-offset:3px}.card .badge{position:absolute;z-index:1;top:-12px;left:50%;transform:translate(-50%) rotate(-3deg);font-style:normal;font-size:15px;white-space:nowrap;color:#fff;background:#ff5d8f;padding:2px 12px;border:3px solid #8a2d4c;border-radius:14px;box-shadow:0 3px #8a2d4c}footer>div,footer nav{margin:2px 0}footer a{color:inherit}.ad-slot{max-width:1100px;margin:48px auto 0;padding:0 16px}.ad-slot .ad-label{font-size:12px;opacity:.6;text-align:center;margin-bottom:4px}.ad-slot .ad-box{min-height:100px}.seo-static .seo-intro,.seo-static .seo-list{max-width:860px;margin:16px auto;padding:0 24px;font-size:18px;line-height:1.6}.seo-static .seo-list a{color:#c2541a}.top .me{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#fff;border:3px solid #fff;box-shadow:0 3px #d9742a;text-decoration:none;color:var(--ink)}.top .me img{width:100%;height:100%;border-radius:50%;display:block}.top .me img:not([src]){visibility:hidden}.top .me .dot{position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:#ff3b5c;border:2px solid #fff}.top .me.new{flex-direction:column;background:#fff6dc;border-color:#fff}.top .me.new .q{font-size:20px;line-height:1;color:#c2541a}.top .me.new small{font-size:11px;line-height:1;white-space:nowrap;letter-spacing:-.5px}@media(max-width:380px){.top{padding:10px 12px}.top h1{font-size:24px}.top .right{gap:6px;font-size:18px}}.full{position:absolute;z-index:5;top:8px;right:8px;color:#fff;border:0;cursor:pointer;background:#0006;padding:6px 12px;border-radius:14px;font:inherit;font-size:16px}.rotate-hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#3b2410ee;color:#fff;text-align:center;padding:24px}.rotate-hint[hidden]{display:none}.rotate-hint .phone{font-size:72px;animation:tilt 1.6s ease-in-out infinite}.rotate-hint b{font-size:26px}.rotate-hint span{font-size:17px;opacity:.85}.rotate-hint .skip{margin-top:16px;font:inherit;font-size:17px;color:#4a2c12;background:#fff6dc;border:3px solid #8a5a2b;border-radius:20px;padding:10px 18px;cursor:pointer}@keyframes tilt{0%,20%{transform:rotate(0)}50%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}