@import"https://fonts.googleapis.com/css2?family=Inter:wght@500;700;800&family=Noto+Sans+JP:wght@400;500;700;800;900&display=swap";:root{font-family:Inter,Noto Sans JP,system-ui,sans-serif;color:#fbf7e9;background:#162f3b}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{overscroll-behavior:none}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid #efc77d;outline-offset:3px}#app{position:relative;width:100vw;height:100dvh;min-height:480px;overflow:hidden;background:linear-gradient(180deg,#80afb7,#304f5a);isolation:isolate}.environment{position:absolute;inset:0;width:100%;height:100%;z-index:0}.sky-vignette{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(14,43,54,.68),transparent 28%,transparent 44%,rgba(5,22,32,.11) 66%,rgba(10,35,42,.83))}.top{position:absolute;z-index:5;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));top:calc(14px + env(safe-area-inset-top));display:flex;align-items:start;justify-content:space-between;gap:12px;text-shadow:0 2px 7px #09202ba1}.brand{display:flex;gap:8px;align-items:center}.brand .star{font-size:31px;color:#e7c17e;text-shadow:0 2px 10px #34201c88}.brand div{display:flex;flex-direction:column;gap:5px}.brand span:not(.star){font-size:10px;letter-spacing:.22em;font-weight:800;color:#edd1a1}.brand strong{font-size:22px;letter-spacing:.025em;white-space:nowrap;font-weight:900}.qa-badge{font-size:10px;color:#f2e3bf;font-weight:800;background:#133745b3;border:1px solid #e5cc9c8a;border-radius:40px;padding:7px 10px;white-space:nowrap}.transport-nav{position:absolute;z-index:5;top:calc(92px + env(safe-area-inset-top));width:100%;padding:0 0 0 max(16px,env(safe-area-inset-left))}.transport-nav-caption{font-size:11px;color:#ecf1e4;font-weight:800;text-shadow:0 2px 9px #112936;margin-bottom:8px}.mode-scroll{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding-right:16px;padding-bottom:8px;overscroll-behavior-x:contain}.mode-scroll::-webkit-scrollbar{display:none}.mode-button{flex:0 0 auto;min-height:43px;min-width:68px;border:1px solid #fffcf58a;background:#204754ad;color:#f7f6e8;border-radius:14px;display:flex;align-items:center;gap:5px;justify-content:center;padding:9px 11px;font-size:11px;font-weight:800;box-shadow:0 4px 12px #0c293528}.mode-button .emoji{font-size:16px}.mode-button[aria-pressed=true]{background:#f7e9cb;color:#1b4c59;border:1px solid #fff9e8;box-shadow:0 4px 19px #d5b47744}.mode-button:disabled{opacity:.48;cursor:default}.floating-label{position:absolute;z-index:3;top:42%;left:6%;width:88%;text-align:center;pointer-events:none;text-shadow:0 2px 15px #112a3566}.dest-top{display:block;font-size:10px;letter-spacing:.2em;font-weight:900;color:#fff7df}.dest-name{display:block;font-size:24px;font-weight:900;letter-spacing:.02em;margin-top:3px;color:#fffdf4}.bottom{position:absolute;z-index:5;bottom:calc(10px + env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));max-width:550px;margin:auto}.travel-card{background:linear-gradient(160deg,#173b47fa,#10303fef);border:1px solid #e4c68d9e;border-radius:24px;padding:18px 17px 13px;box-shadow:0 18px 55px #07191ecc;backdrop-filter:blur(15px)}.trip-top{display:flex;align-items:center;justify-content:space-between;gap:9px}.trip-tag{color:#e9d0a2;font-size:11px;font-weight:900;letter-spacing:.04em}.step{font-size:10px;color:#bfced0;white-space:nowrap}.travel-card h1{font-size:21px;line-height:1.3;font-weight:900;margin:11px 0 7px;letter-spacing:.01em}.phase-desc{font-size:12px;line-height:1.6;color:#c2d3d4;margin:0;min-height:20px}.timeline{width:100%;height:4px;border-radius:99px;background:#79949b66;overflow:hidden;margin:16px 0}.timeline div{height:100%;background:linear-gradient(90deg,#dfb568,#fce6aa);border-radius:99px;width:0%;transition:width .12s linear}.action-row{display:flex;gap:9px}.action-row button,#replay{border:0;border-radius:13px;min-height:49px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px}.primary{background:linear-gradient(135deg,#e9c78b,#fff0c4);color:#173745;flex:1;box-shadow:0 5px #bda16a}.primary span{margin-left:8px;font-size:22px;line-height:.6}.secondary{background:#2d5660;color:#fff;border:1px solid #bad0d1!important;min-width:96px;padding:0 14px}button[hidden],.finished[hidden]{display:none!important}.finished{margin-top:12px;padding:12px;border:1px solid #eccf9670;border-radius:14px;background:#31586570}.finished strong{color:#f8ddab;font-size:16px}.finished p{color:#d3e0d9;font-size:11px;line-height:1.6}.finished button{width:100%;background:#e9c78b;color:#143742;margin-top:10px}.options{display:flex;align-items:center;justify-content:space-between;margin-top:15px;gap:8px;border-top:1px solid #d2cfa23d;padding-top:12px}.options label{font-size:10px;font-weight:700;color:#ccdad7;display:flex;align-items:center;gap:6px}.options input{accent-color:#d7c08c;width:16px;height:16px}.options span{font-size:9px;color:#98b9b8;text-align:right}.qa-note{font-size:9px;color:#dee7dcb8;text-align:center;line-height:1.55;margin:9px 7px 0;text-shadow:0 1px 5px #0b293a}#fatal{position:absolute;z-index:50;top:30%;left:10%;width:80%;border:1px solid #ecc585;background:#143640;padding:25px;border-radius:18px;line-height:1.7}@media (max-height:720px){.transport-nav{top:calc(75px + env(safe-area-inset-top))}.floating-label{top:36%}.travel-card{padding:12px}.travel-card h1{font-size:18px;margin:7px 0}.qa-note{font-size:8px}.timeline{margin:10px 0}}@media (min-width:720px){.bottom{right:0;left:0}.top{left:calc(50vw - 340px);right:calc(50vw - 340px)}.transport-nav{left:calc(50vw - 350px);width:700px}.floating-label{top:36%}}@media (prefers-reduced-motion:reduce){.timeline div{transition:none}}.floating-label{transition:opacity .2s}.floating-label[data-hidden=true]{opacity:0}