*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--cream:#f7f3e8;--sky:#a8d8ea;--wakakusa:#b8d888;--orange:#e8875f;--coral:#e8694a;--alert-y:#f0c848;--alert-r:#d84040;--akane:#d86048;--murasaki:#6a4a78;--navy:#141a33;--navy2:#232b4d;--lantern:#e04838;--wood:#8a5a30;--amber:#e8a030;--warm-y:#f5d878;--ink:#2b2233;--ink-soft:#5a5266;--paper:#fffdf6;--font-dot:"DotGothic16", "Hiragino Sans", "Yu Gothic", sans-serif;--font-body:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", sans-serif}html,body{height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--navy);-webkit-font-smoothing:antialiased;font-weight:600;overflow-x:hidden}#root{justify-content:center;min-height:100dvh;display:flex}button{cursor:pointer;font-family:inherit}canvas{image-rendering:pixelated;display:block}:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.app{background:var(--cream);isolation:isolate;width:100%;max-width:480px;min-height:100dvh;position:relative;overflow-x:hidden}.app:before{content:"";z-index:-1;pointer-events:none;opacity:.55;background-color:#0000;background-image:linear-gradient(90deg,#ffffff06 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:4px 4px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}@media (width>=768px){.app{max-width:520px;box-shadow:0 0 60px #00000080}}.screen{flex-direction:column;align-items:center;min-height:100dvh;padding:20px 16px 32px;display:flex}.screen-title{font-family:var(--font-dot);letter-spacing:2px;margin-bottom:8px;font-size:26px}.btn{min-height:48px;font-size:15px;font-weight:700;font-family:var(--font-body);color:var(--ink);background:var(--paper);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);text-align:center;border-radius:8px;justify-content:center;align-items:center;padding:10px 18px;text-decoration:none;transition:transform 60ms,box-shadow 60ms;display:inline-flex}.btn:active{box-shadow:0 0 0 var(--ink);transform:translateY(4px)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--amber);color:var(--ink)}.btn-secondary{background:var(--paper)}.btn-ghost{box-shadow:none;color:var(--ink-soft);background:0 0;border-color:#0000;min-height:44px;text-decoration:underline}.btn-lg{min-height:56px;font-size:18px;font-family:var(--font-dot);letter-spacing:1px;padding:12px 28px}.btn-option{background:var(--paper);text-align:left;justify-content:flex-start;width:100%}.btn-course{background:var(--coral);color:#fff;width:100%;min-height:56px;font-size:17px}.btn-danger{background:var(--alert-r);color:#fff}.btn-danger-ghost{color:var(--alert-r)}.btn-back{align-self:flex-start}.chip{vertical-align:middle;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-block}.chip-important{background:var(--coral);color:#fff}.chip-deadline{background:var(--alert-y);color:var(--ink)}.chip-soon{background:var(--alert-r);color:#fff}.chip-contacted{background:var(--wakakusa);color:var(--ink)}.notice-small{color:var(--ink-soft);text-align:center;margin-top:24px;font-size:11px;font-weight:500;line-height:1.7}.mute-btn{z-index:10;border:2px solid var(--ink);background:#fffdf6d9;border-radius:8px;width:44px;height:44px;font-size:20px;position:absolute;top:12px;right:12px}.title-screen{background:radial-gradient(circle at 50% 22%, #e8a0302e, transparent 28%), linear-gradient(180deg, #100d1c 0%, var(--navy) 38%, var(--navy2) 72%, #3a2b4d 100%);color:var(--cream);text-align:center;isolation:isolate;justify-content:center;gap:10px;position:relative}.title-screen:before,.title-screen:after{content:"";pointer-events:none;z-index:0;position:absolute}.title-screen>*{z-index:1;position:relative}.title-screen:before{background:linear-gradient(90deg,#0000 49%,#f5c0600f 50%,#0000 51%),repeating-linear-gradient(0deg,#0000 0 7px,#ffffff05 7px 8px);inset:0}.title-screen:after{background:linear-gradient(90deg,#0000 0 8%,#161224 8% 10%,#0000 10% 21%,#161224 21% 28%,#0000 28% 70%,#161224 70% 75%,#0000 75%),linear-gradient(#0000,#0a081073);border-top:3px solid #e8a03047;height:22%;bottom:6%;left:8%;right:8%}.title-lanterns{align-items:flex-start;gap:24px;display:flex}.lantern-swing{transform-origin:top;animation:3.2s ease-in-out infinite swing;display:inline-block}.lantern-swing.delay{animation-delay:1.1s}@keyframes swing{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.title-sub{font-family:var(--font-dot);color:var(--warm-y);font-size:16px}.title-main{font-family:var(--font-dot);color:var(--amber);text-shadow:1px 1px #fff2b0,3px 3px #0000009e,0 0 20px #e8a0303d;font-size:38px;line-height:1.3}.rin-character{object-fit:contain;-webkit-user-select:none;user-select:none;image-rendering:pixelated;filter:drop-shadow(0 5px #0a070c38);display:block}.title-rin .rin-character{width:210px;height:210px}.title-desc{color:#c8d0e8;font-size:13px;font-weight:500;line-height:1.8}.title-row{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.title-row .btn-ghost{color:#a8b0d0}.title-best{font-family:var(--font-dot);color:var(--warm-y);font-size:14px}.title-screen .notice-small{color:#8890b0}@media (width>=768px) and (height<=700px){.title-screen{justify-content:flex-start;gap:3px;padding-top:8px;padding-bottom:10px}.title-lanterns{transform-origin:top;height:46px;transform:scale(.65)}.title-sub{font-size:13px}.title-main{font-size:28px;line-height:1.15}.title-rin .rin-character{width:145px;height:145px}.title-desc{font-size:11px;line-height:1.5}.title-screen .btn-lg{min-height:44px;padding:7px 24px;font-size:16px}.title-row .btn-ghost{min-height:36px;padding-block:4px}.title-best{font-size:12px}.title-screen .notice-small{margin-top:3px;font-size:9px;line-height:1.4}}.howto-screen{justify-content:center;gap:20px}.howto-list{flex-direction:column;gap:16px;max-width:360px;list-style:none;display:flex}.howto-list li{background:var(--paper);border:3px solid var(--ink);border-radius:10px;align-items:flex-start;gap:12px;padding:14px;font-size:15px;line-height:1.7;display:flex}.howto-icon{flex-shrink:0;font-size:24px}.howto-tip{text-align:center;color:var(--ink-soft);border-top:2px dashed var(--ink-soft);border-bottom:2px dashed var(--ink-soft);padding:12px 0;font-size:14px;line-height:1.8}.morning-screen{background:linear-gradient(180deg, var(--sky) 0%, var(--cream) 40%);gap:12px}.morning-time{font-family:var(--font-dot);margin-top:10px;font-size:22px}.morning-sub{color:var(--ink-soft);margin-bottom:8px;font-size:13px}.daily-challenge{background:var(--ink);width:100%;color:var(--cream);border:3px solid var(--amber);border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:3px 10px;padding:11px 13px;display:grid;box-shadow:4px 4px #1f182829}.daily-challenge-label{border-right:2px dashed var(--amber);color:var(--warm-y);font-family:var(--font-dot);writing-mode:vertical-rl;grid-row:1/4;align-self:stretch;place-items:center;padding-right:10px;font-size:10px;display:grid}.daily-challenge strong{color:var(--warm-y);font-family:var(--font-dot);font-size:17px}.daily-challenge span:not(.daily-challenge-label){font-size:12px}.daily-challenge small{color:#a8d8ea;font-size:10px}.morning-list{flex-direction:column;gap:8px;width:100%;margin-bottom:16px;list-style:none;display:flex}.morning-item{background:var(--paper);border:3px solid var(--ink);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.morning-item-body{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;gap:8px;display:flex}.morning-item-title{font-size:14px}.morning-item-min{font-family:var(--font-dot);color:var(--ink-soft);white-space:nowrap;font-size:13px}.play-screen{align-items:stretch;gap:10px;padding:12px 12px 24px}.play-screen.shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.play-header{align-items:center;gap:10px;display:flex;position:relative}.play-header .mute-btn{flex-shrink:0;position:static}.clock{background:var(--ink);color:var(--warm-y);text-align:center;border-radius:8px;flex-shrink:0;padding:6px 10px}.clock-time{font-family:var(--font-dot);min-width:64px;font-size:24px;line-height:1.1;display:block}.clock-note{color:#a8b0d0;font-size:10px;display:block}.clock-overtime{background:var(--alert-r)}.clock-overtime .clock-time,.clock-overtime .clock-note{color:#fff}.stats{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.stat{align-items:center;gap:6px;font-size:11px;display:flex}.stat-icon{flex-shrink:0;font-size:13px}.stat-bar{border:2px solid var(--ink);background:#d8d0c8;border-radius:3px;flex:1;min-width:40px;height:10px;overflow:hidden}.stat-fill{height:100%;transition:width .4s;display:block}.fill-energy{background:var(--coral)}.fill-trust{background:var(--sky)}.fill-family{background:var(--wakakusa)}.stat-label{flex-shrink:0;width:72px;font-weight:700}.scene{border:3px solid var(--ink);border-radius:10px;flex-shrink:0;height:110px;transition:background 1s;position:relative;overflow:hidden}.sky-morning{background:linear-gradient(#a8d8ea 0%,#d8ecda 100%)}.sky-noon{background:linear-gradient(#8ecae6 0%,#cfe8c8 100%)}.sky-afternoon{background:linear-gradient(#e8b878 0%,#e8d8a8 100%)}.sky-sunset{background:linear-gradient(#d86048 0%,#6a4a78 100%)}.sky-night{background:linear-gradient(#141a33 0%,#3a2b4d 100%)}.scene-window{border:3px solid var(--ink);background:#ffffff59;border-radius:4px;width:54px;height:44px;position:absolute;top:10px;left:14px}.scene-window:after{content:"";border-left:3px solid var(--ink);position:absolute;inset:0 0 0 50%}.scene-sun{background:var(--warm-y);border-radius:2px;width:14px;height:14px;position:absolute;top:6px;right:6px}.sky-night .scene-sun,.sky-sunset .scene-sun{background:#f5f2ea}.scene-desk{border-top:3px solid var(--ink);background:linear-gradient(#ffffff24,#0000 22%),repeating-linear-gradient(90deg,#85502e 0 21px,#724326 21px 23px,#9a6138 23px 44px);justify-content:center;height:34px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 3px #ffffff1f,0 -5px 12px #1c121829}.scene-rin{z-index:2;width:176px;height:106px;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.scene-rin .rin-character{filter:drop-shadow(0 3px #0a070c2e);width:100%;height:100%}.scene-laptop{border:3px solid var(--ink);background:linear-gradient(145deg,#6f7180 0 14%,#44404c 15% 74%,#27242e 75%);border-radius:3px 3px 0 0;width:34px;height:22px;position:absolute;bottom:30px;left:58%;box-shadow:inset 2px 2px #ffffff21,5px 4px #20182233}.scene-laptop:after{content:"";border:2px solid #9ba8b4;width:7px;height:5px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.message-area{flex-shrink:0;min-height:52px}.message{background:var(--paper);border:3px solid var(--ink);border-radius:10px;padding:6px 12px 8px;font-size:13px;line-height:1.6;animation:.25s pop-in;position:relative}.toast-label{letter-spacing:1px;color:var(--ink-soft);margin-bottom:2px;font-size:9px;font-weight:700;display:block}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.message-idle{color:var(--ink-soft);border-style:dashed;animation:none}.score-float{font-family:var(--font-dot);color:var(--coral);background:var(--paper);border:2px solid var(--ink);border-radius:6px;padding:0 6px;font-size:18px;animation:1.2s forwards float-up;position:absolute;top:-14px;right:10px}@keyframes float-up{0%{opacity:0;transform:translateY(8px)}25%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.secretary-bar{color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:999px;align-self:stretch;align-items:center;gap:8px;padding:4px 12px;font-size:12px;font-weight:700;display:flex}.play-challenge{border:2px solid var(--amber);background:#fff8df;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:1px 8px;padding:7px 10px;display:grid}.play-challenge>span{background:var(--ink);color:var(--warm-y);font-family:var(--font-dot);border-radius:4px;grid-row:1/3;padding:3px 6px;font-size:10px}.play-challenge strong{font-size:12px}.play-challenge small{color:var(--ink-soft);font-size:10px}.combo-meter{border:3px solid var(--ink);background:var(--paper);border-radius:9px;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;min-height:48px;padding:7px 10px;display:grid;box-shadow:3px 3px #1f182821}.combo-flame{color:#a8a0a0;font-size:18px;transform:rotate(45deg)}.combo-copy{flex-direction:column;min-width:92px;display:flex}.combo-copy small{color:var(--ink-soft);font-size:9px}.combo-copy strong{font-family:var(--font-dot);font-size:15px}.combo-rule{color:var(--ink-soft);text-align:right;justify-self:end;font-size:9px}.combo-active{border-color:var(--amber);background:linear-gradient(90deg,#fff3c9,#fffaf0);animation:.34s steps(3,end) combo-pop}.combo-active .combo-flame,.combo-active .combo-copy strong{color:var(--coral)}@keyframes combo-pop{0%{transform:scale(.96)}60%{transform:scale(1.025)}to{transform:scale(1)}}.secretary-dot{background:#4cc25e;border-radius:50%;flex-shrink:0;width:9px;height:9px;box-shadow:0 0 5px #4cc25e}.secretary-status{color:var(--ink-soft);border-left:1px solid #d0c8bc;padding-left:8px;font-size:10px;font-weight:600}.workstyle-screen{justify-content:center;gap:14px}.workstyle-list{flex-direction:column;gap:12px;width:100%;max-width:400px;display:flex}.workstyle-card{text-align:left;background:var(--paper);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:12px;align-items:center;gap:14px;padding:14px;font-family:inherit;transition:transform 60ms,box-shadow 60ms;display:flex}.workstyle-card:active{box-shadow:0 0 0 var(--ink);transform:translateY(4px)}.workstyle-icon{flex-shrink:0;font-size:30px}.workstyle-body{flex-direction:column;gap:2px;display:flex}.workstyle-name{font-size:16px;font-weight:700}.workstyle-time{font-family:var(--font-dot);color:var(--coral);font-size:13px}.workstyle-desc{color:var(--ink-soft);font-size:11px;font-weight:500;line-height:1.5}.earned-counter{font-family:var(--font-dot);color:#3a7838;margin-left:auto;font-size:13px}.task-pay{color:#3a7838;margin-right:6px;font-weight:700}.result-cell-money .result-val{color:#3a7838}.trust-bonus-line{color:#2f6b8f;background:#e4f0f8;border:2px solid #88b0cc;border-radius:8px;width:100%;margin-top:-4px;padding:8px 12px;font-size:12px;font-weight:700}.pay-note{width:100%;color:var(--ink-soft);text-align:right;margin-top:-6px;font-size:10px;font-weight:500}.pc-window{border:3px solid var(--ink);background:#eef0f4;border-radius:12px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 4px #2b223340}.pc-titlebar{background:#dfe3ea;border-bottom:2px solid #c4cad4;align-items:center;gap:10px;padding:7px 12px;display:flex}.pc-dots{gap:5px;display:inline-flex}.pc-dots i{border-radius:50%;width:10px;height:10px}.dot-r{background:#f26b5e}.dot-y{background:#f5bd4f}.dot-g{background:#59c257}.pc-title{color:#4a4f5c;font-size:12px;font-weight:700}.pc-count{color:#fff;background:var(--coral);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}.task-list{flex-direction:column;flex:1;gap:8px;padding:10px;display:flex}.task-card{background:var(--paper);border:3px solid var(--ink);border-radius:10px;overflow:hidden}.task-card.expanded{border-color:var(--coral);box-shadow:0 3px 0 var(--coral)}.task-card-head{width:100%;font:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:10px;min-height:52px;padding:10px 12px;display:flex}.task-card-main{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.task-card-title{font-size:14px;font-weight:700}.task-card-min{font-family:var(--font-dot);color:var(--ink-soft);white-space:nowrap;font-size:13px}.task-card-arrow{color:var(--ink-soft);font-size:10px}.task-actions{flex-direction:column;gap:8px;padding:0 12px 12px;display:flex}.task-desc{color:var(--ink-soft);font-size:12px;font-weight:500;line-height:1.6}.done-section{border-top:2px dashed #c8c0b8;flex-direction:column;gap:4px;margin-top:6px;padding-top:8px;display:flex}.done-item{color:var(--ink-soft);align-items:center;gap:8px;font-size:12px;text-decoration:line-through;animation:.4s done-bounce;display:flex}.tomorrow-item{text-decoration:none}@keyframes done-bounce{0%{opacity:0;transform:translateY(-6px)}60%{transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.done-check{background:var(--wakakusa);border:2px solid var(--ink);width:18px;height:18px;color:var(--ink);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;text-decoration:none;display:inline-flex}.done-time{font-family:var(--font-dot);margin-left:auto}.close-day-area{gap:8px;padding-top:4px;display:flex}.btn-break{background:var(--paper);flex-direction:column;gap:0;min-width:110px;font-size:13px;line-height:1.3}.break-note{color:var(--ink-soft);font-size:10px;font-weight:500}.btn-close-day{flex:1}.waiting-section{flex-direction:column;gap:4px;margin-top:4px;display:flex}.waiting-item{color:var(--ink-soft);background:repeating-linear-gradient(-45deg, var(--paper), var(--paper) 8px, #f0e8d8 8px, #f0e8d8 16px);border:2px dashed var(--ink-soft);border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.waiting-icon{animation:2s ease-in-out infinite hourglass}@keyframes hourglass{0%,70%,to{transform:rotate(0)}80%,90%{transform:rotate(180deg)}}.chat-modal{border-color:var(--ink);padding:0 0 16px;overflow:hidden}.chat-header{background:var(--ink);color:var(--cream);align-items:center;gap:10px;padding:10px 14px;display:flex}.chat-avatar{border:2px solid var(--cream);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:inline-flex}.chat-name{font-size:15px;font-weight:700}.chat-online{color:#9fe08a;margin-left:auto;font-size:10px}.chat-body{background:#e8eef2;flex-direction:column;gap:4px;padding:14px;display:flex}.chat-bubble{background:#fff;border-radius:4px 14px 14px;align-self:flex-start;max-width:90%;padding:10px 12px;font-size:14px;line-height:1.7;animation:.3s chat-pop;box-shadow:0 1px 2px #0000001f}@keyframes chat-pop{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-time{color:var(--ink-soft);align-self:flex-start;font-size:10px}.chat-reply-label{color:var(--ink-soft);text-align:center;padding-top:10px;font-size:12px}.chat-modal .happening-options{padding:4px 12px 0}.chat-reply{text-align:left;background:#d4ecc8;border-radius:14px 4px 14px 14px}.clock-pickup{color:var(--warm-y);white-space:nowrap;border-top:1px solid #3a3450;margin-top:2px;padding-top:2px;font-size:10px;display:block}.pickup-soon{color:#fff;background:var(--alert-r);border-radius:3px;padding:1px 3px;animation:1.2s step-end infinite blink}@keyframes blink{50%{opacity:.55}}.pickup-notice{background:var(--alert-y);border:2px solid var(--ink);border-radius:8px;margin-bottom:6px;padding:8px 12px;font-size:13px;font-weight:700}.lunch-modal{border-color:var(--amber);box-shadow:0 0 0 4px var(--warm-y)}.lunch-title{font-family:var(--font-dot);color:var(--wood);font-size:20px}.modal-backdrop{z-index:50;background:#14101eb3;justify-content:center;align-items:center;padding:20px;animation:.2s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--paper);border:4px solid var(--ink);border-radius:12px;flex-direction:column;gap:10px;width:100%;max-width:380px;padding:20px 16px;animation:.25s modal-pop;display:flex}@keyframes modal-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-title{font-family:var(--font-dot);text-align:center;font-size:20px}.modal-text{text-align:center;font-size:14px;line-height:1.7}.happening-modal{border-color:var(--alert-r);box-shadow:0 0 0 4px var(--alert-y)}.happening-head{align-items:center;gap:12px;display:flex}.happening-title{font-family:var(--font-dot);color:var(--alert-r);font-size:20px}.happening-desc{font-size:14px;line-height:1.7}.happening-options{flex-direction:column;gap:8px;display:flex}.ending-scene{background:var(--navy);color:var(--cream);text-align:center;cursor:pointer;justify-content:center;gap:16px}.ending-room{border:4px solid #17121f;border-radius:12px;flex-direction:column;align-items:center;gap:20px;width:100%;padding:40px 20px;transition:background .8s;display:flex;box-shadow:inset 0 0 0 2px #ffffff14,8px 8px #0003}.ending-room .rin-character{width:190px;height:190px}.room-sunset{background:linear-gradient(0deg, #1f1328b8 0 24%, transparent 25%), linear-gradient(180deg, #e77a5d 0%, #b75e78 42%, var(--murasaki) 100%)}.room-dark{background:linear-gradient(#1a1626 0%,#0f0c18 100%)}.ending-window{border:4px solid var(--ink);background:linear-gradient(90deg,#0000 48%,#2f2435 48% 53%,#0000 53%),linear-gradient(#0000 48%,#2f2435 48% 54%,#0000 54%),linear-gradient(#f3a56a 0%,#8f5679 64%,#44314f 65%);border-radius:4px;width:80px;height:60px;box-shadow:inset 0 0 0 2px #fff4ce2e,5px 5px #0000002e}.room-dark .ending-window{background:#3c325a80}.ending-text{font-family:var(--font-dot);font-size:17px;line-height:1.8;animation:.6s fade-in}.ending-street{background:linear-gradient(90deg, transparent 0 12%, #181322 12% 18%, transparent 18% 79%, #181322 79% 86%, transparent 86%), linear-gradient(0deg, #17131f 0 26%, transparent 27%), linear-gradient(180deg, var(--murasaki) 0%, var(--navy) 100%);border:4px solid #17121f;border-radius:12px;width:100%;padding:60px 20px;box-shadow:inset 0 -14px #00000029}.ending-venue{background:linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/12px 100%,linear-gradient(#25182a 0%,#18111f 58%,#0e0b13 100%);border:4px solid #110d16;border-radius:14px;flex-direction:column;align-items:center;gap:18px;width:100%;padding:22px 10px;display:flex;position:relative;box-shadow:inset 0 0 0 2px #e8a03029}.ending-home .ending-venue{background:linear-gradient(#3a2b30 0%,#241a20 100%);border-radius:12px;padding:30px 16px}.ending-lantern{animation:3s ease-in-out infinite swing}.ending-table{border:4px solid var(--ink);background:linear-gradient(#ffffff2e,#0000 18%),repeating-linear-gradient(90deg,#8d522b 0 32px,#6f3d24 32px 35px,#a16135 35px 65px);border-radius:10px;justify-content:center;align-items:flex-end;gap:8px;width:min(100%,360px);min-height:180px;padding:12px 10px;display:flex;box-shadow:inset 0 4px #ffffff1f,0 9px #0f0b12}.pour-anim{display:inline-block}.pour-anim.pouring{animation:1.4s pour}@keyframes pour{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}.place-anim{animation:.5s place}@keyframes place{0%{opacity:0;transform:translateY(-24px)}70%{opacity:1;transform:translateY(3px)}to{transform:translateY(0)}}.ending-fuu{flex-direction:column;align-items:center;gap:14px;animation:.8s fade-in;display:flex}.ending-fuu .rin-character{width:190px;height:190px}.fuu-text{font-family:var(--font-dot);color:var(--warm-y);text-shadow:4px 4px #0006;font-size:64px;animation:1s fuu-appear}@keyframes fuu-appear{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.skip-btn{color:var(--cream);border:2px solid var(--cream);z-index:20;background:#fffdf633;border-radius:8px;min-height:44px;padding:8px 14px;font-size:13px;position:fixed;bottom:18px;right:18px}.result-screen{background:linear-gradient(180deg, var(--navy) 0%, var(--navy2) 30%, var(--cream) 30.5%);gap:14px}.result-screen .screen-title{color:var(--warm-y)}.result-score-box{background:var(--ink);width:100%;color:var(--warm-y);border:4px solid var(--amber);text-align:center;border-radius:12px;padding:14px}.result-score-label{color:#c8d0e8;font-size:13px}.result-score{font-family:var(--font-dot);font-size:52px;line-height:1.2}.result-score-unit{font-size:22px}.result-newbest{font-family:var(--font-dot);color:var(--coral);font-size:15px}.result-grid{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.result-cell{background:var(--paper);border:3px solid var(--ink);border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.result-cell-combo{border-color:var(--amber);background:#fff8df;grid-column:1/-1}.result-key{color:var(--ink-soft);font-size:12px}.result-val{font-family:var(--font-dot);font-size:18px}.result-breakdown{background:var(--paper);border:2px dashed var(--ink-soft);border-radius:10px;width:100%;padding:10px 12px;font-size:13px}.result-breakdown summary{cursor:pointer;color:var(--ink-soft);font-weight:700}.result-breakdown ul{flex-direction:column;gap:4px;margin-top:8px;list-style:none;display:flex}.result-breakdown li{justify-content:space-between;display:flex}.result-breakdown .plus{color:#3a7838;font-family:var(--font-dot)}.result-breakdown .minus{color:var(--alert-r);font-family:var(--font-dot)}.result-title-box{text-align:center;background:var(--paper);border:3px solid var(--ink);border-radius:10px;width:100%;padding:12px}.result-title-name{font-family:var(--font-dot);color:var(--coral);margin:4px 0;font-size:22px}.result-title-desc{color:var(--ink-soft);font-size:12px}.challenge-result{border:3px solid var(--ink);text-align:center;border-radius:10px;width:100%;padding:12px}.challenge-result>span{font-family:var(--font-dot);font-size:11px;display:block}.challenge-result strong{font-family:var(--font-dot);margin:3px 0;font-size:19px;display:block}.challenge-result p{font-size:12px}.challenge-clear{color:#35501f;background:#e7f1d7;border-color:#5c7d3d}.challenge-missed{color:var(--ink-soft);background:#f2ede5}.result-reward-box{background:radial-gradient(circle at 50% 35%, #e8a0301f, transparent 38%), repeating-linear-gradient(90deg, #ffffff06 0 1px, transparent 1px 12px), linear-gradient(180deg, #2a2040, var(--navy));width:100%;color:var(--cream);border:3px solid var(--amber);text-align:center;border-radius:12px;padding:14px;box-shadow:inset 0 0 0 2px #ffffff0d,0 6px #1f182829}.result-reward-box .result-key{color:var(--warm-y)}.result-reward-items{justify-content:center;align-items:center;gap:4px;margin-top:10px;display:flex}.reward-item{flex-direction:column;flex:1;align-items:center;gap:4px;max-width:160px;display:flex}.reward-name{font-size:13px;font-weight:700}.reward-rarity{font-size:10px}.rarity-1{color:#a8b0c0}.rarity-2{color:#9fc768}.rarity-3{color:#78c8d8}.rarity-4{color:#e8a030}.rarity-5{color:#f078a8}.reward-x{font-family:var(--font-dot);color:var(--warm-y);font-size:24px}.showcase{border-radius:12px;justify-content:center;align-items:center;padding:6px;display:inline-flex;position:relative}.culinary-sprite{filter:drop-shadow(0 5px #0a070c33);display:block}.culinary-art{object-fit:cover;image-rendering:auto;background:#161326;border:2px solid #e8a03094;border-radius:9px;box-shadow:inset 0 0 0 1px #ffffff14,0 4px #0a070c3d}.reward-item .culinary-sprite{transition:transform .22s steps(3,end),filter .22s}.reward-item:hover .culinary-sprite{filter:drop-shadow(0 8px #0a070c2b);transform:translateY(-3px)scale(1.04)}.showcase-r2{background:radial-gradient(circle,#9fc76847 0%,#0000 70%)}.showcase-r3{background:radial-gradient(circle,#78c8d857 0%,#0000 70%)}.showcase-r4{background:radial-gradient(circle,#e8a0306b 0%,#0000 72%)}.showcase-r5{background:radial-gradient(circle,#f078a880 0%,#0000 75%)}.showcase-r4:before,.showcase-r5:before,.showcase-r4:after,.showcase-r5:after{content:"✦";pointer-events:none;font-size:13px;animation:1.6s ease-in-out infinite sparkle;position:absolute}.showcase-r4:before,.showcase-r5:before{color:#f5d878;top:0;left:2px}.showcase-r4:after,.showcase-r5:after{color:#fff;animation-delay:.8s;bottom:2px;right:0}.showcase-r5:before{color:#f078a8;font-size:16px}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.6)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(20deg)}}.collection-item.found-rare.showcase-r4{border-color:var(--amber);box-shadow:0 0 10px #e8a0308c}.collection-item.found-rare.showcase-r5{border-color:#f078a8;box-shadow:0 0 12px #f078a899}.collection-item.found-rare:before,.collection-item.found-rare:after{content:none}.pairing-box{border-top:2px dashed var(--amber);margin-top:12px;padding-top:10px;animation:.8s fade-in}.pairing-head{color:var(--warm-y);font-size:12px}.pairing-name{font-family:var(--font-dot);color:#f078a8;font-size:18px}.result-collection-count{font-family:var(--font-dot);color:var(--ink-soft);font-size:14px}.next-goal{border:2px dashed var(--amber);color:#70501c;text-align:center;background:#fff8df;border-radius:8px;width:100%;margin-top:-6px;padding:9px 11px;font-size:12px}.strength-box{border:3px solid var(--ink);background:linear-gradient(135deg, #e8f1f4, var(--paper));text-align:center;border-radius:12px;width:100%;padding:15px}.strength-label,.course-kicker{color:var(--coral);font-family:var(--font-dot);font-size:11px}.strength-box h3{font-family:var(--font-dot);margin:5px 0 7px;font-size:20px}.strength-box p:last-child{color:var(--ink-soft);font-size:12px;line-height:1.7}.result-buttons{flex-direction:column;gap:8px;width:100%;display:flex}.result-buttons .btn-lg{width:100%}.share-row{flex-wrap:wrap;gap:6px;display:flex}.share-row .btn{flex:1;min-width:100px;padding:8px 6px;font-size:13px}.share-msg{text-align:center;color:var(--ink-soft);font-size:12px}.course-box{background:linear-gradient(180deg, #fffaf0, var(--paper));border:4px solid var(--coral);text-align:center;border-radius:12px;flex-direction:column;gap:10px;width:100%;margin-top:8px;padding:16px;display:flex}.course-kicker{font-size:14px}.course-lead{font-size:13px;line-height:1.8}.course-points{text-align:left;flex-direction:column;gap:5px;font-size:12px;list-style:none;display:flex}.course-points li{padding-left:20px;position:relative}.course-points li:before{content:"✓";color:#3a7838;font-weight:900;position:absolute;left:2px}.course-note{color:var(--ink-soft);font-size:11px}.collection-screen,.about-screen{align-items:stretch;gap:12px}.collection-header{flex-direction:column;gap:4px;display:flex}.collection-header .screen-title{text-align:center}.tab-row{gap:6px;display:flex}.stats-box{background:var(--ink);color:var(--cream);border:3px solid var(--amber);border-radius:10px;padding:12px 14px}.stats-head{font-family:var(--font-dot);color:var(--warm-y);margin-bottom:8px;font-size:15px}.stats-grid{grid-template-columns:auto 1fr;gap:4px 12px;font-size:12px;display:grid}.stats-key{color:#a8b0d0}.stats-val{font-family:var(--font-dot);text-align:right;font-size:14px}.tab{border:3px solid var(--ink);min-height:44px;color:var(--ink-soft);white-space:nowrap;background:#e8e0d0;border-radius:8px 8px 0 0;flex:1;padding:0 2px;font-size:11px;font-weight:700}.tab-active{background:var(--amber);color:var(--ink)}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.collection-item{background:var(--paper);border:2px solid var(--ink);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 12px;display:flex}.collection-item.undiscovered{background:#e0d8cc}.silhouette{filter:brightness(0)opacity(.35)}.collection-name{font-size:12px;font-weight:700;line-height:1.3}.collection-rarity{font-size:10px}.rarity-text{color:var(--ink-soft);margin-left:3px}.collection-desc{color:var(--ink-soft);font-size:10px;font-weight:500;line-height:1.4}.pairing-list{flex-direction:column;gap:6px;display:flex}.pairing-row{background:var(--paper);border:2px solid var(--ink);border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.pairing-row.undiscovered{color:var(--ink-soft);background:#e0d8cc}.pairing-combo{font-size:13px;font-weight:700}.pairing-row .pairing-title{color:var(--coral);font-size:12px}.collection-footer{justify-content:center;padding-bottom:12px;display:flex}.reset-confirm{text-align:center;flex-direction:column;gap:10px;font-size:13px;display:flex}.reset-buttons{justify-content:center;gap:8px;display:flex}.about-section{background:var(--paper);border:3px solid var(--ink);border-radius:10px;padding:14px}.about-section h3{font-family:var(--font-dot);margin-bottom:8px;font-size:17px}.about-section p,.about-list li{font-size:13px;font-weight:500;line-height:1.8}.about-list{padding-left:18px}@media (prefers-reduced-motion:reduce){.lantern-swing,.ending-lantern,.waiting-icon,.pickup-soon,.showcase-r4:before,.showcase-r5:before,.showcase-r4:after,.showcase-r5:after{animation:none}.chat-bubble{animation-duration:10ms}.play-screen.shake{animation:none}.pour-anim.pouring,.place-anim,.fuu-text,.message,.done-item,.modal,.modal-backdrop{animation-duration:10ms}.score-float{opacity:1;animation:none}.stat-fill,.scene{transition:none}}