:root{--app-bg:#fff7ed}body{background-color:var(--app-bg);color:#334155;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-image:radial-gradient(#fed7aa 2px,#0000 2px);background-size:24px 24px;flex-direction:column;width:100vw;height:100dvh;font-family:Zen Maru Gothic,sans-serif;display:flex;overflow:hidden}.btn-push{transition:transform .1s,box-shadow .1s;position:relative}.btn-push:active{transform:translateY(2px);box-shadow:none!important}a[aria-label=PikaLab\ トップに戻る],#mode-pay,#mode-change,#mode-clock-read,#mode-clock-set,#lvl-easy,#lvl-normal,#lvl-hard,#btn-moji-hint{justify-content:center;align-items:center;min-height:40px;display:inline-flex}.fade-enter{animation:.3s cubic-bezier(.4,0,.2,1) forwards fadeEnter}@keyframes fadeEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.maron-wrapper{flex-shrink:0;width:36px;height:32px;position:relative}.maron-body{background-color:#92400e;border-radius:50% 50% 45% 45%;width:100%;height:100%;position:relative;box-shadow:0 2px #78350f}.maron-face{background-color:#fef3c7;border-radius:50% 50% 45% 45%;width:80%;height:70%;position:absolute;bottom:5%;left:10%}.maron-ear{background-color:#92400e;border-radius:50%;width:24%;height:28%;position:absolute;top:-10%}.maron-ear.l{left:5%}.maron-ear.r{right:5%}.maron-eye{background-color:#451a03;border-radius:50%;width:10%;height:15%;position:absolute;top:35%}.maron-eye.l{left:30%}.maron-eye.r{right:30%}.maron-cheek{opacity:.6;background-color:#fca5a5;border-radius:50%;width:15%;height:10%;position:absolute;top:45%}.maron-cheek.l{left:15%}.maron-cheek.r{right:15%}.maron-mouth{border-bottom:2px solid #451a03;border-radius:0 0 50% 50%;width:20%;height:10%;position:absolute;top:45%;left:40%}.maron-happy .maron-mouth{background-color:#ef4444;border:none;border-radius:0 0 50px 50px;height:20%}.clock-fixed-wrapper{flex-shrink:1;width:220px;max-width:100%;height:220px;max-height:220px;margin:0 auto;position:relative}.clock-face{background:#fff;border:8px solid #3b82f6;border-radius:50%;width:100%;height:100%;position:relative;box-shadow:0 4px 10px #0000001a}.clock-center{z-index:30;background:#1e293b;border:2px solid #e2e8f0;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clock-num{color:#475569;pointer-events:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;font-weight:900;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hand{transform-origin:50% 100%;z-index:20;pointer-events:none;border-radius:50px 50px 0 0;position:absolute;bottom:50%;left:50%;box-shadow:0 2px 4px #0003}.hand-hour{background:#ef4444;width:8px;height:52px}.hand-minute{z-index:25;background:#3b82f6;width:5px;height:72px}.clock-tick{pointer-events:none;width:2px;height:100%;position:absolute;top:0;left:50%}.clock-tick:before{content:"";background:#cbd5e1;width:3px;height:8px;margin:0 auto;display:block}.clock-tick.major:before{background:#94a3b8;width:5px;height:14px}.clock-touch-layer{z-index:50;cursor:pointer;border-radius:50%;position:absolute;inset:-10px}.coin-btn{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:18px;font-weight:900;display:flex;position:relative;box-shadow:0 3px #0003}.coin-btn:active{box-shadow:none;transform:translateY(3px)}.coin-100,.coin-50{color:#475569;background:#e2e8f0;border:3px solid #94a3b8}.coin-10{color:#9a3412;background:#ffedd5;border:3px solid #ea580c}.coin-5{color:#854d0e;background:#fef08a;border:3px solid #ca8a04}.coin-1{color:#64748b;background:#f8fafc;border:2px solid #cbd5e1;font-size:16px}#coin-tray{flex-wrap:wrap;place-content:center;align-items:center;gap:4px;min-height:44px;padding:4px;display:flex}.tray-coin{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;animation:.2s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex;box-shadow:0 1px 2px #0000001a}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.moji-grid{gap:6px;width:100%;max-width:320px;margin:0 auto;display:grid}.moji-cell{aspect-ratio:1;color:#4b5563;cursor:pointer;background:#fff;border:2px solid #fed7aa;border-radius:10px;justify-content:center;align-items:center;font-size:24px;font-weight:900;transition:background .2s;display:flex;box-shadow:0 3px #fdba74}.moji-cell:active{box-shadow:none;background:#fff7ed;transform:translateY(3px)}.moji-hint{animation:1s infinite pulse;background-color:#fef08a!important;border-color:#eab308!important}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.tab-content{-webkit-overflow-scrolling:touch;flex-direction:column;align-items:center;width:100%;height:100%;padding:12px 10px 15px;display:none;overflow-y:auto}.tab-content.active{display:flex}.nav-item{color:#94a3b8;cursor:pointer;border-bottom:3px solid #0000;transition:all .2s}.nav-item.active{color:#f97316;background:#fff7ed;border-bottom:3px solid #f97316}.hanamaru-container{pointer-events:none;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff4d;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.hanamaru-container.show{display:flex}.hanamaru-svg{filter:drop-shadow(0 10px 20px #ef444466);width:90vw;max-width:380px;height:90vw;max-height:380px;transform:rotate(-10deg)}.flower-path{stroke-dasharray:2000;stroke-dashoffset:2000px;animation:.6s cubic-bezier(.25,1,.5,1) forwards draw-flower}.text-group{transform-origin:50%;opacity:0;animation:.5s cubic-bezier(.175,.885,.32,1.275) .4s forwards pop-text;transform:scale(.5)}@keyframes draw-flower{to{stroke-dashoffset:0}}@keyframes pop-text{to{opacity:1;transform:scale(1)}}.compact-card{background:#fff;border:2px solid #e2e8f0;border-radius:20px;flex-shrink:0;width:100%;max-width:440px;margin-bottom:6px;padding:8px;box-shadow:0 4px 6px -1px #0000001a}@media (height<=720px){.clock-fixed-wrapper{width:170px;height:170px}.clock-num{width:24px;height:24px;font-size:16px}.hand-hour{height:42px}.hand-minute{height:56px}.coin-btn{width:44px;height:44px;font-size:14px}.moji-grid{max-width:260px}.moji-cell{font-size:18px}.compact-card{margin-bottom:4px;padding:4px}.tab-content{padding-top:6px}}.btn-clock-adj{-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color .15s,transform 50ms;box-shadow:0 2px #0000001a}.btn-clock-adj:active{transform:translateY(1.5px);box-shadow:none!important}.star-confetti{z-index:9999;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 2px 5px #fde04780);animation:3s linear forwards starFall;position:fixed;top:-40px}@keyframes starFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}.star-blink{animation:.5s infinite alternate starBlinkAnimation}@keyframes starBlinkAnimation{0%{opacity:.3;color:#fbbf24;transform:scale(.9)}to{opacity:1;color:#f59e0b;filter:drop-shadow(0 0 8px #f59e0b99);transform:scale(1.2)}}