/* A little capsule arcade: paper, forest green, orange plastic. */
:root{--accent:#173f35;--line:#dbe0d5;--muted:#65766b;background:#f4f3eb;color:#233f35}body{background:#f4f3eb;color:#233f35}.header{background:#fffef9;border-bottom-color:#d8dfd3}.header-inner{gap:24px}.brand{gap:10px}.brand img{display:block;flex-shrink:0}.brand>b{font-size:23px;letter-spacing:-1.2px;font-weight:900;color:#173f35}.search{background:#eef0e7}.header nav a.active{color:#173f35;font-weight:750}.page-heading h1{color:#173f35;font-size:29px;font-weight:850;letter-spacing:-1px}.page-heading p{color:#6b786b}.page-heading time{color:#6b786b}.browse-controls,.games-panel,.shelf,.detail-head,.detail-main{background:#fffef9;border-color:#dbe0d5}.browse-controls{margin-top:20px}.categories button.active,.feed-tabs button[aria-pressed=true]{border-color:#173f35}.situations button.active{background:#edf2dc;border-color:#c5d2aa;color:#274a33}.primary,.small-play{background:#173f35;color:#fffdef;border-color:#173f35}.primary:hover,.small-play:hover{background:#275647;color:#fffdef;border-color:#275647}.secondary.selected,.game-card .row-actions .vote.selected{background:#edf2dc;color:#173f35;border-color:#a3ba85!important}.game-card .row-actions .vote{color:#31513f}.game-card .row-title{color:#203f34}.game-card .row-discussion b{color:#456453}.game-card .maker-line a{color:#386743}.game-card{background:#fffef9;border-color:#dbe0d5!important}.game-card .row-actions .small-play{background:#173f35;border-color:#173f35}.quality-badge{color:#57715e}.news-shelf{background:#e8eedb;border-color:#d9e1c9}.news-count{background:#173f35}.shelf-link{color:#426347}.notice.unread{border-left-color:#ff793e;background:#fff7e9}.preview-media.playing{outline-color:#ff793e}.preview-media button:focus-visible{outline-color:#ff793e}.footer{border-color:#d2dbcc}.footer>a:first-child{font-weight:850;color:#173f35}.footer>span{color:#66735f}
.gacha-draw{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:30px;padding:25px 32px;background:#173f35;border:1px solid #173f35;border-radius:12px;color:#fff7dc;min-height:225px;align-items:center}.draw-copy{min-width:0}.draw-kicker{display:block;font-size:12px;color:#d8e4bc;margin-bottom:9px;font-weight:650}.gacha-draw h2{font-size:29px;line-height:1.25;letter-spacing:-1px;margin:0 0 10px;font-weight:850;overflow-wrap:anywhere}.gacha-draw h2:focus{outline:none}.gacha-draw p{font-size:14px;line-height:1.65;color:#e4e9d3;margin:0 0 9px;max-width:600px}.draw-condition{font-size:11px;color:#c4d3b6}.draw-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px}.draw-actions .primary{background:#ffab67;color:#173f35;border-color:#ffab67;font-weight:800;padding:11px 19px;min-height:44px}.draw-actions .primary:hover{background:#ffbd85}.draw-actions .secondary{background:#fff5db;border-color:#fff5db;color:#173f35;min-height:42px;padding:10px 14px}.draw-actions button:disabled{opacity:.45;cursor:default}.draw-actions button>span{font-size:22px;line-height:.8;margin-left:5px}.draw-detail{font-size:12px;color:#fff3d0;text-decoration:underline;text-underline-offset:4px;margin-left:4px}.draw-copy>small{font-size:10px;line-height:1.6;color:#b9c9aa;display:block;margin-top:12px}.draw-machine{width:158px;justify-self:center;background:#ff793e;border:3px solid #102e25;border-radius:42px 42px 16px 16px;padding:10px 13px 11px;box-shadow:6px 7px 0 #0e2f26;transform:rotate(4deg)}.machine-window{height:89px;border:3px solid #173f35;border-radius:28px 28px 10px 10px;background:#fff5d7;position:relative;overflow:hidden}.machine-window i{position:absolute;width:37px;height:37px;border-radius:50%;border:2px solid #173f35;background:#ff9c55;top:45px;left:5px}.machine-window i::after{content:'';height:2px;background:#173f35;width:100%;position:absolute;left:0;top:16px;transform:rotate(-25deg)}.machine-window i:nth-child(2){background:#b7cc85;left:42px;top:48px}.machine-window i:nth-child(3){background:#e5dfb5;left:79px;top:39px}.machine-window i:nth-child(4){background:#ffba73;left:23px;top:13px}.machine-window i:nth-child(5){background:#c3d89c;left:60px;top:10px}.machine-handle{margin:8px auto;width:31px;height:31px;border:3px solid #173f35;border-radius:50%;background:#fff5d7;color:#173f35;font-weight:850;font-size:24px;line-height:24px;text-align:center;transform:rotate(20deg)}.machine-slot{height:32px;border:3px solid #102e25;border-radius:15px 15px 6px 6px;background:#102e25;display:flex;justify-content:center;align-items:center;overflow:hidden}.machine-slot img{width:32px;height:32px;transform:rotate(-14deg)}.draw-picked{width:100%;max-width:300px;justify-self:end;min-width:0}.draw-picked .preview-media{width:100%;height:178px;border-radius:7px;outline-color:#ffb16d}.draw-picked .preview-media>button{font-size:11px}.draw-picked .preview-media video{background:#102e25}.gacha-draw.has-pick{grid-template-columns:minmax(0,1fr) minmax(200px,32%)}.just-drawn .draw-picked{animation:capsule-reveal .35s ease-out}@keyframes capsule-reveal{from{transform:translateY(10px) rotate(-3deg);opacity:.5}to{transform:translateY(0);opacity:1}}.just-drawn .draw-actions{animation:draw-actions-in .3s ease-out}@keyframes draw-actions-in{from{opacity:.6}to{opacity:1}}@media(prefers-reduced-motion:reduce){.just-drawn .draw-picked,.just-drawn .draw-actions{animation:none}}
@media(max-width:1050px){.header-inner{gap:17px}.brand>b{font-size:21px}.brand img{width:38px;height:38px}.gacha-draw{padding:24px;gap:20px;grid-template-columns:1fr 160px}.gacha-draw h2{font-size:27px}.gacha-draw p{font-size:13px}}
@media(max-width:600px){.brand>b{font-size:22px}.brand img{width:36px;height:36px}.header-inner{gap:10px}.page-heading h1{font-size:25px}.page-heading p{font-size:12px}.gacha-draw{grid-template-columns:minmax(0,1fr) 82px;gap:12px;padding:22px 18px;min-height:0;border-radius:10px}.gacha-draw h2{font-size:24px;line-height:1.25}.gacha-draw p{font-size:12px}.draw-kicker{font-size:10px}.draw-condition{font-size:10px}.draw-machine{width:110px;padding:7px 9px;border-radius:30px 30px 12px 12px;justify-self:end;transform:rotate(6deg) scale(.78);transform-origin:center right;margin-left:-27px}.machine-window{height:65px;border-radius:20px 20px 8px 8px}.machine-window i{width:28px;height:28px;top:33px;left:0}.machine-window i::after{top:12px}.machine-window i:nth-child(2){left:27px;top:35px}.machine-window i:nth-child(3){left:52px;top:31px}.machine-window i:nth-child(4){left:12px;top:9px}.machine-window i:nth-child(5){left:40px;top:6px}.machine-handle{width:25px;height:25px;font-size:21px;line-height:19px;margin:5px auto}.machine-slot{height:25px}.draw-actions{gap:8px;margin-top:14px}.draw-actions .primary{font-size:13px;padding:10px 14px}.draw-copy>small{font-size:9px;margin-top:10px}.gacha-draw.has-pick{grid-template-columns:1fr}.draw-picked{max-width:none;justify-self:stretch;grid-row:1}.draw-picked .preview-media{height:auto;aspect-ratio:16/9;width:100%}.gacha-draw.has-pick .draw-copy>h2{font-size:23px}.draw-detail{font-size:11px}.browse-controls{margin-top:18px}.footer{font-size:11px}}