/* DANGO1101 お団子あつめ（dg.js）。色は秋の夜長（nov.css）にそろえる */
.dgo-ico{display:inline-block;width:1.4em;height:1.4em;object-fit:contain;vertical-align:middle;flex:0 0 auto}
.dgo-ico--css{position:relative}
.dgo-ico--css i{position:absolute;width:48%;height:48%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 22%,#fff6e6 45%,#f1dfbf 100%);box-shadow:inset 0 -1px 0 rgba(160,120,70,.35),0 1px 1px rgba(0,0,0,.18)}
.dgo-ico--css i:nth-child(1){left:26%;top:4%}
.dgo-ico--css i:nth-child(2){left:3%;top:44%}
.dgo-ico--css i:nth-child(3){left:49%;top:44%}

/* ---------- 当たった時のカード ---------- */
.dgo-pop{position:fixed;left:0;right:0;bottom:0;z-index:2147483000;display:flex;justify-content:center;padding:0 12px calc(16px + env(safe-area-inset-bottom));pointer-events:none}
.dgo-pop__card{position:relative;overflow:hidden;width:min(420px,100%);padding:18px 16px 14px;border-radius:22px;background:radial-gradient(120% 90% at 80% 0%,#3b2f7a 0%,#1d2147 62%);color:#fff;text-align:center;box-shadow:0 14px 40px rgba(10,6,30,.45);transform:translateY(130%);transition:transform .38s cubic-bezier(.2,1.3,.4,1);pointer-events:auto;font-family:"M PLUS Rounded 1c","Hiragino Maru Gothic ProN","Hiragino Sans",sans-serif}
.dgo-pop.is-on .dgo-pop__card{transform:translateY(0)}
.dgo-pop.is-big .dgo-pop__card{box-shadow:0 0 0 3px #f6cf49,0 14px 40px rgba(10,6,30,.5)}
.dgo-pop__moon{position:absolute;right:-34px;top:-40px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff8d8 0 30%,#f6e08a 62%,rgba(246,207,73,0) 72%);opacity:.9}
.dgo-pop__sp{position:absolute;inset:0;background:radial-gradient(2px 2px at 14% 30%,#fff,transparent),radial-gradient(1.5px 1.5px at 30% 12%,#fff,transparent),radial-gradient(2px 2px at 62% 22%,#ffe9a8,transparent),radial-gradient(1.5px 1.5px at 84% 60%,#fff,transparent),radial-gradient(1.5px 1.5px at 8% 72%,#ffe9a8,transparent);opacity:.8}
.dgo-pop__art{position:relative;display:flex;justify-content:center;gap:4px;height:64px;margin-bottom:6px}
.dgo-pop__one .dgo-ico{font-size:40px;width:58px;height:58px}
.dgo-pop.is-on .dgo-pop__one{animation:dgDrop .7s cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(.15s + var(--i) * .12s)}
.dgo-pop__t{position:relative;margin:0;font-size:17px;font-weight:800;line-height:1.4}
.dgo-pop__t b{font-size:24px;color:#ffe08a}
.dgo-pop__big{display:inline-block;margin-right:6px;padding:1px 10px;border-radius:999px;background:linear-gradient(135deg,#f6cf49,#e8a13a);color:#2a2c55;font-style:normal;font-size:14px;vertical-align:2px}
.dgo-pop__s{position:relative;margin:6px 0 0;font-size:14px;color:#e8dcf5;display:flex;flex-wrap:wrap;justify-content:center;gap:2px 12px}
.dgo-pop__s b{color:#fff}
.dgo-pop__b{position:relative;display:flex;gap:8px;justify-content:center;margin-top:12px}
.dgo-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;border-radius:999px;border:0;background:linear-gradient(135deg,#a83a0c,#a82d66);color:#fff;font:inherit;font-size:15px;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 3px 0 rgba(0,0,0,.25)}
.dgo-btn--sub{background:#efe7f7;color:#2a2c55;box-shadow:0 3px 0 rgba(58,35,80,.18)}
.dgo-pop.is-still .dgo-pop__card{transition:none}
.dgo-pop.is-still .dgo-pop__one{animation:none}
@keyframes dgDrop{0%{transform:translateY(-60px) scale(.6);opacity:0}60%{transform:translateY(4px) scale(1.06);opacity:1}100%{transform:translateY(0) scale(1)}}

/* ---------- 帯（広場のトップ・あそぶ・マイページ） ---------- */
.dgost{position:relative;margin:8px 0 12px;border-radius:16px;overflow:hidden;box-shadow:0 4px 14px rgba(58,35,80,.2)}
.dgost__a{position:relative;display:flex;align-items:center;gap:10px;min-height:68px;padding:10px 44px 10px 12px;background:#1d2147 right center/cover no-repeat;background-image:linear-gradient(100deg,#2a2c55 0%,#3b2f7a 60%,#5b2f86 100%);color:#fff;text-decoration:none;font-family:"M PLUS Rounded 1c","Hiragino Maru Gothic ProN","Hiragino Sans",sans-serif}
.dgost__a[style]::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,10,44,.85) 0%,rgba(26,10,44,.55) 55%,rgba(26,10,44,.15) 100%)}
.dgost__moon{position:absolute;left:-14px;top:-20px;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff8d8 0 32%,#f6e08a 62%,rgba(246,207,73,0) 72%);opacity:.85}
.dgost__ic,.dgost__t,.dgost__n,.dgost__go{position:relative}
.dgost__ic .dgo-ico{width:40px;height:40px;font-size:40px}
.dgost__t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.dgost__t b{font-size:16px;font-weight:800}
.dgost__t small{font-size:14px;color:#efe4fb;line-height:1.35}
.dgost__n{display:inline-flex;align-items:center;gap:2px;padding:3px 10px;border-radius:999px;background:rgba(20,8,34,.55);font-size:14px;white-space:nowrap}
.dgost__n b{font-size:16px;color:#ffe08a}
.dgost__n .dgo-ico{width:20px;height:20px}
.dgost__go{font-size:14px;font-weight:800;white-space:nowrap;color:#ffe08a}
.dgost__x{position:absolute;top:50%;right:6px;transform:translateY(-50%);z-index:2;width:32px;height:32px;border-radius:50%;border:0;background:rgba(20,8,34,.55);color:#fff;font-size:18px;line-height:32px;padding:0;cursor:pointer}
@media (max-width:420px){.dgost__go{display:none}.dgost__n{padding:2px 8px}}

/* ---------- 秋の夜長のページのタブ ---------- */
.nv-tabs .dgo-tab{display:inline-flex;align-items:center;gap:4px}
.dgo-tab__i{width:20px;height:20px;font-size:20px}
.dgo-panel{padding-bottom:16px}
.dgo-bn{position:relative;margin-top:6px;aspect-ratio:1080/460;min-height:140px;border-radius:18px;overflow:hidden;background:#1d2147 center/cover no-repeat;background-image:linear-gradient(180deg,#2a2c55 0%,#3b2f7a 70%,#5b2f86 100%);display:flex;flex-direction:column;justify-content:center;padding-left:16px}
.dgo-bn[style]::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,10,44,.8),rgba(26,10,44,0) 65%)}
.dgo-bn__moon{position:absolute;right:8%;top:10%;width:38%;max-width:180px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 42% 40%,#fffbe6 0 40%,#f6e08a 66%,rgba(246,207,73,0) 72%);box-shadow:0 0 60px rgba(246,207,73,.35)}
.dgo-bn__grass{position:absolute;left:0;right:0;bottom:0;height:34%;background:radial-gradient(60% 120% at 20% 100%,#1b2a3f 0 60%,transparent 61%),radial-gradient(60% 120% at 85% 100%,#1b2a3f 0 60%,transparent 61%)}
.dgo-bn__ic{position:absolute;right:14%;bottom:12%}
.dgo-bn__ic .dgo-ico{width:76px;height:76px;font-size:76px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}
.dgo-bn__t{position:relative;display:flex;flex-direction:column;gap:6px;max-width:52%}
.dgo-bn__t b{font-size:clamp(19px,5.4vw,24px);font-weight:800;text-shadow:0 2px 6px rgba(0,0,0,.5)}
.dgo-bn__t small{font-size:14px;font-weight:700;line-height:1.5;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.dgo-have{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.1)}
.dgo-have__i{width:52px;height:52px;font-size:52px}
.dgo-have__n{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}
.dgo-have__n span{width:100%;font-size:14px;color:#e8dcf5}
.dgo-have__n b{font-size:30px;line-height:1.1;color:#ffe08a}
.dgo-have__n small{font-size:15px}
.dgo-have__d{width:100%;margin:0;padding-top:8px;border-top:1px solid rgba(255,255,255,.14);font-size:14px;color:#e8dcf5}
.dgo-have__d b{font-size:17px;color:#fff}
.dgo-join{margin-top:12px}
.dgo-items li{position:relative}
.dgo-items .nv-th img{width:72px;height:72px;object-fit:contain}
.dgo-items__p,.dgo-items__q{font-size:14px;color:#e8dcf5}
.dgo-items__q{color:#ffe08a}
.dgo-ex{align-self:center!important;display:inline-flex!important;align-items:center;gap:4px;white-space:nowrap;font-size:16px!important}
.dgo-ex__i{width:18px;height:18px;font-size:18px}
.dgo-items li.is-got{animation:dgGot .9s ease-out}
@keyframes dgGot{0%{box-shadow:inset 0 0 0 2px #ffe08a,0 0 0 0 rgba(255,224,138,.8)}100%{box-shadow:inset 0 0 0 2px rgba(255,224,138,0),0 0 0 14px rgba(255,224,138,0)}}
.dgo-rt th{width:42%;text-align:left}
.dgo-cf{position:fixed;inset:0;z-index:2147483001;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(10,6,30,.6);opacity:0;transition:opacity .2s}
.dgo-cf.is-on{opacity:1}
.dgo-cf__in{width:min(360px,100%);padding:18px 16px;border-radius:20px;background:#fff7ec;color:#2e1a3d;text-align:center;font-size:15px;line-height:1.5}
.dgo-cf__img{width:96px;height:96px;object-fit:contain}
.dgo-cf__in p{margin:6px 0}
.dgo-cf__s{font-size:14px;color:#5b4a6e}
.dgo-cf__b{display:flex;gap:8px;justify-content:center;margin-top:12px}
.dgo-toast{position:fixed;left:50%;top:calc(70px + env(safe-area-inset-top));transform:translate(-50%,-20px);z-index:2147483001;max-width:90vw;padding:10px 16px;border-radius:999px;background:#fff;color:#2e1a3d;font-size:14px;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.dgo-toast.is-on{opacity:1;transform:translate(-50%,0)}
.dgo-toast.is-bad{background:#ffe8ef;color:#a01d63}
@media (prefers-reduced-motion:reduce){.dgo-pop__card,.dgo-cf,.dgo-toast{transition:none}.dgo-pop__one,.dgo-items li.is-got{animation:none!important}}
