@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.gmstart-container{--matcha-bg: #9fb285;--matcha-bg-deep: #93a979;--wood-light: #e9c692;--wood-mid: #d6a469;--wood-dark: #ba8248;--ink: #2b241c;--ink-soft: #62503e;--paper: #f7f2e8;--paper-strong: #fffaf0;--accent-red: #cf5f44;--accent-green: #598a4e;width:100vw;min-height:100vh;box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:34px 20px;position:relative;overflow:hidden;color:var(--ink);font-family:"M PLUS Rounded 1c",Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;background:radial-gradient(circle at 18% 22%,#fffcf157,#fffcf100 45%),radial-gradient(circle at 82% 78%,#daefbc52,#daefbc00 42%),linear-gradient(180deg,var(--matcha-bg) 0%,var(--matcha-bg-deep) 100%)}.gmstart-container:before,.gmstart-container:after{content:"";position:absolute;left:0;right:0;height:34px;background:linear-gradient(180deg,#ffffff38,#fff0),repeating-linear-gradient(90deg,var(--wood-light) 0,var(--wood-light) 14px,var(--wood-mid) 14px,var(--wood-mid) 32px,var(--wood-dark) 32px,var(--wood-dark) 42px);box-shadow:inset 0 -2px #75471d4d;z-index:2}.gmstart-container:before{top:0}.gmstart-container:after{bottom:0;transform:rotate(180deg)}.terminal-content{position:relative;z-index:3;width:min(760px,100%);padding:3.2rem 3rem 2.8rem;border-radius:24px;border:1px solid rgba(153,111,67,.24);background:linear-gradient(180deg,#fffaf0f0,#f9f1e2f0);box-shadow:0 22px 40px #654c2f2e,inset 0 1px #ffffff80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:gmstartFadeUp .45s ease-out}.terminal-content:before{content:"開店準備";position:absolute;top:1rem;left:50%;transform:translate(-50%);padding:.28rem .85rem;border-radius:999px;background:linear-gradient(180deg,#f2d6a9,#e6bb7f);color:#4d371f;font-size:.78rem;letter-spacing:.18em;border:1px solid rgba(167,118,64,.45)}@keyframes gmstartFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.start-message{margin:1rem 0 2rem;text-align:center;color:#4d3a29;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.35;letter-spacing:.08em;text-shadow:0 1px 0 rgba(255,255,255,.4)}.start-submessage{margin:-1rem 0 1.4rem;text-align:center;color:#5f4a36;font-size:.9rem;line-height:1.55}.terminal-form{width:100%}.terminal-input-wrapper{display:flex;align-items:center;gap:.7rem;padding:1rem 1.15rem;border-radius:16px;border:1px solid rgba(141,107,67,.35);background:#fffef9;box-shadow:inset 0 1px #ffffffbf,0 8px 20px #75583a14;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.terminal-input-wrapper:focus-within{border-color:#bc824599;box-shadow:0 0 0 2px #bc82452e,0 10px 24px #75583a29;transform:translateY(-1px)}.terminal-prompt{flex:0 0 auto;color:var(--accent-red);font-weight:700;font-size:1.35rem;line-height:1}.terminal-input{flex:1;min-width:0;padding:.3rem 0;border:none;background:transparent;color:var(--ink);outline:none;font-size:1.1rem;letter-spacing:.04em;font-family:JetBrains Mono,Consolas,monospace}.terminal-input::placeholder{color:#62503e8c}@media(max-width:768px){.gmstart-container{padding:34px 14px}.terminal-content{padding:2.7rem 1.4rem 2rem;border-radius:18px}.start-message{margin-top:1.35rem;margin-bottom:1.5rem;font-size:1.55rem}.start-submessage{margin-top:-.9rem;margin-bottom:1.1rem;font-size:.82rem}.terminal-input-wrapper{padding:.9rem .95rem}.terminal-prompt{font-size:1.15rem}.terminal-input{font-size:1rem}}:root{--matcha-bg: #9fb285;--matcha-bg-deep: #93a979;--wood-light: #e9c692;--wood-mid: #d6a469;--wood-dark: #ba8248;--ink: #2b241c;--ink-soft: #62503e;--paper: #f7f2e8;--paper-strong: #fffaf0;--accent-red: #cf5f44;--accent-green: #598a4e;--accent-gold: #b8873d;--lane-shadow: rgba(76, 52, 29, .33)}.game-container{position:fixed;inset:0;box-sizing:border-box;padding:34px 0;display:grid;grid-template-columns:300px 1fr 220px;grid-template-rows:1fr auto;gap:0;color:var(--ink);font-family:"M PLUS Rounded 1c",Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;background:radial-gradient(circle at 18% 22%,#fffcf157,#fffcf100 45%),radial-gradient(circle at 82% 78%,#daefbc52,#daefbc00 42%),linear-gradient(180deg,var(--matcha-bg) 0%,var(--matcha-bg-deep) 100%);overflow:hidden}.game-container:before,.game-container:after{content:"";position:absolute;left:0;right:0;height:34px;background:linear-gradient(180deg,#ffffff38,#fff0),repeating-linear-gradient(90deg,var(--wood-light) 0,var(--wood-light) 14px,var(--wood-mid) 14px,var(--wood-mid) 32px,var(--wood-dark) 32px,var(--wood-dark) 42px);box-shadow:inset 0 -2px #75471d4d;z-index:20}.game-container:before{top:0}.game-container:after{bottom:0;transform:rotate(180deg)}.left-panel,.right-panel,.bottom-panel{background:linear-gradient(180deg,#fffaf0e6,#f9f1e2e6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.left-panel{grid-column:1;grid-row:1;padding:1.25rem 1rem 1.1rem;border-right:3px solid rgba(138,93,49,.28);overflow-y:auto;animation:panelSlideIn .42s ease-out}.right-panel{grid-column:3;grid-row:1;padding:1.25rem .9rem 1.1rem;border-left:3px solid rgba(138,93,49,.28);overflow-y:auto;animation:panelSlideIn .5s ease-out}.bottom-panel{grid-column:1 / -1;grid-row:2;border-top:3px solid rgba(138,93,49,.3);padding:.95rem 1.5rem 1rem;z-index:5}.left-panel::-webkit-scrollbar,.right-panel::-webkit-scrollbar{width:8px}.left-panel::-webkit-scrollbar-thumb,.right-panel::-webkit-scrollbar-thumb{border-radius:99px;background:#95684073}.panel-title{margin:0 0 1rem;text-align:center;font-size:1.38rem;letter-spacing:.06em;color:#4d3a29}.status-card{margin-bottom:.8rem;padding:.7rem .82rem;border-radius:12px;background:var(--paper-strong);border:1px solid rgba(153,111,67,.22);box-shadow:0 4px 14px #6c543a1f}.status-line{font-size:.95rem;margin-bottom:.2rem}.status-value{font-weight:700}.status-value-success{color:var(--accent-green)}.status-value-danger{color:#ca4b44}.status-course{margin-top:.25rem;color:var(--ink-soft);font-size:.83rem}.command-list{margin-top:.35rem}.section-title{margin:.2rem 0 .65rem;color:#6d573f;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}.section-title-center{text-align:center}.command-item{margin-bottom:.58rem;border-radius:11px;border:1px solid rgba(143,107,67,.24);background:#fffaf0eb;padding:.62rem .65rem;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.command-item:hover{transform:translateY(-1px);box-shadow:0 8px 20px #75583a29}.command-item-active{border-color:#bc824594;box-shadow:0 0 0 2px #bc82452e,0 8px 20px #75583a2e;background:linear-gradient(180deg,#fff9ef,#fff0d7)}.lane-label{font-size:.78rem;font-weight:700;color:#5f492f}.lane-label-active{color:#4a361e}.command-text{margin-top:.35rem;border-radius:8px;padding:.34rem .5rem;font-size:.75rem;line-height:1.45;color:#4f3b23;background:#fffef9;border:1px dashed rgba(136,101,64,.42);font-family:JetBrains Mono,Consolas,monospace}.command-text-active{border-style:solid;border-color:#bc824599;background:#fffbf3f0}.command-logic{margin-top:.35rem;border-radius:8px;padding:.38rem .5rem;font-size:.72rem;line-height:1.45;color:#61492f;background:#e1d1ae5c;border:1px solid rgba(167,129,77,.38)}.command-logic-active{background:#edddba8c;border-color:#a7814d94}.lane-status,.staged-items,.progress-text{margin-top:.25rem;font-size:.72rem;color:#6e5840}.lane-status-active,.staged-items-active,.progress-text-active{color:#4a361e;font-weight:600}.empty-ramen{border-radius:10px;padding:.75rem;color:#786148;text-align:center;background:#ffffff8c}.hint-section{margin-top:.8rem;border-radius:11px;padding:.65rem .75rem;background:#fff7e6e0;border:1px solid rgba(152,116,72,.28)}.hint-title{margin:0 0 .45rem;font-size:.87rem;color:#6b4f32}.hint-content{font-size:.72rem;line-height:1.7;color:#5f4a36}.hint-content code{background:#bf955f29;border-radius:4px;padding:.1rem .3rem;color:#5a4024;font-family:JetBrains Mono,Consolas,monospace}.course-command-list{margin-top:.3rem;max-height:180px;overflow-y:auto;padding-right:.3rem}.course-command-item{padding:.2rem 0;border-bottom:1px dashed rgba(124,90,53,.22)}.course-command-item:last-child{border-bottom:none}.log-list{max-height:150px;overflow-y:auto;font-size:.7rem;font-family:JetBrains Mono,Consolas,monospace}.log-item{padding:.22rem 0;border-bottom:1px dashed rgba(124,90,53,.22)}.level-section{margin-top:.9rem}.level-title{margin-bottom:.45rem;font-size:.74rem;color:#6d573f}.level-buttons{display:flex;gap:.38rem;flex-wrap:wrap}.level-btn{border:1px solid rgba(141,107,67,.35);border-radius:999px;padding:.3rem .58rem;font-size:.73rem;color:#59452f;background:#f9f2e4;cursor:pointer;transition:background .2s ease,transform .2s ease}.level-btn:hover:not(:disabled){background:#f3e6d0;transform:translateY(-1px)}.level-btn-active{background:linear-gradient(180deg,#f2d6a9,#e6bb7f);border-color:#a776408c;color:#4d371f}.level-btn:disabled{cursor:not-allowed;opacity:.68}.center-panel{grid-column:2;grid-row:1;position:relative;padding:3.2rem 2.3rem 2.4rem;display:flex;flex-direction:column;gap:1.7rem;justify-content:center;overflow:hidden}.center-panel:before{content:"";position:absolute;inset:10% 6% 11%;background:linear-gradient(180deg,#f5f0e473,#f5f0e41f);border-radius:22px;box-shadow:inset 0 0 0 1px #8060412e;pointer-events:none}.lane{position:relative;height:118px;padding:0 58px;border-radius:24px;border:1px solid rgba(123,88,52,.33);background:repeating-radial-gradient(circle at 50% 118%,#7a552e38 0 3px,#0000 3px 28px),linear-gradient(180deg,#edd2a5,#dfbb85 40%,#d1a268);box-shadow:inset 0 2px #fffbef73,inset 0 -7px 18px #71492345,0 10px 18px var(--lane-shadow);overflow:visible;animation:laneReveal .55s ease both}.lane:nth-child(1),.lane:nth-child(2),.lane:nth-child(3){transform:none}.lane:after{content:"";position:absolute;inset:7px 10px;border-radius:20px;background:linear-gradient(180deg,#fff6e538,#fff6e500);pointer-events:none}.lane-number{position:absolute;top:8px;left:14px;z-index:6;font-size:.7rem;letter-spacing:.06em;color:#49321cbd;font-weight:700}.ramen-icon{position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .05s linear;width:72px;height:72px;z-index:4;pointer-events:none}.ramen-icon-active{width:84px;height:84px;z-index:8;filter:drop-shadow(0 0 10px rgba(237,177,92,.65))}.ramen-image{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply;filter:drop-shadow(0 3px 6px rgba(48,32,18,.38))}.ramen-image-active{filter:drop-shadow(0 0 9px rgba(237,177,92,.62)) drop-shadow(0 4px 8px rgba(48,32,18,.46))}.ramen-toppings{position:absolute;right:-7px;bottom:-8px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px;max-width:44px}.ramen-topping-image{width:16px;height:16px;object-fit:contain;border-radius:50%;box-shadow:0 1px 3px #30201278}.ramen-command-badge{position:absolute;top:-41px;left:50%;transform:translate(-50%);padding:.2rem .48rem;border-radius:999px;border:1px solid rgba(145,102,57,.4);background:#fff9eef2;color:#584127;white-space:nowrap;font-size:.67rem;font-family:JetBrains Mono,Consolas,monospace}.ramen-active-badge{position:absolute;top:-18px;left:50%;transform:translate(-50%);color:#9a682d;font-size:.67rem;font-weight:700;white-space:nowrap}.ramen-push-badge{position:absolute;top:-41px;left:50%;transform:translate(-50%);padding:.22rem .52rem;border-radius:999px;border:1.5px solid rgba(207,95,68,.65);background:#fff0ebf7;color:#9b3d28;white-space:nowrap;font-size:.69rem;font-family:JetBrains Mono,Consolas,monospace;font-weight:700;animation:pulsePush .9s ease-in-out infinite alternate}@keyframes pulsePush{0%{box-shadow:0 0 #cf5f4459}to{box-shadow:0 0 0 7px #cf5f4400}}.ramen-icon-push-ready{filter:drop-shadow(0 0 10px rgba(207,95,68,.65));animation:pushReadyBounce .6s ease-in-out infinite alternate}@keyframes pushReadyBounce{0%{transform:translate(-50%,-50%) translateY(0)}to{transform:translate(-50%,-50%) translateY(-4px)}}.push-ready-hint{margin:0 0 .3rem;text-align:center;font-size:.9rem;color:#9b3d28;font-weight:700;animation:pulsePush .9s ease-in-out infinite alternate}.push-ready-hint code{background:#cf5f4424;border-radius:5px;padding:.1rem .32rem;font-family:JetBrains Mono,Consolas,monospace;color:#822d1b}.lane-customer{position:absolute;right:18px;top:50%;transform:translateY(-50%);opacity:.8;z-index:5}.lane-customer-image{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(52,34,17,.28))}.customer-warning-bubble{position:absolute;right:82px;top:-18px;max-width:180px;padding:.34rem .48rem;border-radius:9px;border:1px solid rgba(171,66,53,.5);background:#fff3edf5;color:#7d2e24;font-size:.72rem;line-height:1.35;box-shadow:0 6px 14px #6f332838;animation:warningPop .2s ease-out}.customer-warning-bubble:after{content:"";position:absolute;right:-7px;top:16px;width:12px;height:12px;background:#fff3edf5;border-right:1px solid rgba(171,66,53,.5);border-top:1px solid rgba(171,66,53,.5);transform:rotate(45deg)}.customer-warning-label{margin-top:.2rem;display:inline-block;padding:.05rem .34rem;border-radius:999px;background:#ab4336;color:#fff;font-size:.63rem;letter-spacing:.04em}@keyframes warningPop{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.status-window-overlay{position:absolute;top:24px;left:50%;transform:translate(-50%);width:min(520px,88%);z-index:8;padding:.75rem .9rem;border-radius:12px;border:1px solid rgba(156,113,70,.5);background:#fff9ecf5;box-shadow:0 10px 24px #5c422840;animation:statusWindowDrop .2s ease-out}.status-window-title{margin:0;font-size:.84rem;color:#6d573f;letter-spacing:.06em}.status-window-phase{margin:.32rem 0 .4rem;font-size:.76rem;color:#4c3a2a;line-height:1.45}.status-window-details{display:grid;gap:.16rem}.status-window-line{font-size:.7rem;color:#5e4a35;font-family:JetBrains Mono,Consolas,monospace}.receipt-overlay{position:absolute;inset:0;z-index:9;background:#231a1359;display:flex;align-items:center;justify-content:center;padding:1rem}.receipt-modal{width:min(560px,95%);max-height:78vh;overflow:auto;background:#fbf3de;color:#4a3727;border:1px solid #d3bea0;border-radius:12px;box-shadow:0 14px 28px #35231659;font-family:JetBrains Mono,Consolas,monospace}.receipt-head{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;border-bottom:1px dashed #c7af8f}.receipt-title{font-size:.85rem;letter-spacing:.04em}.receipt-close{border:none;background:#b95e3f;color:#fff;width:24px;height:24px;border-radius:999px;cursor:pointer;font-size:1rem;line-height:1}.receipt-meta{padding:.5rem .85rem .2rem;font-size:.66rem;opacity:.78}.receipt-body{padding:.3rem .85rem .8rem;display:grid;gap:.42rem}.receipt-row{padding-bottom:.35rem;border-bottom:1px dotted #cab79b;font-size:.72rem;line-height:1.4}.receipt-command{margin-top:.12rem;color:#6b4d33}@keyframes statusWindowDrop{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.item-chip{margin:.3rem 0;border-radius:10px;padding:.45rem .42rem;text-align:center;font-size:.78rem;color:#5c4530;background:#fff8eb;border:1px solid rgba(146,107,66,.27)}.item-chip-added{background:linear-gradient(180deg,#d4efbf,#bedfa2);border-color:#628d4d70;color:#2f5827;font-weight:700}.item-chip-target-pending{border-color:#c68f45ad;box-shadow:0 0 0 2px #e4ae552e,0 0 18px #e4ae5580;animation:toppingPulse .9s ease-in-out infinite;font-weight:700}@keyframes toppingPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.message-text{margin:0 0 .35rem;text-align:center;font-size:.93rem;color:#5b4126;font-weight:600}.message-success{color:#3b7c37}.message-error{color:#bb4237}.active-order{margin:0 0 .3rem;text-align:center;font-size:.78rem;color:#6a4d32}.active-order code{border-radius:6px;padding:.14rem .35rem;background:#dfcdae59;font-family:JetBrains Mono,Consolas,monospace;color:#553d23}.input-label{margin:0 0 .42rem;text-align:center;font-size:.78rem;color:#6e563b}.command-form{max-width:940px;margin:0 auto}.command-input-wrapper{display:flex;align-items:center;gap:.45rem;padding:.58rem .78rem;border-radius:12px;border:1px solid rgba(157,116,68,.44);background:#fffaf2;box-shadow:inset 0 1px #ffffff9e}.command-input-wrapper:focus-within{border-color:#af793dad;box-shadow:0 0 0 3px #e3c1966b}.prompt{color:#8a5f31;font-size:1rem;font-weight:700}.command-input{flex:1;border:none;background:transparent;color:#473521;font-size:.93rem;font-family:JetBrains Mono,Consolas,monospace;outline:none}.command-input::placeholder{color:#5a442a85}.command-input:disabled{opacity:.56;cursor:not-allowed}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes laneReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.game-container{grid-template-columns:264px 1fr 190px;padding:34px 0}.center-panel{padding:3rem 1.6rem 2.2rem}}@media(max-width:900px){.game-container{grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto}.left-panel{grid-column:1;grid-row:1;border-right:none;border-bottom:3px solid rgba(138,93,49,.22)}.center-panel{grid-column:1;grid-row:2;padding:2.3rem .8rem 1.6rem}.right-panel{grid-column:1;grid-row:3;border-left:none;border-top:3px solid rgba(138,93,49,.22)}.bottom-panel{grid-column:1;grid-row:4;padding:.86rem .8rem 1rem}.lane{height:106px;padding:0 52px}.ramen-command-badge{top:-37px;max-width:75vw;overflow:hidden;text-overflow:ellipsis}}@media(max-width:560px){.panel-title{font-size:1.18rem}.status-line{font-size:.88rem}.lane{height:96px;border-radius:18px}.ramen-icon{width:64px;height:64px}.ramen-icon-active{width:74px;height:74px}.lane-customer-image{width:36px;height:36px}.message-text{font-size:.84rem}}.gameover-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gameover-box{background:linear-gradient(160deg,#2a1f10,#1a1208);border:2px solid #e8a735;border-radius:16px;padding:48px 60px;text-align:center;box-shadow:0 20px 60px #0009,0 0 40px #e8a73526;min-width:320px}.gameover-title{margin:0 0 24px;font-size:1.6rem;font-weight:900;color:#e8a735;letter-spacing:.1em}.gameover-score{margin:0 0 36px;font-size:3.5rem;font-weight:900;color:#fff;line-height:1}.gameover-score-unit{font-size:1.4rem;font-weight:700;color:#c0a060;margin-left:4px}.gameover-buttons{display:flex;flex-direction:column;gap:12px}.gameover-btn{padding:14px 32px;border-radius:8px;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;letter-spacing:.05em;transition:all .2s ease;border:2px solid transparent}.gameover-btn--retry{background:linear-gradient(135deg,#e8a735,#d4922a);color:#fff;border-color:#d4922a}.gameover-btn--retry:hover{background:linear-gradient(135deg,#f0b840,#e8a735);box-shadow:0 4px 16px #e8a73566}.gameover-btn--mypage{background:transparent;color:#e8a735;border-color:#e8a735}.gameover-btn--mypage:hover{background:#e8a7351a;box-shadow:0 4px 16px #e8a73533}.title-container{width:100vw;height:100vh;background:#f7efe0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,sans-serif}.title-bg-texture{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(200,180,150,.08) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.title-bg-gradient{position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(180deg,rgba(232,167,53,.06) 0%,transparent 100%);pointer-events:none}.title-heading-wrapper{position:relative;margin-bottom:72px;text-align:center}.title-heading{font-size:clamp(2.8rem,5vw,4rem);font-weight:900;color:#2d2418;margin:0;letter-spacing:.08em;text-shadow:2px 2px 0 rgba(232,167,53,.15);line-height:1.3}.title-subtitle{margin-top:8px;font-size:.85rem;color:#a08060;letter-spacing:.3em;font-weight:500}.title-menu{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.title-menu-item{background:transparent;border:2px solid;border-radius:6px;padding:14px 64px;font-size:clamp(1.3rem,2.5vw,1.6rem);font-weight:700;color:#3d3020;cursor:pointer;transition:all .25s ease;font-family:inherit;letter-spacing:.12em;min-width:280px;text-align:center}.title-menu-item:hover,.title-menu-item.active{background:linear-gradient(135deg,#e8a735,#d4922a);border:2px solid #d4922a;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.title-auth{position:absolute;bottom:32px;right:40px;display:flex;align-items:center;gap:12px;font-size:.9rem;color:#8a7560}.title-auth-link{background:none;border:none;color:#b08040;cursor:pointer;font-size:.9rem;font-family:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;padding:4px 8px}.title-auth-link:hover{color:#d4922a}.mypage-container{width:100vw;height:100vh;background:#f7efe0;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,sans-serif;display:flex;flex-direction:column;overflow:auto}.mypage-header{background:linear-gradient(135deg,#e8a735,#d4922a);padding:16px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #b8751e;flex-shrink:0}.mypage-title{margin:0;font-size:1.6rem;font-weight:900;color:#fff;letter-spacing:.05em}.mypage-last-play{color:#ffffffd9;font-size:.85rem;font-weight:500}.mypage-profile{margin:20px 24px 0;background:linear-gradient(135deg,#e8a735,#d4922a);border-radius:12px;padding:20px 28px;display:flex;align-items:center;gap:20px;border:2px solid #b8751e;box-shadow:0 4px 16px #0000004d;flex-shrink:0}.mypage-profile-icon{background:#fff;border-radius:10px;padding:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026}.mypage-profile-info{flex:1}.mypage-profile-name{font-size:1.5rem;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2)}.mypage-profile-ramen{position:absolute;right:100px;top:22.5%;transform:translateY(-50%) rotate(-30deg);width:130px;height:130px;object-fit:contain;opacity:.5;pointer-events:none}.mypage-profile-stats{display:flex;gap:28px;margin-top:6px;flex-wrap:wrap}.mypage-stat{color:#ffffffe6;font-size:.95rem;font-weight:600}.mypage-stat-highlight{color:#fff;font-size:1rem;font-weight:800;background:#fff3;border-radius:6px;padding:2px 12px}.mypage-content{flex:1;display:grid;grid-template-columns:1fr;gap:20px;padding:20px 24px;min-height:0}.mypage-panel--full{grid-column:1 / -1}.mypage-panel{background:#121212;border-radius:10px;border:2px solid #e8a735;display:flex;flex-direction:column;overflow:hidden}.mypage-panel-header{background:linear-gradient(135deg,#e8a735,#d4922a);padding:10px 18px;font-weight:700;font-size:.95rem;color:#fff}.mypage-panel-body{padding:16px;flex:1;overflow:auto}.mypage-chart-wrapper{display:flex;flex:1;gap:4px}.mypage-chart-yaxis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-bottom:48px;flex-shrink:0}.mypage-chart-ylabel{color:#8a7560;font-size:.75rem;font-family:Fira Code,Courier New,monospace;line-height:1}.mypage-chart-area{flex:1;position:relative;border-left:1.5px solid #5a4a38;display:flex;flex-direction:column}.mypage-chart-gridlines{position:absolute;inset:0 0 48px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.mypage-chart-gridline{width:100%;height:0;border-bottom:1px solid rgba(90,74,56,.3)}.mypage-chart-bars{flex:1;display:flex;justify-content:space-around;align-items:stretch;gap:8px;padding:0 12px}.mypage-chart-bar-col{display:flex;flex-direction:column;align-items:center;width:32px;flex-shrink:0}.mypage-chart-bar-track{flex:1;width:32px;position:relative;display:flex;align-items:flex-end}.mypage-chart-bar-fill{width:100%;background:linear-gradient(0deg,#e8a735,#f0c060);border-radius:3px 3px 0 0;transition:height .5s ease}.mypage-chart-label{color:#e8a735;font-family:Fira Code,Courier New,monospace;font-size:.75rem;font-weight:600;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;padding-top:6px;height:42px;flex-shrink:0}.mypage-chart-xaxis{position:absolute;left:0;right:0;bottom:48px;height:0;border-top:1.5px solid #5a4a38}.mypage-empty{color:#8a7560;font-size:.9rem;text-align:center;padding:32px 0}.mypage-error{color:#e85555;font-size:.9rem;text-align:center;padding:32px 0}.mypage-bottom-nav{padding:16px 24px 20px;display:flex;justify-content:space-between;flex-shrink:0}.mypage-nav-btn{background:transparent;border:2px solid #e8a735;border-radius:8px;padding:12px 36px;font-size:1rem;font-weight:700;color:#e8a735;cursor:pointer;transition:all .2s ease;font-family:inherit;letter-spacing:.05em}.mypage-nav-btn:hover,.mypage-nav-btn.active{background:linear-gradient(135deg,#e8a735,#d4922a);border:2px solid #d4922a;color:#fff}.howto-container{width:100vw;height:100vh;background:linear-gradient(160deg,#fefcf7,#faf5eb 40%,#f7efe0);font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,sans-serif;display:flex;flex-direction:column;overflow:auto}.howto-header{padding-left:32px;border-bottom:2px solid rgba(45,36,24,.1);flex-shrink:0;color:#2d2418}.howto-title{margin:0;font-size:1.8rem;font-weight:900;color:#2d2418;letter-spacing:.05em}.howto-body{flex:1;padding:24px 32px;max-width:640px;margin:0 auto;width:100%}.howto-section{margin-bottom:32px}.howto-section-title{font-size:1.15rem;font-weight:800;color:#2d2418;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #e8a735}.howto-step{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}.howto-step-num{width:28px;height:28px;background:linear-gradient(135deg,#e8a735,#d4922a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;flex-shrink:0}.howto-step-text{margin:0;color:#3d3020;font-size:.95rem;line-height:28px}.howto-cmd-list{display:flex;flex-direction:column;gap:10px}.howto-cmd-row{display:flex;align-items:center;gap:16px;padding:10px 14px;background:#e8a73514;border-radius:6px}.howto-cmd{font-family:Fira Code,Courier New,monospace;font-size:.9rem;font-weight:600;color:#b8751e;width:120px;flex-shrink:0}.howto-cmd-desc{color:#5a4a38;font-size:.9rem}.howto-hint{margin:0;color:#5a4a38;font-size:.9rem;line-height:1.7}.howto-footer{padding:16px 32px 24px;flex-shrink:0;display:flex;justify-content:center}.howto-back-btn{background:transparent;border:2px solid #e8a735;border-radius:8px;padding:12px 36px;font-size:1rem;font-weight:700;color:#e8a735;cursor:pointer;transition:all .2s ease;font-family:inherit;letter-spacing:.05em}.howto-back-btn:hover{background:linear-gradient(135deg,#e8a735,#d4922a);border:2px solid #d4922a;color:#fff}.settings-container{width:100vw;height:100vh;background:linear-gradient(160deg,#fefcf7,#faf5eb 40%,#f7efe0);font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,sans-serif;display:flex;flex-direction:column;overflow:auto}.settings-header{padding:24px 32px;border-bottom:2px solid rgba(45,36,24,.1);flex-shrink:0}.settings-title{margin:0;font-size:1.8rem;font-weight:900;color:#2d2418;letter-spacing:.05em}.settings-body{flex:1;padding:32px;max-width:480px;margin:0 auto;width:100%}.settings-section{margin-bottom:32px}.settings-section-title{font-size:1.15rem;font-weight:800;color:#2d2418;margin:0 0 20px;padding-bottom:8px;border-bottom:2px solid #e8a735}.settings-list{display:flex;flex-direction:column;gap:16px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#e8a73514;border-radius:8px}.settings-label{font-size:1rem;font-weight:700;color:#3d3020}.settings-controls{display:flex;align-items:center;gap:12px}.settings-preview-btn{width:34px;height:34px;border:2px solid #e8a735;border-radius:50%;background:transparent;color:#e8a735;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;flex-shrink:0}.settings-preview-btn:hover{background:linear-gradient(135deg,#e8a735,#d4922a);border:2px solid #d4922a;color:#fff}.settings-toggle{position:relative;width:72px;height:34px;border:none;border-radius:17px;cursor:pointer;padding:0;transition:background .25s ease;display:flex;align-items:center}.settings-toggle.on{background:linear-gradient(135deg,#e8a735,#d4922a)}.settings-toggle.off{background:#c0b8a8}.settings-toggle-knob{position:absolute;top:3px;width:28px;height:28px;background:#fff;border-radius:50%;transition:left .25s ease;box-shadow:0 1px 4px #0003}.settings-toggle.on .settings-toggle-knob{left:41px}.settings-toggle.off .settings-toggle-knob{left:3px}.settings-toggle-text{width:100%;text-align:center;font-size:.7rem;font-weight:800;letter-spacing:.05em;color:#fff;pointer-events:none}.settings-toggle.on .settings-toggle-text{padding-right:24px}.settings-toggle.off .settings-toggle-text{padding-left:24px}.settings-footer{padding:16px 32px 24px;flex-shrink:0;display:flex;justify-content:center}.settings-back-btn{background:transparent;border:2px solid #e8a735;border-radius:8px;padding:12px 36px;font-size:1rem;font-weight:700;color:#e8a735;cursor:pointer;transition:all .2s ease;font-family:inherit;letter-spacing:.05em}.settings-back-btn:hover{background:linear-gradient(135deg,#e8a735,#d4922a);border:2px solid #d4922a;color:#fff}.login-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#f5ede0}.login-box{width:100%;max-width:420px;padding:2.5rem 2.2rem;background:#fffdf9;border:2px solid #d4956a;border-radius:8px;box-shadow:0 4px 20px #b464321f}.login-title{color:#7a3b1e;font-family:"Noto Serif JP",Yu Mincho,游明朝,serif;font-size:1.7rem;font-weight:700;text-align:center;margin:0 0 1.8rem;letter-spacing:.12em}.login-form{display:flex;flex-direction:column;gap:1.2rem}.login-field{display:flex;flex-direction:column;gap:.35rem}.login-label{color:#8b5e3c;font-family:"Noto Serif JP",serif;font-size:.85rem;letter-spacing:.06em}.login-input{background-color:#fff;border:1px solid #c9a882;border-radius:4px;padding:.65rem .9rem;color:#3d2010;font-family:"Noto Serif JP",serif;font-size:1rem;outline:none;caret-color:#c0392b;transition:border-color .2s,box-shadow .2s}.login-input::placeholder{color:#c9a882}.login-input:focus{border-color:#d4956a;box-shadow:0 0 0 3px #d4956a33}.login-error{margin:0;color:#c0392b;font-family:"Noto Serif JP",serif;font-size:.85rem;text-align:center}.login-button{margin-top:.4rem;padding:.75rem;background:#d4956a;border:none;border-radius:4px;color:#fff;font-family:"Noto Serif JP",serif;font-size:1rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:0 2px 6px #b4643240}.login-button:hover:not(:disabled){background:#bf7d52;box-shadow:0 4px 12px #b4643259}.login-button:disabled{opacity:.55;cursor:not-allowed}.login-footer{margin-top:1.4rem;text-align:center;color:#a07050;font-family:"Noto Serif JP",serif;font-size:.85rem}.login-link-button{background:none;border:none;padding:0;color:#c0392b;font-family:"Noto Serif JP",serif;font-size:.85rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.login-link-button:hover{color:#96281b}.registration-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#f5ede0}.registration-box{width:100%;max-width:420px;padding:2.5rem 2.2rem;background:#fffdf9;border:2px solid #d4956a;border-radius:8px;box-shadow:0 4px 20px #b464321f}.registration-title{color:#7a3b1e;font-family:"Noto Serif JP",Yu Mincho,游明朝,serif;font-size:1.7rem;font-weight:700;text-align:center;margin:0 0 1.8rem;letter-spacing:.12em}.registration-form{display:flex;flex-direction:column;gap:1.2rem}.registration-field{display:flex;flex-direction:column;gap:.35rem}.registration-label{color:#8b5e3c;font-family:"Noto Serif JP",serif;font-size:.85rem;letter-spacing:.06em}.registration-input{background-color:#fff;border:1px solid #c9a882;border-radius:4px;padding:.65rem .9rem;color:#3d2010;font-family:"Noto Serif JP",serif;font-size:1rem;outline:none;caret-color:#c0392b;transition:border-color .2s,box-shadow .2s}.registration-input::placeholder{color:#c9a882}.registration-input:focus{border-color:#d4956a;box-shadow:0 0 0 3px #d4956a33}.registration-input--error{border-color:#c0392b;box-shadow:0 0 0 3px #c0392b26}.registration-error{margin:0;color:#c0392b;font-family:"Noto Serif JP",serif;font-size:.8rem}.registration-api-error{margin:0;color:#c0392b;font-family:"Noto Serif JP",serif;font-size:.85rem;text-align:center}.registration-hint{margin:0;color:#b09070;font-family:"Noto Serif JP",serif;font-size:.75rem}.registration-button{margin-top:.4rem;padding:.75rem;background:#d4956a;border:none;border-radius:4px;color:#fff;font-family:"Noto Serif JP",serif;font-size:1rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:0 2px 6px #b4643240}.registration-button:hover:not(:disabled){background:#bf7d52;box-shadow:0 4px 12px #b4643259}.registration-button:disabled{opacity:.55;cursor:not-allowed}.registration-footer{margin-top:1.4rem;text-align:center;color:#a07050;font-family:"Noto Serif JP",serif;font-size:.85rem}.registration-link-button{background:none;border:none;padding:0;color:#c0392b;font-family:"Noto Serif JP",serif;font-size:.85rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.registration-link-button:hover{color:#96281b}