.dc{flex-direction:column;gap:12px;display:flex}.dc-name{flex-direction:column;gap:14px;width:100%;max-width:460px;margin:20px auto;padding:28px 24px;display:flex}.dc-scene{background:linear-gradient(#7cc0ff,#cde9ff 70%);flex-direction:column;justify-content:flex-end;align-items:center;min-height:min(46dvh,380px);padding:18px 12px 14px;display:flex;position:relative;overflow:hidden}.dc-scene.night{background:linear-gradient(#0f1530,#2b2350 70%)}.dc-sky{font-size:40px;position:absolute;top:14px;right:22px}.dc-ground{background:#6fbf73;border-top:4px solid #3e8e4e;height:30%;position:absolute;bottom:0;left:0;right:0}.dc-scene.night .dc-ground{background:#2d5a3a;border-top-color:#1d3d27}.dc-pet{z-index:1;cursor:pointer;touch-action:manipulation;background:0 0;border:0;margin-bottom:8px;padding:0;position:relative}.dc-pet .dc-duck{width:min(56vw,230px);height:auto;overflow:visible}.dc-pet.bob{animation:2.6s ease-in-out infinite bob}.dc-duck.sleeping{opacity:.92}.dc-mood{z-index:1;background:var(--surface);color:var(--ink);text-align:center;box-shadow:var(--shadow);border-radius:999px;padding:5px 14px;font-size:14px;position:relative}.dc-mood b{font-family:var(--f-word);font-weight:400}.dc-part{z-index:2;pointer-events:none;font-size:30px;animation:1s ease-out forwards float-up;position:absolute;top:45%}.dc-toast{z-index:3;background:var(--ink);color:var(--surface);border-radius:var(--radius);white-space:nowrap;padding:8px 14px;font-weight:700;position:absolute;top:16px;left:50%;transform:translate(-50%)}.dc-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;display:grid}.dc-stat{flex-direction:column;gap:4px;display:flex}.dc-stat .meter{flex:none;height:8px}.dc-stat.low .meter>i{background:var(--bad)}.dc-stat.low .eyebrow{color:var(--bad)}.dc-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.dc-actions .opt{flex-direction:column;gap:2px;padding:10px 4px;font-size:13px}.dc-actions .opt span{font-size:26px}.dc-actions .opt:disabled{opacity:.4;cursor:default}.dc-shop{flex-direction:column;gap:10px;display:flex}.dc-hats{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.dc-hat{flex-direction:column;gap:2px;font-size:13px}.dc-hat small{color:var(--muted);font-weight:500}.dc-hat-icon{font-size:30px}.dc-arcade{text-align:center;flex-direction:column;align-items:center;gap:14px;padding-top:8px;display:flex}.dc-arcade-list{flex-direction:column;gap:10px;width:min(100%,440px);display:flex}.dc-arcade-list .opt{text-align:left;grid-template-rows:auto auto;grid-template-columns:auto 1fr;justify-content:stretch;column-gap:14px;padding:14px 16px;display:grid}.dc-arcade-list .opt span{grid-row:span 2;align-self:center;font-size:30px}.dc-arcade-list .opt b{font-family:var(--f-word);font-size:19px;font-weight:400}.dc-arcade-list .opt small{color:var(--muted);font-weight:500}.dc-rps{flex-direction:column;gap:16px;width:min(100%,460px);display:flex}.dc-rps-board{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.dc-rps-hand{font-size:64px;line-height:1.2}.dc-rps-result{font-family:var(--f-display);font-size:22px}.dc-rps-result.win{color:var(--good)}.dc-rps-result.lose{color:var(--bad)}.dc-rps-picks{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.dc-rps-picks .opt{flex-direction:column;padding:16px 8px}.dc-mini{flex-direction:column;align-items:center;gap:10px;display:flex}.dc-board{width:min(100%,100dvh - 300px,520px)}.dc-mini-foot{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;width:min(100%,520px);display:grid}.dc-mini-foot>:last-child{justify-self:end}.dc-mini-foot .pstat{align-items:flex-start}.dc-flappy{aspect-ratio:400/560;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:min(100%,400px,71.4286dvh - 185.714px);position:relative}.dc-flappy canvas{border:3px solid var(--ink);border-radius:4px;width:100%;height:100%}.dc-flappy-score{text-align:center;font-family:var(--f-display);color:#fff;text-shadow:3px 3px #14213d;pointer-events:none;font-size:44px;position:absolute;top:14px;left:0;right:0}.overlay.dc-clear{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;color:#14213d;background:0 0}.overlay.dc-clear .big{color:#14213d;text-shadow:3px 3px #ffc233}@media (max-width:480px){.dc-actions .opt{font-size:11px}.dc-actions .opt span{font-size:22px}}