:root{--accent:#98B5B4;--accent-l:#BCD3D2;--accent-d:#7A9897;--ink:#7A7A7A;--ink2:#9A9A9A;--gray-d:#888;--gray:#AAA;--gray-l:#C9C5BC;--gray-ll:#E5E2DA;--paper:#FFFFFF;--base:#F5F2EB;--beige:#D9CDB5;--beige-l:#EAE2CE;--brown:#8B6F47;--serif:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;--gothic:"Zen Kaku Gothic New","Hiragino Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--gothic-thin:"Noto Sans JP","Hiragino Sans",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--gothic);background:var(--base);color:var(--ink);line-height:1.4;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.top-bar{background:var(--ink);color:var(--paper);padding:10px 18px;display:flex;justify-content:space-between;align-items:center;font-family:Bebas Neue,sans-serif;font-size:11px;letter-spacing:.2em}.top-bar .home-link{color:var(--paper);font-family:var(--gothic);font-weight:900;font-size:13px;letter-spacing:0}.top-bar .issue{color:var(--accent-l)}.top-bar-right{display:flex;align-items:center;gap:14px}.top-bar .tokuhain{color:var(--accent-l);letter-spacing:.15em}.save-button-mast{display:flex;align-items:center;gap:6px;padding:7px 15px;background:linear-gradient(135deg,#ff6b9d,#ff8fb1);color:#fff;border:none;border-radius:24px;font-family:var(--gothic);font-weight:700;font-size:13px;letter-spacing:.05em;cursor:pointer;box-shadow:0 4px 12px rgba(255,107,157,.3);transition:all .25s cubic-bezier(.34,1.56,.64,1)}.save-button-mast:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 18px rgba(255,107,157,.4)}.save-button-mast.saved{background:linear-gradient(135deg,#c44e7a,#e07b9d)}.save-button-mast .save-icon{font-size:14px;line-height:1}.save-button-mast .save-count-badge{background:rgba(255,255,255,.9);color:#c44e7a;font-weight:900;font-size:11px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center}.header-band{background:var(--paper);color:var(--ink);padding:22px 24px 18px;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 18px;border-bottom:3px solid var(--ink);max-width:1200px;margin:0 auto;border-left:3px solid var(--ink);border-right:3px solid var(--ink)}.header-band .logo{color:var(--ink);font-size:34px;font-weight:900;letter-spacing:-.03em;position:relative;font-family:var(--gothic);line-height:1}.header-band .logo:after{content:"";position:absolute;left:4%;right:4%;bottom:2px;height:5px;background:var(--accent);z-index:-1}.header-band .big-title{font-family:var(--serif);font-size:68px;font-weight:700;color:var(--accent);letter-spacing:-.02em;line-height:1}.header-band .big-title.shinbun{margin-left:-8px}.header-band .pub-info{color:var(--gray-d);font-family:Bebas Neue,sans-serif;font-size:11px;letter-spacing:.2em;margin-left:auto;align-self:flex-end}.paper-main{padding:0;max-width:1200px;margin:0 auto;background:var(--paper);border-left:3px solid var(--ink);border-right:3px solid var(--ink)}.rank-section{margin:0;padding:0;border-bottom:3px solid var(--ink)}.row{display:grid;grid-gap:0;gap:0}.card{position:relative;background:var(--paper);overflow:hidden;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);transition:transform .18s ease;color:inherit;text-decoration:none;display:block}.card:last-child{border-right:none}.card:hover{transform:translateY(-2px);z-index:5}.card .cat{position:absolute;top:0;left:0;background:var(--accent);color:var(--paper);font-weight:700;font-size:10px;letter-spacing:.1em;padding:3px 8px;z-index:3;font-family:var(--gothic)}.card .visual{position:relative;overflow:hidden;background:var(--gray-ll)}.card .visual img{width:100%;height:100%;object-fit:cover;display:block}.card .visual-layered{background:var(--ink)}.card .visual-layered .visual-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.1);filter:blur(22px) saturate(1.2);opacity:.55}.card .visual-layered .visual-fg{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.card .visual.ogp-placeholder{background:var(--beige-l);color:var(--gray-d);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;text-align:center;padding:8px;font-family:var(--gothic);line-height:1.4;border:1px dashed var(--gray)}.card .visual.ogp-placeholder:before{content:"○";font-size:28px;color:var(--gray);margin-bottom:4px}.card .visual.ogp-placeholder .label{color:var(--accent-d);font-family:Bebas Neue,sans-serif;letter-spacing:.15em;font-size:9px;margin-bottom:2px}.card .body{padding:8px 12px 10px;background:var(--paper)}.card .title{font-weight:700;line-height:1.18;color:var(--ink);margin-bottom:6px;letter-spacing:-.01em}.card .title.serif{font-family:var(--serif);font-weight:700;line-height:1.12}.card .sub{font-size:12px;color:var(--ink2);margin-bottom:4px}.card .quote,.card .sub{font-weight:500;line-height:1.4}.card .quote{font-family:var(--serif);font-size:14px;color:var(--ink);border-left:3px solid var(--accent);padding-left:8px;margin:4px 0 6px}.card .lead{font-size:11px;line-height:1.5;color:var(--ink2);font-family:var(--gothic)}.card .close-btn{position:absolute;top:6px;right:6px;width:22px;height:22px;background:rgba(255,255,255,.95);border:1px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;cursor:pointer;z-index:4;color:var(--ink);transition:transform .2s;padding:0;line-height:1}.card .close-btn:hover{transform:scale(1.15);border-color:var(--accent-d)}.row-yokozuna{grid-template-columns:1fr}.card-yokozuna{background:var(--ink);color:var(--paper);border-right:none}.card-yokozuna .visual{height:320px}.card-yokozuna .body{background:var(--ink);color:var(--paper);padding:18px 22px 22px}.card-yokozuna .title.serif{font-family:var(--serif);font-size:44px;color:var(--paper);letter-spacing:-.02em;line-height:1.08;margin-bottom:10px}.card-yokozuna .quote{border-left-color:var(--accent-l);color:var(--accent-l);font-size:17px;padding-left:12px;margin:8px 0 10px}.card-yokozuna .lead{color:var(--paper);font-size:13px;opacity:.82;line-height:1.6}.card-yokozuna .sub{color:var(--accent-l);font-size:13px;margin-bottom:8px}.card-yokozuna .cat{background:var(--accent-l);color:var(--ink)}.card-yokozuna .visual.ogp-placeholder{background:#2A2A2A;border-color:#555;color:var(--gray)}.card-yokozuna .visual.ogp-placeholder:before{color:#555}.card-yokozuna .visual.ogp-placeholder .label{color:var(--accent-l)}.row-ozeki{grid-template-columns:1fr 1fr}.card-ozeki .visual{height:180px}.card-ozeki .title{font-size:21px;line-height:1.15;font-family:var(--gothic);font-weight:900}.card-ozeki.invert,.card-ozeki.invert .body{background:var(--ink);color:var(--paper)}.card-ozeki.invert .title{color:var(--paper)}.card-ozeki.invert .sub{color:var(--accent-l)}.card-ozeki.invert .lead{color:var(--paper);opacity:.82}.card-ozeki.invert .cat{background:var(--accent-l);color:var(--ink)}.card-ozeki.invert .quote{border-left-color:var(--accent);color:var(--paper)}.card-ozeki.nopict .body{padding:30px 18px 18px;min-height:280px}.card-ozeki.nopict .title{font-size:26px;font-family:var(--serif);font-weight:700;line-height:1.1;margin-bottom:10px}.card-ozeki.nopict .sub{font-size:13px;margin-bottom:8px}.card-ozeki.nopict .quote{font-size:15px}.row-sekiwake{grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto}.card-sekiwake .visual{height:110px}.card-sekiwake .title{font-size:16px;line-height:1.18;font-family:var(--gothic);font-weight:900}.card-sekiwake .lead{font-size:11px}.card-sekiwake.big{grid-row:span 2}.card-sekiwake.big .visual{height:200px}.card-sekiwake.big .title{font-size:26px;font-family:var(--serif);font-weight:700;line-height:1.12}.card-sekiwake.big.nopict,.card-sekiwake.big.nopict .body{background:var(--accent);color:var(--paper)}.card-sekiwake.big.nopict .body{padding:32px 18px 18px;min-height:100%}.card-sekiwake.big.nopict .title{color:var(--paper);font-size:30px}.card-sekiwake.big.nopict .sub{color:var(--beige-l);font-size:13px;margin-bottom:8px;font-weight:700}.card-sekiwake.big.nopict .quote{border-left-color:var(--paper);color:var(--paper);font-size:14px;opacity:.95}.card-sekiwake.big.nopict .lead{color:var(--paper);opacity:.85;font-size:12px}.card-sekiwake.big.nopict .cat{background:var(--paper);color:var(--accent-d)}.card-sekiwake.nopict-small .body{padding:26px 10px 10px;min-height:145px}.card-sekiwake.nopict-small .title{font-size:17px;line-height:1.18;margin-bottom:6px}.card-sekiwake.nopict-small .sub{font-size:11px;color:var(--ink2);font-weight:600}.card-sekiwake.bg-beige,.card-sekiwake.bg-beige .body{background:var(--beige-l)}.row-komusubi{grid-template-columns:1fr 1fr 1fr 1fr}.card-komusubi .visual{height:90px}.card-komusubi .title{font-size:13px;line-height:1.18;font-family:var(--gothic);font-weight:900}.card-komusubi .lead{font-size:10px}.card-komusubi.nopict .body{padding:22px 8px 8px;min-height:130px}.card-komusubi.nopict .title{font-size:15px;margin-bottom:4px}.card-komusubi.nopict .sub{font-size:10px}.card-komusubi.accent-green,.card-komusubi.accent-green .body{background:var(--accent);color:var(--paper)}.card-komusubi.accent-green .title{color:var(--paper)}.card-komusubi.accent-green .sub{color:var(--beige-l)}.card-komusubi.accent-green .lead{color:var(--paper);opacity:.9}.card-komusubi.accent-green .cat{background:var(--paper);color:var(--accent-d)}.card-komusubi.accent-beige,.card-komusubi.accent-beige .body{background:var(--beige);color:var(--ink)}.card-komusubi.accent-beige .cat{background:var(--ink);color:var(--beige)}.card-komusubi.accent-gray,.card-komusubi.accent-gray .body{background:var(--gray-ll);color:var(--ink)}.card-komusubi.accent-gray .cat{background:var(--ink);color:var(--paper)}.row-maegashira{grid-template-columns:repeat(6,1fr)}.card-maegashira .visual{height:64px}.card-maegashira .title{font-size:12px;line-height:1.18;font-family:var(--gothic);font-weight:900}.card-maegashira .lead{font-size:9px}.card-maegashira.nopict .body{padding:22px 8px 8px;min-height:105px}.card-maegashira.nopict .title{font-size:14px;line-height:1.15}.card-maegashira.nopict .sub{font-size:10px;color:var(--ink2)}.card-maegashira.bg-beige,.card-maegashira.bg-beige .body{background:var(--beige-l)}.row-jonokuchi{grid-template-columns:repeat(6,1fr);grid-auto-rows:auto}.card-jonokuchi .visual{height:50px}.card-jonokuchi .title{font-size:12px;line-height:1.15;font-family:var(--gothic);font-weight:700}.card-jonokuchi .lead,.card-jonokuchi .quote,.card-jonokuchi .sub{display:none}.card-jonokuchi .body{padding:6px 8px}.card-jonokuchi.nopict .body{padding:20px 6px 6px;min-height:70px}.card-jonokuchi.nopict .title{font-size:12px;line-height:1.2}.card-jonokuchi.bg-beige,.card-jonokuchi.bg-beige .body{background:var(--beige-l)}.card-jonokuchi.bg-gray,.card-jonokuchi.bg-gray .body{background:var(--gray-ll)}.goods{margin:0 auto;padding:12px;background:var(--beige-l);border-bottom:3px solid var(--ink);border-left:3px solid var(--ink);border-right:3px solid var(--ink);max-width:1200px}.goods-head{font-family:var(--gothic);font-weight:900;font-size:13px;letter-spacing:.1em;color:var(--ink);margin-bottom:8px;display:flex;align-items:center;gap:6px}.goods-head .goods-pr{background:var(--ink);color:var(--paper);font-size:9px;font-weight:700;letter-spacing:.1em;padding:1px 5px}.goods-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2px;gap:2px}.goods-item{background:var(--paper);border:1px solid var(--ink);padding:6px;font-size:10px;text-align:center;font-family:var(--gothic);font-weight:700;color:inherit;text-decoration:none;display:block;transition:transform .18s ease}.goods-item:hover{transform:translateY(-2px)}.goods-cat{font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--accent-d)}.goods-cat,.goods-name{text-align:left;margin-bottom:4px}.goods-name{font-size:11px;line-height:1.3;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.goods-cta{font-size:10px;font-weight:700;color:var(--ink2);text-align:left;margin-top:6px;display:flex;align-items:center;gap:3px}.goods-arrow{transition:transform .18s ease}.goods-item:hover .goods-arrow{transform:translateX(2px)}.goods-ph{background:var(--gray-ll);border:1px dashed var(--gray)}.card-pr{display:flex;flex-direction:column}.card-pr .cat.cat-pr{position:static;align-self:flex-start;background:var(--ink);color:var(--paper);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-pr .body{flex:1 1;display:flex;flex-direction:column;justify-content:space-between}.card-pr .title{margin-top:6px}.card-pr .pr-cta{font-family:var(--gothic);font-weight:900;font-size:12px;color:var(--accent-d);margin-top:8px;display:flex;align-items:center;gap:4px}.card-pr .pr-arrow{transition:transform .18s ease}.card-pr:hover .pr-arrow{transform:translateX(3px)}.card-jonokuchi.card-pr .pr-cta{font-size:11px;margin-top:6px}.site-footer{background:var(--ink);color:var(--paper);text-align:center;padding:18px;font-family:Bebas Neue,sans-serif;font-size:11px;letter-spacing:.3em;max-width:1200px;margin:0 auto}@keyframes poyon{0%{transform:scale(0);opacity:0}60%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}@keyframes patsun{0%{transform:scale(1) rotate(0deg);opacity:1}to{transform:scale(.7) rotate(-3deg);opacity:0}}@keyframes glassDrift{0%{transform:translate(0) rotate(-6deg)}18%{transform:translate(18px,-12px) rotate(8deg)}36%{transform:translate(-14px,16px) rotate(-4deg)}54%{transform:translate(20px,14px) rotate(6deg)}72%{transform:translate(-18px,-14px) rotate(-9deg)}88%{transform:translate(10px,4px) rotate(4deg)}to{transform:translate(0) rotate(-6deg)}}@keyframes dotCheck{0%{transform:scale(.6)}60%{transform:scale(1.25)}to{transform:scale(1)}}.poyon{animation:poyon .5s cubic-bezier(.34,1.56,.64,1) both}.patsun{animation:patsun .4s cubic-bezier(.34,1.56,.64,1) forwards;pointer-events:none}@keyframes puyon-inflate{0%{transform:scale(.2);opacity:.6}to{transform:scale(1);opacity:1}}@keyframes puyon-pop{0%{transform:scale(1);opacity:1}60%{transform:scale(1.15);opacity:1}to{transform:scale(0);opacity:0}}@keyframes puyon-breath{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.puyon-balloon{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#FFD6E8 0,#BCD3D2 60%,#98B5B4 100%);box-shadow:inset -4px -4px 8px rgba(122,152,151,.3),0 4px 12px rgba(152,181,180,.25);animation:puyon-inflate 3s cubic-bezier(.34,1.56,.64,1) forwards,puyon-breath 1.6s ease-in-out 3s infinite}.puyon-balloon.popping{animation:puyon-pop .35s cubic-bezier(.34,1.56,.64,1) forwards}.puyon-balloon-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:120px;background:var(--paper);border:1px solid var(--accent-l)}.card-jonokuchi .puyon-balloon-wrapper,.card-maegashira .puyon-balloon-wrapper{min-height:70px}.card-jonokuchi .puyon-balloon{width:44px;height:44px}.card-maegashira .puyon-balloon{width:56px;height:56px}.save-prompt-dock{position:fixed;bottom:24px;left:0;right:0;z-index:1000;display:flex;justify-content:center;padding:0 16px;pointer-events:none}.save-prompt-balloon{pointer-events:auto;background:#fff;border:2px solid #ff6b9d;border-radius:20px;padding:16px 24px;display:flex;align-items:center;gap:18px;box-shadow:0 10px 30px rgba(255,107,157,.25);animation:balloon-in .5s cubic-bezier(.34,1.56,.64,1);max-width:540px;width:100%;font-family:var(--gothic)}@keyframes balloon-in{0%{transform:scale(0) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.save-prompt-text{flex:1 1;padding-left:12px;border-left:4px solid #ff6b9d}.save-prompt-text .title{font-weight:900;font-size:15px;color:var(--ink);margin-bottom:3px}.save-prompt-text .sub{font-size:12px;color:var(--ink2);line-height:1.4}.save-prompt-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.save-prompt-actions button{border:none;cursor:pointer;font-family:var(--gothic);font-weight:700;font-size:12px;padding:8px 14px;border-radius:16px;white-space:nowrap;transition:all .2s ease}.save-prompt-actions .primary{background:linear-gradient(135deg,#ff6b9d,#ff8fb1);color:#fff;box-shadow:0 3px 10px rgba(255,107,157,.3)}.save-prompt-actions .primary:hover{transform:translateY(-1px)}.save-prompt-actions .ghost{background:transparent;color:var(--ink2)}.save-prompt-actions .ghost:hover{color:var(--ink)}@media (max-width:600px){.save-prompt-dock{bottom:16px}.save-prompt-balloon{padding:14px 16px;gap:12px}}.card-filler{background:var(--base);pointer-events:none;min-height:96px}