:root{--paper:#f7f2df;--ink:#293e35;--green:#315e47;--lime:#e7eead;--orange:#e97248;--pink:#f2c3b1;--blue:#c9dfdf;--line:#d8d4be;--yellow:#f4cc58;--white:#fffdf4;--shadow:0 4px 0 var(--ink);font-family:'Hiragino Maru Gothic ProN','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(#c9c4ac88 .6px,transparent .6px);background-size:8px 8px;min-width:300px}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #147bb4;outline-offset:4px}button:disabled{cursor:not-allowed}a{color:var(--green);text-underline-offset:3px}.topbar{height:78px;max-width:1200px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.wordmark{background:none;border:0;padding:4px 0;font-size:20px;font-weight:900;display:flex;align-items:center;gap:9px;letter-spacing:.04em}.tiny-seal{font-size:13px;border:2px solid var(--orange);color:var(--orange);padding:2px 4px;transform:rotate(-8deg)}nav{display:flex;align-items:center;gap:14px}.nav-button{background:transparent;border:0;font-weight:800;font-size:13px;padding:10px 0}.nav-button span{font-size:11px;color:#68756b;margin-left:4px}.round-button{display:inline-grid;place-items:center;border:1.5px solid var(--ink);width:32px;height:32px;border-radius:50%;background:transparent;font-weight:900;flex-shrink:0}main{max-width:1200px;margin:auto;padding:38px 30px 48px;min-height:calc(100vh - 154px)}main:focus{outline:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.12em;margin-bottom:22px}.eyebrow:before{content:'';width:24px;height:2px;background:var(--orange)}.hero h1{font-size:clamp(54px,6.2vw,80px);line-height:1.3;margin:0 0 16px;font-weight:1000;letter-spacing:.02em;transform:rotate(-2deg);text-shadow:3px 3px 0 #eadc9d}.hero h1 .intro-title{display:block;font-size:.43em;letter-spacing:.08em;text-shadow:none;margin-bottom:4px}.hero h1 .reiwa{display:inline-block;color:var(--green);border-bottom:7px solid var(--yellow);line-height:1.05;padding-bottom:4px}.tagline{font-size:19px;font-weight:900;line-height:1.7;margin:18px 0 10px}.hero-description{font-size:14px;line-height:1.95;margin:0 0 24px;max-width:450px}.hero-description strong{font-weight:900}.hero-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button{border:2px solid var(--ink);background:var(--white);border-radius:8px;min-height:48px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;gap:16px;font-size:15px;font-weight:900;box-shadow:0 3px 0 var(--ink);transition:transform .12s,box-shadow .12s}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 0 var(--ink)}.button:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 var(--ink)}.button.primary{background:var(--green);color:var(--white)}.button.yellow{background:var(--yellow)}.button.small{font-size:13px;min-height:40px;padding:8px 15px}.button:disabled{opacity:.5;box-shadow:none}.text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:5px;padding:12px;font-size:13px}.micro{font-size:11px;color:#677269;line-height:1.7}.hero-meta{display:flex;gap:14px;margin:16px 0 0;font-size:11px;flex-wrap:wrap}.hero-meta span+span:before{content:'・';margin-right:14px}.hero-art{border:2px solid var(--ink);border-radius:48% 48% 14px 14px;background:var(--blue);position:relative;aspect-ratio:1.02;overflow:hidden;box-shadow:6px 6px 0 #e3ddc3}.hero-art .city{position:absolute;inset:auto 0 0;width:100%;height:70%;opacity:.7}.hero-art .hero-character{position:absolute;bottom:3%;width:50%;left:25%;filter:drop-shadow(2px 4px 0 #47645225)}.hero-label{position:absolute;left:8%;top:12%;writing-mode:vertical-rl;font-size:13px;letter-spacing:.16em;font-weight:900;transform:rotate(-6deg)}.hero-bubble{position:absolute;top:18%;right:6%;width:43%;background:var(--white);border:2px solid var(--ink);border-radius:50%;padding:18px 12px;font-weight:800;font-size:14px;text-align:center;line-height:1.8;transform:rotate(6deg)}.hero-bubble:after{content:'';position:absolute;border:solid var(--ink);border-width:0 0 2px 2px;width:15px;height:15px;bottom:-7px;left:30%;background:var(--white);transform:rotate(-25deg)}.hero-stamp{position:absolute;bottom:6%;right:5%;background:var(--yellow);width:94px;height:94px;display:grid;place-content:center;text-align:center;border:2px solid var(--ink);border-radius:50%;transform:rotate(12deg);font-size:11px;line-height:1.6}.hero-stamp strong{font-size:20px}.hero-ground{position:absolute;bottom:0;width:100%;height:15%;background:#abc19b;border-top:2px solid var(--ink)}.hero-ground:before{content:'';position:absolute;left:0;top:38%;width:100%;border-top:3px dashed #eef0d4}.name-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px;font-size:12px}.name-strip input{width:150px;background:transparent;border:0;border-bottom:1px solid #7c877a;padding:6px;color:var(--ink);font-weight:700}.feature-row{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature{padding:24px 22px;display:flex;gap:16px;align-items:flex-start}.feature+.feature{border-left:1px solid var(--line)}.feature-number{font-family:Georgia,serif;font-size:26px;color:#b46b40;line-height:1.4}.feature strong{font-size:14px}.feature p{font-size:12px;line-height:1.8;margin:7px 0 0}.mini-card-icon{width:30px;height:30px}.site-footer{border-top:1px solid var(--line);max-width:1140px;margin:0 auto;padding:20px 0;display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:11px;color:#667267}.site-footer button{background:none;border:0;padding:4px;color:inherit;font-size:11px;text-decoration:underline;text-underline-offset:3px}.week{display:flex;align-items:center;gap:0;max-width:530px;width:100%}.day-stop{display:flex;flex:1;align-items:center;position:relative;gap:8px}.day-stop:after{content:'';height:1px;background:#bbbfa8;flex:1;margin-right:8px}.day-stop:last-child:after{display:none}.day-dot{width:34px;height:34px;border:1.5px solid #a7b09e;display:grid;place-items:center;border-radius:50%;background:var(--paper);font-weight:900;font-size:12px;flex-shrink:0}.day-stop.current .day-dot{background:var(--green);color:var(--white);border:2px solid var(--green);outline:3px solid #c9d2b0;outline-offset:2px}.day-stop.done .day-dot{background:var(--yellow);border-color:var(--ink)}.game-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.goal-tag{font-size:12px;white-space:nowrap;font-weight:800;transform:rotate(2deg);background:var(--yellow);padding:9px 14px;border:1px solid var(--ink);box-shadow:2px 2px 0 #d5ceb4}.stats{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:16px;margin-bottom:24px}.stat{padding:11px 16px;border:1.5px solid var(--ink);border-radius:7px;background:var(--white);display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px}.stat-label{font-size:12px;font-weight:900;display:flex;align-items:center;gap:6px}.stat strong{font-size:18px;font-variant-numeric:tabular-nums}.stat strong small{font-size:10px;color:#788073;margin-left:2px}.meter{height:5px;border-radius:4px;overflow:hidden;background:#e3e6d7;grid-column:1/-1}.meter span{height:100%;display:block;background:var(--green);transition:width .3s}.stat.heat .meter span{background:var(--orange)}.stat-info{font-size:10px;font-weight:400;color:#657162}.play-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);gap:28px;align-items:start}.scene-panel{border:2px solid var(--ink);border-radius:12px;overflow:hidden;background:var(--white)}.scene-header{padding:22px 24px 14px}.label{font-size:10px;letter-spacing:.08em;font-weight:900;color:#6b796a}.scene-header h1{font-size:clamp(22px,2.4vw,29px);line-height:1.45;margin:8px 0}.scene-header p{font-size:12px;color:#6b796a;margin:4px 0;line-height:1.8}.office-stage{height:235px;position:relative;overflow:hidden;background:#e6eddd;border-top:1px dashed #c7ceba;border-bottom:1px solid var(--ink)}.office-stage.evening{background:#f3d5af}.office-stage.party{background:#efd8c4}.office-art{position:absolute;inset:0;width:100%;height:100%}.actor{position:absolute;bottom:-4px;width:145px;left:10%;transform-origin:50% 100%}.actor.colleague{left:auto;right:9%;width:108px;bottom:0}.stage-bubble{position:absolute;top:17px;right:16px;left:38%;padding:11px 14px;background:var(--white);border:1.5px solid var(--ink);border-radius:14px;line-height:1.7;font-size:12px;z-index:1}.stage-bubble:after{content:'';position:absolute;width:10px;height:10px;background:var(--white);border:solid var(--ink);border-width:0 1.5px 1.5px 0;transform:rotate(45deg);right:35px;bottom:-6px}.work-area{padding:16px 22px 18px}.work-heading{display:flex;justify-content:space-between;gap:12px;font-size:12px;align-items:center;font-weight:900}.work-heading strong{font-size:28px;line-height:1.2}.work-heading small{font-size:12px;margin-left:3px}.work-meter{height:10px;border:1px solid var(--ink);border-radius:3px;margin:11px 0;background:#eeebdb;overflow:hidden}.work-meter span{display:block;height:100%;background:var(--orange);transition:width .3s}.boost-tag{font-size:11px;color:var(--green);display:flex;gap:6px;align-items:center;line-height:1.8}.aside-note{font-size:11px;padding:12px 2px;line-height:1.8;margin:0}.aside-note strong{font-weight:900}.hand-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.hand-heading h2{font-size:17px;margin:0}.turn-dots{display:flex;gap:5px;align-items:center;font-size:11px}.turn-dots i{width:9px;height:9px;display:block;background:var(--green);border-radius:50%}.turn-dots i.spent{background:#d9dcca}.turn-dots span{margin-left:3px}.hand{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.card{background:var(--white);border:1.5px solid var(--ink);border-radius:8px;text-align:left;padding:12px;box-shadow:0 3px 0 #b8bda8;position:relative;min-height:162px;display:flex;flex-direction:column;align-items:stretch;gap:5px;transition:transform .15s,box-shadow .15s}.card:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 0 #b8bda8}.card.selected{outline:3px solid var(--green);outline-offset:1px;transform:translateY(-3px)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.card-icon{width:30px;height:30px;display:block}.card-work{font-size:11px;background:#fffdf4cc;padding:3px 5px;border-radius:4px;white-space:nowrap}.card-work strong{font-size:20px;margin-left:2px}.card h3{font-size:14px;font-weight:900;margin:2px 0 0;line-height:1.5}.card-effects{display:flex;gap:4px;flex-wrap:wrap;font-size:10px;line-height:1.7}.card-effects span{background:#ffffff80;border-radius:3px;padding:1px 4px}.card-desc{font-size:10px;line-height:1.65;margin-top:2px}.card .disabled-reason{font-size:10px;font-weight:900;color:#85412e;line-height:1.5;margin-top:auto}.card:disabled{opacity:.56;box-shadow:none}.card.blue{background:#dae8e5}.card.pink{background:#f1d5c9}.card.green{background:#e4e9cd}.card.yellow{background:#f5e3a7}.card.orange{background:#f3ceac}.card.cream{background:#f3edda}.combo-flag{font-size:10px;color:var(--white);background:var(--green);padding:3px 6px;border-radius:3px;font-weight:900;line-height:1.5}.hand-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}.fallback{border:1px solid #98a38e;border-radius:6px;background:var(--white);padding:10px 12px;flex:1;font-size:11px;line-height:1.7;min-width:110px}.fallback strong{font-size:12px;display:block}.fallback:disabled{opacity:.5}.redraw{border:0;border-bottom:1px dashed var(--green);font-size:11px;background:none;padding:8px 0}.redraw:disabled{opacity:.5}.last-action{border-left:3px solid var(--green);padding:6px 12px;font-size:11px;line-height:1.9;margin-top:16px}.preview-strip{background:var(--white);border:1.5px solid var(--ink);padding:14px;margin-bottom:12px;border-radius:7px}.preview-strip p{font-size:11px;line-height:1.8;margin:4px 0 9px}.preview-strip .button{width:100%;min-height:43px;font-size:13px}.preview-title{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:900}.mobile-hint{font-size:11px;margin:0 0 12px;line-height:1.7;color:#6a7568}.effect-panel{border:2px solid var(--ink);background:var(--white);border-radius:12px;padding:30px;min-height:390px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;position:relative;overflow:hidden}.sfx{font-size:clamp(27px,3.2vw,44px);font-weight:1000;transform:rotate(-5deg);color:var(--green);letter-spacing:.03em;line-height:1.45;text-shadow:3px 3px 0 var(--yellow);margin:0 0 22px}.sfx.alarm{color:#b84c2e}.effect-panel .dialogue{font-size:14px;line-height:2;white-space:pre-line;margin:0 0 20px}.effect-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;font-size:12px;margin-bottom:25px}.effect-chips span{padding:6px 10px;background:#e7ebd6;border-radius:4px}.effect-chips .bad{background:#f5d3be}.effect-panel .button{width:100%;max-width:280px}.effect-panel .micro{margin:12px 0 0}.day-report{max-width:680px;margin:25px auto;text-align:center;background:var(--white);border:2px solid var(--ink);border-radius:14px;padding:32px}.day-report h1{font-size:32px;line-height:1.5;margin:12px 0}.day-report p{font-size:14px;line-height:1.9}.day-report .report-character{width:140px;margin:auto}.report-stamp{display:inline-block;border:2px solid var(--green);padding:6px 15px;color:var(--green);font-weight:900;transform:rotate(-5deg);font-size:17px}.report-stamp.rough{border-color:#a6663a;color:#a6663a}.report-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 0;border-top:1px dashed #bbbfa8;border-bottom:1px dashed #bbbfa8;margin:24px 0}.report-stats div{font-size:11px;line-height:1.8}.report-stats strong{display:block;font-size:24px}.result{max-width:850px;margin:auto}.result-card{position:relative;background:var(--white);border:2px solid var(--ink);border-radius:12px;padding:38px;text-align:center;overflow:hidden}.result-card:before{content:'';position:absolute;top:0;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,var(--green) 0 40px,var(--yellow) 40px 80px)}.result-card h1{font-size:clamp(28px,4vw,44px);line-height:1.5;margin:14px 0}.result-character{width:160px;margin:auto}.result-time{font-size:52px;font-family:Georgia,serif;line-height:1.3}.result-caption{font-size:13px;line-height:1.9}.result-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:25px}.result h2{font-size:18px;margin:30px 0 14px}.result-days{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.result-day{padding:14px 8px;text-align:center;background:#eeecdb;border:1px solid #c5ccb9;border-radius:6px;font-size:11px;line-height:1.8}.result-day strong{font-size:19px;display:block;margin:3px 0}.combo-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.combo-item{border:1px solid #b9c3ae;border-radius:6px;background:#f2f2e2;padding:14px;font-size:12px;line-height:1.8}.combo-item strong{display:block;font-size:14px;margin-bottom:4px}.combo-item.locked{background:#f2efe5;color:#828b7d}.mode-note{margin:26px 0 0;font-size:12px;line-height:1.9;padding:17px 0;border-top:1px solid var(--line)}dialog{border:2px solid var(--ink);border-radius:12px;background:var(--white);color:var(--ink);width:min(640px,calc(100% - 28px));padding:24px;max-height:85vh;overflow-y:auto;box-shadow:6px 6px 0 #283e3525}dialog::backdrop{background:#263f3370;backdrop-filter:blur(3px)}.modal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.modal-top h2{font-size:20px;margin:4px 0}.modal-top .round-button{background:var(--paper)}#modalBody{font-size:13px;line-height:1.95}#modalBody p{margin:0 0 15px}#modalBody h3{font-size:14px;margin:22px 0 9px}.how-step{display:flex;gap:13px;margin-bottom:18px;align-items:flex-start}.how-number{font-family:Georgia,serif;display:grid;place-items:center;background:var(--yellow);border:1px solid var(--ink);width:30px;height:30px;border-radius:50%;flex-shrink:0}.how-step p{font-size:12px}.how-step strong{display:block;font-size:14px}.rule-box{padding:14px;background:#edeeda;border-radius:6px;font-size:12px;line-height:1.9;margin-bottom:16px}.training-note{border-top:1px solid var(--line);padding:16px 0}.training-note strong{display:block}.training-note p{font-size:12px}.training-note a{font-size:11px}.confirm-actions{display:flex;gap:10px;flex-wrap:wrap}.source-list{padding-left:20px}.source-list li{margin:10px 0;font-size:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:var(--white);padding:12px 20px;border-radius:9px;font-size:13px;z-index:20;max-width:90vw;width:max-content;transition:all .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.breathe{animation:breathe 3s ease-in-out infinite}.pop{animation:pop .35s ease-out}.wiggle{animation:wiggle .4s ease-out}.walk{animation:walk .7s ease-in-out infinite alternate}@keyframes breathe{50%{transform:translateY(-3px) rotate(1deg)}}@keyframes pop{0%{opacity:0;transform:scale(.85) rotate(-8deg)}70%{transform:scale(1.04) rotate(-3deg)}100%{transform:scale(1) rotate(-5deg)}}@keyframes wiggle{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes walk{to{transform:rotate(2deg) translateY(-3px)}}
@media(min-width:1000px){.hand .card:nth-child(5){grid-column:1/-1;min-height:120px;display:grid;grid-template-columns:80px 1fr;gap:3px 14px}.hand .card:nth-child(5) .card-top{grid-row:1/4;display:flex;flex-direction:column;justify-content:center}.hand .card:nth-child(5) .card-desc,.hand .card:nth-child(5) .combo-flag{grid-column:2}.hero-art{margin-left:20px}}
@media(max-width:780px){.topbar{height:64px;padding:0 20px}main{padding:26px 20px 35px}.hero{gap:24px;grid-template-columns:1fr 1fr}.hero h1{font-size:50px}.hero .tagline{font-size:16px}.hero-description{font-size:12px}.hero-art{aspect-ratio:.85}.hero-bubble{font-size:11px;padding:12px 6px;right:4%;width:50%}.hero-stamp{width:75px;height:75px;font-size:9px}.hero-stamp strong{font-size:16px}.hero-label{font-size:11px}.feature{padding:18px 12px;gap:9px}.feature p{font-size:11px}.feature strong{font-size:12px}.play-grid{gap:18px}.stats{gap:10px}.stat{padding:10px}.stat-info{display:none}.scene-header{padding:18px}.office-stage{height:210px}.actor{width:125px;left:5%}.actor.colleague{right:6%;width:96px}.stage-bubble{font-size:11px;left:34%;right:12px}.hand{gap:9px}.card{padding:10px;min-height:158px}.card h3{font-size:13px}.card-work{font-size:9px}.card-work strong{font-size:17px}.card-icon{width:26px;height:26px}.site-footer{margin:0 20px}.effect-panel{padding:22px;min-height:350px}.effect-panel .dialogue{font-size:13px}.hand-heading h2{font-size:15px}}
@media(max-width:600px){.topbar{height:60px;padding:0 17px}.wordmark{font-size:17px}nav{gap:12px}.nav-button{font-size:11px}.nav-button span{font-size:10px}.round-button{width:29px;height:29px}main{padding:24px 17px 34px;min-height:calc(100vh - 135px)}.hero{display:flex;flex-direction:column;gap:28px;align-items:stretch}.hero-copy{position:relative}.eyebrow{font-size:11px;margin-bottom:13px}.hero h1{font-size:clamp(48px,13vw,68px);line-height:1.25;display:block;margin-bottom:14px}.hero h1 .intro-title{font-size:.4em;margin-bottom:3px}.hero .tagline{font-size:17px;margin-top:18px}.hero-description{font-size:13px;margin-bottom:20px;line-height:1.9}.hero-cta .button{flex:1;min-height:52px;font-size:15px}.hero-meta{font-size:10px;gap:8px;margin-top:13px}.hero-meta span+span:before{margin-right:8px}.hero-art{aspect-ratio:1.45;border-radius:42% 42% 10px 10px;width:100%;max-width:420px;margin:auto}.hero-art .hero-character{width:42%;left:29%;bottom:0}.hero-label{top:20%;font-size:12px}.hero-bubble{top:16%;right:5%;width:37%;font-size:12px}.hero-stamp{width:78px;height:78px;bottom:5%;right:5%}.name-strip{max-width:420px;margin:14px auto 0}.feature-row{margin-top:30px;grid-template-columns:1fr}.feature{padding:18px 4px}.feature+.feature{border-left:0;border-top:1px solid var(--line)}.feature p{font-size:12px;margin:3px 0 0}.feature strong{font-size:14px}.feature-number{width:40px;flex-shrink:0}.game-top{margin-bottom:17px;gap:10px}.day-dot{width:29px;height:29px;font-size:11px}.day-stop:after{margin-right:5px}.day-stop{gap:5px}.goal-tag{font-size:9px;padding:7px 9px;max-width:93px;white-space:normal;text-align:center;line-height:1.6}.stats{gap:7px;margin-bottom:17px}.stat{padding:8px 9px;gap:5px}.stat-label{font-size:10px}.stat strong{font-size:16px}.stat strong small{font-size:9px}.play-grid{grid-template-columns:1fr;gap:20px}.scene-header{padding:16px 17px 11px}.scene-header h1{font-size:23px;line-height:1.45;margin:6px 0}.scene-header p{font-size:11px}.office-stage{height:178px}.actor{width:122px;left:8%;bottom:-15px}.actor.colleague{width:89px;right:11%;bottom:-3px}.stage-bubble{left:39%;right:14px;font-size:11px;top:13px;padding:8px 11px}.work-area{padding:12px 16px}.work-heading{font-size:11px}.work-heading strong{font-size:25px}.work-meter{height:8px;margin:8px 0}.boost-tag{font-size:10px}.aside-note{font-size:10px;margin-bottom:-4px}.hand-heading h2{font-size:17px}.hand-heading{margin-bottom:10px}.card{min-height:152px;padding:11px}.card h3{font-size:14px}.card-icon{width:29px;height:29px}.card-work{font-size:10px}.card-work strong{font-size:18px}.hand .card:last-child:nth-child(odd){grid-column:1/-1;min-height:106px;display:grid;grid-template-columns:72px 1fr;gap:3px 12px}.hand .card:last-child:nth-child(odd) .card-top{grid-row:1/4;flex-direction:column;justify-content:center}.hand .card:last-child:nth-child(odd) .card-desc,.hand .card:last-child:nth-child(odd) .combo-flag{grid-column:2}.preview-strip{position:sticky;top:8px;z-index:3;box-shadow:0 5px 16px #354a3420}.effect-panel{min-height:320px;padding:26px 20px}.effect-panel .dialogue{font-size:14px}.sfx{font-size:32px}.day-report{margin:15px auto;padding:24px 19px}.day-report h1{font-size:27px}.day-report p{font-size:12px}.day-report .button{width:100%}.report-stats{margin:20px 0;padding:15px 0;gap:5px}.report-stats strong{font-size:22px}.result-card{padding:28px 17px}.result-card h1{font-size:30px}.result-time{font-size:45px}.result-character{width:140px}.result-days{gap:5px}.result-day{font-size:9px;padding:11px 3px}.result-day strong{font-size:16px}.result-actions{gap:10px}.result-actions .button{width:100%;font-size:14px}.combo-list{grid-template-columns:1fr}.site-footer{padding:17px 0;align-items:flex-start;margin:0 17px;font-size:10px}.site-footer button{font-size:10px;text-align:right;max-width:140px}.mode-note{font-size:11px}dialog{padding:20px;max-height:88vh}.modal-top h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.topbar,.site-footer,.result-actions,.mode-note,#toast,dialog{display:none!important}body{background:white}main{padding:0}.result-card{box-shadow:none}.result{max-width:none}.result-character{width:100px}.combo-item{break-inside:avoid}}

/* Simple character cast: vector silhouettes remain crisp on small screens. */
.character-art{display:block;width:100%;height:auto;object-fit:contain}
.actor.colleague{width:120px;bottom:-2px}
@media(max-width:780px){.actor.colleague{width:108px;bottom:-2px}}
@media(max-width:600px){.actor.colleague{width:95px;bottom:-2px}.name-strip{font-size:11px}.name-strip input{width:126px}}
/* Reiwa dodge: three clear lanes, readable speech hazards, touch-first controls. */
.mode-picker{display:inline-flex;background:#e9e6d4;border:1px solid #adb7a0;border-radius:30px;padding:4px;margin-bottom:16px;gap:4px}.mode-picker button{border:0;background:transparent;border-radius:25px;padding:9px 23px;font-size:12px;font-weight:800}.mode-picker button.active{background:var(--green);color:var(--white)}.best-record{font-size:12px;margin-top:18px}.best-record strong{font-size:21px}.hero-road{position:absolute;width:52%;height:100%;background:#e8e1be;bottom:-27%;left:24%;transform:perspective(200px) rotateX(35deg);border:2px solid #8fa38b}.hero-road:before,.hero-road:after{content:'';position:absolute;height:100%;top:0;border-left:3px dashed #fffdf4aa;left:33%}.hero-road:after{left:66%}.doodle-cloud{position:absolute;width:90px;height:28px;border-radius:50px;background:#f7f4df;top:17%;left:17%}.doodle-cloud:before{content:'';position:absolute;width:42px;height:40px;border-radius:50%;bottom:3px;left:23px;background:inherit}.doodle-cloud.two{top:38%;left:70%;transform:scale(.65)}.running main{padding-top:17px;padding-bottom:20px}.runner{max-width:620px;margin:auto}.run-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.run-heading h1{font-size:22px;margin:4px 0 0}.pause-button{width:38px;height:38px;background:var(--white);font-size:17px}.run-stats{display:flex;justify-content:space-between;align-items:center;background:var(--white);border:1.5px solid var(--ink);border-radius:8px;padding:10px 16px;font-size:12px;gap:12px;font-variant-numeric:tabular-nums}.run-stats strong{font-size:23px}.run-stats #healthValue{color:var(--green);font-size:17px;letter-spacing:3px;white-space:nowrap}.run-stats #healthValue.low{color:#b84f32}.journey{display:flex;gap:12px;align-items:center;margin:13px 1px;font-size:10px;font-weight:700}.journey-track{flex:1;height:5px;background:#d8deca;overflow:hidden;border-radius:5px}.journey-track i{display:block;height:100%;background:var(--green);width:0}.run-board{height:clamp(330px,54svh,560px);max-height:560px;border:2px solid var(--ink);border-radius:14px;position:relative;overflow:hidden;background:#dce9d6;touch-action:none;user-select:none;-webkit-user-select:none;isolation:isolate;outline-offset:4px}.board-scenery{position:absolute;inset:0;pointer-events:none;opacity:.35;z-index:-1}.window-doodle{position:absolute;width:73px;height:85px;border:3px solid #789b87;border-radius:6px;top:85px;left:-27px;background:linear-gradient(90deg,transparent 48%,#789b87 48% 52%,transparent 52%),linear-gradient(transparent 48%,#789b87 48% 52%,transparent 52%)}.pot-doodle{position:absolute;bottom:30%;right:-12px;width:30px;height:38px;background:#bba276;border:2px solid #789b87;border-radius:0 0 12px 12px}.pot-doodle:before{content:'';position:absolute;width:36px;height:50px;border-radius:50%;background:#83a27e;left:-6px;top:-43px}.shape-spectator{position:absolute;width:64px;height:auto;right:-24px;top:25%}.lane-mark{position:absolute;top:0;bottom:0;border-left:2px dashed #fffdf4b0;left:33.333%;pointer-events:none}.lane-mark.two{left:66.666%}.lane-heading{position:absolute;top:0;left:0;right:0;height:36px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;text-align:center;font-size:10px;font-weight:800;background:#eaf0de99;z-index:1;color:#667c61;border-bottom:1px solid #9db18d55}.entity-layer{position:absolute;inset:0;pointer-events:none}.road-item{position:absolute;width:calc(33.333% - 15px);transform:translate(-50%,-50%);will-change:top;display:flex;flex-direction:column;align-items:center;justify-content:center}.road-item.hazard{border:2px solid #a8573c;background:#f9d6ba;color:#684736;border-radius:11px 11px 11px 3px;min-height:78px;padding:8px 5px 9px;text-align:center;box-shadow:0 4px 0 #a8573c24}.hazard-tick{font-size:9px;font-weight:800;color:#9d583e;border-bottom:1px solid #b87c6255;padding-bottom:3px;margin-bottom:4px;letter-spacing:.08em}.road-item.hazard strong{font-size:clamp(11px,1.35vw,15px);line-height:1.55;word-break:normal;overflow-wrap:anywhere}.road-item.hazard i{position:absolute;width:9px;height:9px;background:#f9d6ba;bottom:-6px;left:15px;border:solid #a8573c;border-width:0 0 2px 2px;transform:skewY(-35deg)}.road-item.passed{opacity:.4}.road-item.stamp,.road-item.tea{width:68px;gap:5px}.road-item small{font-size:10px;font-weight:900;color:#315e47;background:#fffdf4d9;padding:2px 7px;border-radius:12px}.business-card{width:47px;height:32px;background:#fffdf4;border:2px solid #47745c;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:5px;transform:rotate(-8deg);box-shadow:2px 3px 0 #6b8b6033}.business-card i{width:8px;height:11px;border:1px solid #78977c;border-radius:50%}.business-card b{font-size:10px}.tea-cup{position:relative;border:2px solid #47745c;background:#faf7df;border-radius:4px 4px 10px 10px;width:33px;height:35px;text-align:center;padding-top:6px;font-size:14px;font-weight:900;box-shadow:2px 3px 0 #6b8b6033}.tea-cup:before{content:'';position:absolute;right:-11px;top:5px;width:9px;height:14px;border:2px solid #47745c;border-left:0;border-radius:0 8px 8px 0}.player{position:absolute;top:76%;left:50%;width:82px;height:112px;transform:translate(-50%,-50%);z-index:3;pointer-events:none;transition:left .1s ease-out}.player img{position:relative;z-index:2;height:112px;width:88px;max-width:none;object-fit:contain}.player-shadow{position:absolute;bottom:1px;left:5px;width:72px;height:8px;border-radius:50%;background:#385b3d24}.shield-ring{display:none;position:absolute;inset:-6px -9px -3px;border:3px dashed #7caaa0;border-radius:50%;background:#eafff044;z-index:1}.player.shielded .shield-ring{display:block;animation:shieldpulse .65s alternate infinite}.player.flashing img{animation:invulnerable .2s alternate infinite}.game-cue{position:absolute;z-index:5;left:50%;bottom:7%;transform:translate(-50%,8px);width:max-content;max-width:90%;text-align:center;opacity:0;pointer-events:none;background:#fffdf4ed;border:1.5px solid var(--ink);border-radius:8px;padding:9px 13px;font-weight:900;font-size:13px;transition:opacity .1s,transform .1s;box-shadow:0 3px 0 #29463524}.game-cue.visible{opacity:1;transform:translate(-50%,0)}.game-cue.hit{background:#f6cfb8;color:#93482e}.game-cue.streak{background:var(--yellow)}.game-cue.breathing{background:#d9eeea}.board-overlay{position:absolute;inset:0;background:#f7f2dfd9;display:grid;place-items:center;z-index:7;backdrop-filter:blur(2px)}.board-overlay[hidden]{display:none}.board-overlay #overlayContent{display:flex;align-items:center;flex-direction:column;text-align:center;gap:20px;padding:20px}.board-overlay strong{font-size:30px;font-weight:1000}.board-overlay .countdown-number{font-size:80px;font-family:Georgia,serif;color:var(--green);line-height:1}.board-overlay span{font-size:12px;line-height:1.8}.lane-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:11px}.lane-controls button{border:1.5px solid var(--ink);background:var(--white);border-radius:7px;padding:12px 5px;min-height:46px;font-size:13px;font-weight:800;touch-action:manipulation}.lane-controls button.active{background:#dbe7ca;box-shadow:inset 0 -3px 0 #809c6c55}.breath-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px;padding:13px 20px;min-height:50px;border:2px solid var(--ink);border-radius:8px;background:var(--yellow);font-weight:900;box-shadow:0 3px 0 var(--ink);touch-action:manipulation}.breath-button span{font-size:16px}.breath-button small{font-size:12px}.breath-button.in-use{background:#cee5dd}.breath-button:disabled{opacity:.65;box-shadow:none}.control-caption{font-size:10px;line-height:1.8;text-align:center;color:#73806c;margin:12px 0 0}.running .site-footer{display:none}.after-note{text-align:center;font-size:11px;line-height:1.8;margin-top:20px}.after-note p{margin:4px 0;color:#73806c}.result-time small{font-size:18px}.note-aside{font-size:13px;color:#657560}.training-note h3{margin:6px 0 10px!important}.training-note summary{cursor:pointer;font-size:12px;text-decoration:underline;text-underline-offset:3px}.training-note details p{margin-top:12px!important}.training-note details a{font-size:11px}@keyframes shieldpulse{to{transform:scale(1.04);opacity:.7}}@keyframes invulnerable{to{opacity:.4}}@media(max-width:600px){.running .topbar{height:49px}.running main{padding:12px 12px 16px}.run-heading{margin-bottom:10px}.run-heading h1{font-size:17px}.run-heading .label{font-size:9px}.run-stats{padding:8px 12px}.run-stats strong{font-size:20px}.run-stats #healthValue{font-size:15px;letter-spacing:1px}.journey{margin:10px 1px;gap:9px;font-size:9px}.run-board{height:clamp(300px,49svh,490px);border-radius:11px}.road-item.hazard{min-height:65px;padding:6px 3px 7px;width:calc(33.333% - 10px);border-width:1.5px}.road-item.hazard strong{font-size:11px}.hazard-tick{font-size:8px;margin-bottom:3px;padding-bottom:2px}.player{width:69px;height:91px}.player img{width:72px;height:91px}.player-shadow{width:61px;left:3px}.lane-controls{gap:7px;margin-top:9px}.lane-controls button{min-height:43px;padding:10px 4px;font-size:12px}.breath-button{min-height:46px;padding:10px 15px;margin-top:8px}.breath-button span{font-size:14px}.breath-button small{font-size:11px}.control-caption{font-size:9px;margin-top:10px}.game-cue{font-size:11px;padding:7px 10px;bottom:5%}.hero .hero-description{font-size:13px}.mode-picker{margin-bottom:14px}.mode-picker button{padding:8px 25px}.best-record{font-size:11px}.hero-bubble{font-size:11px}.shape-spectator{width:50px;right:-20px}.lane-heading{height:30px;font-size:9px}}@media(prefers-reduced-motion:reduce){.player{transition:none}.player.flashing img{opacity:.6}.shield-ring{animation:none}.game-cue{transition:none}}
/* Original racers and community race features */
.character-art svg{width:100%;height:auto;display:block}.hero-art .hero-character{width:56%;left:20%;bottom:2%}.hero-bubble{overflow-wrap:anywhere;font-size:13px;min-height:80px;display:grid;place-items:center}.hero-stamp strong{font-size:15px;overflow-wrap:anywhere;max-width:83px}.play-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.play-links button{background:var(--white);border:2px solid var(--ink);border-radius:14px;padding:22px 14px;font-weight:900;font-size:16px;box-shadow:0 3px 0 #d4d3b9}.play-links small{display:block;font-weight:400;font-size:11px;margin-top:7px}.play-links button:nth-child(2){background:#ecedce}.play-links button:nth-child(3){background:#f6ddd0}.action-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.action-controls .breath-button{margin:0;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:8px}.jump-button{border:2px solid var(--ink);border-radius:8px;background:var(--green);color:var(--white);font-size:18px;font-weight:900;box-shadow:0 3px 0 var(--ink);min-height:58px;touch-action:manipulation}.jump-button small{display:block;font-size:10px;font-weight:500;margin-top:4px}.jump-button:disabled{opacity:.55;box-shadow:none}.player{width:86px;height:100px}.player .character-art{position:relative;z-index:2}.player.flashing .character-art{animation:invulnerable .2s alternate infinite}.run-board{background-image:repeating-linear-gradient(0deg,transparent 0 99px,#ffffff38 99px 101px)}.road-item.hazard.hurdle{border-radius:6px;background:#f8d8aa;min-height:60px}.road-item.hurdle:after{content:'';position:absolute;bottom:-13px;left:10%;right:10%;height:14px;border-left:5px solid #a8573c;border-right:5px solid #a8573c}.road-item.hazard.wall{background:repeating-linear-gradient(0deg,#eab7aa 0 20px,#d3998c 20px 22px);border-radius:6px;min-height:96px}.road-item.hazard i{display:none}.builder{display:grid;grid-template-columns:180px 1fr;gap:24px}.builder-preview{background:#e6edda;border:1px solid #c4ceb9;border-radius:28px;padding:15px;height:fit-content;position:sticky;top:0;text-align:center}.builder-preview p{font-size:12px;font-weight:800;overflow-wrap:anywhere}.builder-fields label,#modalBody>label{display:block;font-size:12px;font-weight:800;margin-bottom:12px}input,select,textarea{max-width:100%;font:inherit}#modalBody input,#modalBody select{display:block;width:100%;padding:10px 12px;border:1.5px solid #a6b49d;border-radius:8px;background:#fffdf5;color:var(--ink);margin-top:5px}fieldset{border:0;margin:0 0 12px;padding:0}legend{font-weight:800;font-size:12px;margin-bottom:5px}.choice-row{display:flex;flex-wrap:wrap;gap:6px}.choice{border:1px solid #bdc5ae;background:var(--paper);padding:7px 10px;border-radius:8px;font-size:11px}.choice.selected{background:var(--green);border-color:var(--green);color:white}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.racer-card{text-align:center;padding:13px;background:#eeefdf;border-radius:18px;border:1px solid #c9cfb9;min-width:0}.racer-card svg{display:block;width:100%;max-height:150px}.racer-card strong{font-size:13px;overflow-wrap:anywhere}.racer-card p{font-size:11px;line-height:1.7;overflow-wrap:anywhere;min-height:38px;margin:6px 0!important}.like{background:var(--white);border:1px solid #b3beaa;border-radius:20px;padding:5px 15px;color:#9b594b;font-weight:800}.leaderboard{list-style:none;padding:0}.leaderboard li{display:flex;align-items:center;gap:14px;padding:15px 10px;border-bottom:1px solid var(--line)}.leaderboard li>span{font-family:Georgia,serif;font-size:25px;min-width:30px;color:#a97838}.leaderboard li strong{flex:1}.leaderboard li b{font-size:22px}.leaderboard small{font-size:10px;margin-left:6px}.empty{padding:28px;text-align:center;grid-column:1/-1}.idea{padding:16px 0;border-top:1px solid var(--line)}.idea strong,.idea small{display:block}.idea small{color:#718069;font-size:11px}.challenge-box{padding:16px;border:2px dashed #be9764;background:#f5e9ba;border-radius:12px;margin:15px 0}.loading{padding:100px 20px;text-align:center}.share-text{width:100%;min-height:180px;padding:16px}.feature-row{margin-top:30px}.result-character{width:190px}.result .report-stamp{position:static;display:inline-block;font-size:12px}.result .result-time{font-family:inherit;font-weight:900}.result .result-caption{font-size:16px;font-weight:800}.result-actions .button{font-size:13px}.result-card h1{font-size:clamp(22px,3.5vw,38px)}.label{font-size:11px;font-weight:800;letter-spacing:.07em}
@media(max-width:600px){.play-links{gap:8px;margin-top:25px}.play-links button{font-size:11px;padding:16px 5px}.play-links small{font-size:9px}.hero-art .hero-character{width:49%;left:24%;bottom:0}.hero-stamp strong{font-size:12px;max-width:66px}.hero-bubble{font-size:11px}.builder{grid-template-columns:1fr;gap:15px}.builder-preview{position:static;max-width:160px;margin:auto;padding:7px 14px}.builder-preview .character-art{max-height:140px}.builder-preview svg{height:140px}.gallery{grid-template-columns:repeat(2,1fr)}.player{width:74px;height:81px}.road-item.hazard.wall{min-height:82px}.road-item.hazard.hurdle{min-height:58px}.action-controls{gap:8px;margin-top:8px}.jump-button{font-size:16px;min-height:54px}.action-controls .breath-button span{font-size:13px}.result-character{width:160px}.hero-description{margin-bottom:16px}.run-board{height:clamp(280px,44svh,480px)}.result-card h1{font-size:25px}}
/* The same simple navy doodle language as 「株式会社、とにかく前へ。」. */
:root{--paper:#f6f5ee;--ink:#071d43;--green:#071d43;--lime:#daff39;--orange:#ff8d9d;--pink:#ffe1e7;--blue:#e5f1ff;--line:#daddd4;--yellow:#daff39;--white:#fffefa;font-family:'Hiragino Maru Gothic ProN','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif}
body{background-image:none}.tiny-seal{background:var(--lime);color:var(--ink);border:0;border-radius:6px;padding:6px 8px;transform:rotate(-5deg)}.eyebrow:before{background:var(--ink)}.hero h1{text-shadow:none;transform:rotate(-2deg);font-weight:950;letter-spacing:-.045em}.hero h1 .reiwa{border-bottom:9px solid var(--lime)}.hero-art{background:var(--blue);border-radius:24px 29px 22px 27px;border:2px solid var(--ink);box-shadow:4px 5px 0 #daddd4;overflow:hidden}.hero-art .hero-character{width:54%;left:23%;bottom:7%;filter:none;z-index:2}.hero-label{font-size:12px;left:6%;top:14%}.hero-bubble{border-radius:18px 22px 21px 6px;border:2px solid var(--ink);width:42%;min-height:0;top:8%;right:5%;padding:14px;font-size:13px;line-height:1.7;transform:rotate(4deg);z-index:3}.hero-bubble:after{display:none}.hero-stamp{bottom:7%;right:4%;border-radius:11px;width:91px;height:auto;min-height:65px;padding:8px 5px;font-size:9px;transform:rotate(7deg);z-index:3;box-shadow:3px 3px 0 var(--ink)}.hero-stamp strong{font-size:13px}.hero-road{width:90%;height:17px;bottom:8%;left:5%;transform:none;border:0;border-top:6px solid var(--ink);border-bottom:6px solid var(--ink);background:repeating-linear-gradient(90deg,var(--lime) 0 25px,var(--ink) 25px 43px);z-index:1}.hero-road:before,.hero-road:after{display:none}.doodle-cloud{background:white;top:17%;left:28%;width:58px;height:20px;opacity:.85}.doodle-cloud:before{width:29px;height:26px;left:15px}.doodle-cloud.two{top:45%;left:78%;transform:scale(.75)}.button{border-radius:12px}.button.primary{background:var(--lime);color:var(--ink)}.button.yellow{background:#e5f1ff}.mode-picker{border-color:#daddd4;background:#e9ede4}.mode-picker button.active{background:var(--ink)}.play-links button{background:white;border:1.5px solid var(--ink);box-shadow:0 4px 0 #daddd4;border-radius:18px}.play-links button:nth-child(2){background:#e8f3d3}.play-links button:nth-child(3){background:#f0e8ff}.feature-number{color:var(--ink)}.feature p,.micro,.control-caption,.best-record{color:#58677b}.name-strip .text-button{font-weight:700}.builder-preview{background:#e5f1ff;border:1.5px solid var(--ink);border-radius:19px 23px 21px 18px}.choice{background:white;border-color:#d0d6de}.choice.selected{background:var(--lime);border-color:var(--ink);color:var(--ink)}#modalBody input,#modalBody select{border-color:#a5b4c8;background:#fff}.racer-card{background:#e5f1ff;border:1.5px solid var(--ink);border-radius:18px}.racer-card:nth-child(3n+2){background:#fff0db}.racer-card:nth-child(3n){background:#f0e8ff}.like{color:var(--ink);border-color:var(--ink);background:white}.leaderboard li>span{color:var(--ink)}.leaderboard li:first-child{background:#eef8c5;border-radius:10px}.challenge-box{background:#eff8c9;border-color:var(--ink)}.rule-box{background:#e5f1ff}.result-card{border-radius:22px}.result-card:before{height:10px;background:repeating-linear-gradient(90deg,var(--ink) 0 35px,var(--lime) 35px 70px)}.result-card .report-stamp{border-color:var(--ink);color:var(--ink);background:var(--lime);box-shadow:none}.result-caption{color:var(--ink)}.board-scenery{opacity:.22}.window-doodle{border-color:var(--ink);background:none;border-radius:0}.pot-doodle{background:var(--lime);border-color:var(--ink)}.pot-doodle:before{background:#b5d4ff}.lane-mark{border-color:#ffffff}.lane-heading{color:#53647d;background:#ffffffa6;border-bottom:1px solid #071d4320}.run-board{border-radius:18px;border-width:2px;background-image:repeating-linear-gradient(0deg,transparent 0 99px,#fff9 99px 101px)}.road-item.hazard,.road-item.hazard.hurdle{border-color:var(--ink);background:#ffe1e7;color:var(--ink);border-radius:8px 9px 7px 8px;box-shadow:0 4px 0 #071d4320}.road-item.hazard.wall{border:3px solid var(--ink);background:#d8c9f0;color:var(--ink);border-radius:8px 10px 4px 5px;box-shadow:4px 4px 0 #071d4330}.road-item.hurdle:after{border-color:var(--ink)}.hazard-tick{color:#384f76;border-color:#071d4330;letter-spacing:0}.road-item small{color:var(--ink);background:white}.business-card,.tea-cup{border-color:var(--ink);background:white}.business-card i,.tea-cup:before{border-color:var(--ink)}.player-shadow{background:#071d431a}.lane-controls button{border-radius:10px;background:white}.lane-controls button.active{background:var(--lime);box-shadow:inset 0 -3px 0 #071d4320}.jump-button{background:var(--ink);border-radius:12px}.breath-button{border-radius:12px;background:var(--lime)}.breath-button.in-use{background:#cbe4ff}.game-cue{border-color:var(--ink);border-radius:12px;box-shadow:2px 3px 0 #071d4320}.game-cue.hit{background:#ffe1e7;color:var(--ink)}.game-cue.breathing{background:#e5f1ff}.board-overlay{background:#f6f5eee8}.shield-ring{border-color:var(--ink);background:#daff3933}.journey-track{background:#dbe3ef}.training-note .note-aside{color:#58677b}.site-footer{color:#58677b}
@media(max-width:600px){.hero-art{aspect-ratio:1.45;border-radius:22px}.hero-art .hero-character{width:44%;left:27%;bottom:7%}.hero-bubble{top:7%;font-size:10px;width:38%;padding:10px;right:4%}.hero-stamp{width:74px;min-height:58px;bottom:9%;font-size:8px}.hero-stamp strong{font-size:11px}.hero-label{font-size:11px;left:7%;top:14%}.hero-road{bottom:9%;height:14px;border-width:4px}.doodle-cloud{left:28%;top:22%;transform:scale(.7)}.doodle-cloud.two{top:42%;left:78%;transform:scale(.5)}.run-board{border-radius:14px}.road-item.hazard.wall{border-width:2px}}
/* Small faces, round silhouettes and softer surroundings. */
:root{--paper:#faf8f2;--ink:#514b48;--green:#514b48;--lime:#eee5c8;--yellow:#eee5c8;--blue:#edf2ef;--white:#fffefa;--line:#e3ded5}
.hero-art{background:#edf2ef;border:1.5px solid #b6b1a5;border-radius:42% 42% 32px 32px;box-shadow:none}.hero-art .hero-character{width:60%;left:20%;bottom:5%}.hero-bubble{border:1.5px solid #b6b1a5;border-radius:48%;background:#fffefa;box-shadow:none;transform:rotate(3deg);padding:17px 14px}.hero-stamp{background:#f2e7d0;border:1.5px solid #b6b1a5;box-shadow:none;border-radius:24px;transform:rotate(4deg)}.hero-road{height:8px;border:0;background:#d5dccf;border-radius:50%;width:80%;left:10%;bottom:11%}.hero-road:before,.hero-road:after{display:none}.tiny-seal{border-radius:50%;background:#eee5c8}.hero h1 .reiwa{border-color:#e6dbc0}.button,.lane-controls button,.jump-button,.breath-button{border-radius:20px;border-width:1.5px}.button{box-shadow:0 3px 0 #b6b1a5}.button.primary{background:#e8dfc6;color:#514b48}.button.yellow{background:#e6eeea}.play-links button{border-color:#c9c6bc;border-radius:24px;box-shadow:0 3px 0 #e3e1d8}.play-links button:nth-child(2){background:#e9efdf}.play-links button:nth-child(3){background:#f3e9eb}.builder-preview{background:#f2f3e9;border-color:#d3d4c5;border-radius:50% 50% 28px 28px}.choice.selected{background:#eee5c8;border-color:#a99f8c}.racer-card{border-color:#d6d6cc;background:#edf2ef;border-radius:28px}.racer-card:nth-child(3n+2){background:#f5eee1}.racer-card:nth-child(3n){background:#f5e9ec}.like{border-color:#c5b9af;border-radius:24px}.hero-character.breathe,.result-character.breathe{transform-origin:50% 85%;animation:soft-bob 3.2s ease-in-out infinite}.game-cue{border-width:1.5px;border-radius:20px}.player .character-art{transform-origin:50% 85%}.result-card{border-color:#b6b1a5;border-radius:28px}.result-card:before{height:7px;background:#e8dfc6}.result-card .report-stamp{background:#eee5c8}.mode-picker button.active{background:#665e59}.run-board{border-color:#7d7872}.shield-ring{border-color:#9aa995;background:#eff6df66}.lane-controls button.active{background:#e5ebd8;box-shadow:inset 0 -3px 0 #a5b39a33}.board-overlay{background:#faf8f2ed}
@keyframes soft-bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}
@media(max-width:600px){.hero-art{border-radius:36% 36% 26px 26px}.hero-art .hero-character{width:49%;left:25%;bottom:6%}.hero-bubble{font-size:10px;padding:13px 10px;width:37%}.hero-stamp{border-radius:21px}.hero-road{height:7px;bottom:12%}.builder-preview{border-radius:48% 48% 22px 22px}}
@media(prefers-reduced-motion:reduce){.hero-character.breathe,.result-character.breathe{animation:none}}

.goal-line{font-size:14px;line-height:1.8;margin:0 0 18px}.first-help{padding-left:0}.quick-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0 18px;padding:22px 0;border-top:1px dashed #b6b1a5;border-bottom:1px dashed #b6b1a5}.quick-guide b{font-size:15px}.quick-guide p,.auto-note p{font-size:13px;line-height:1.85;margin:8px 0 0}.auto-note{padding:20px 22px;border:1px solid #d3cec1;border-radius:20px;background:#fffefa}.auto-note .text-button{padding-left:0;padding-bottom:0}.control-table-wrap{overflow-x:auto}.control-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.6;margin-top:14px}.control-table th,.control-table td{padding:9px 7px;border-bottom:1px solid #d8d4be;text-align:left;vertical-align:top}.control-table th:first-child{min-width:65px}.score-guide{font-size:13px;line-height:1.9;padding-left:20px}.rule-box p{font-size:13px;line-height:1.85}.notebook-filters{margin:16px 0 20px}@media(max-width:620px){.quick-guide{grid-template-columns:1fr;gap:14px}.quick-guide p{margin-top:4px}.auto-note{padding:18px 16px}.topbar nav{gap:11px}.topbar .nav-button{white-space:nowrap}}

/* Visible jump timing and photo-first saving. */
.jump-line{position:absolute;top:64%;left:3%;right:3%;border-top:2px dashed #665e5980;pointer-events:none;z-index:1}.jump-line span{position:absolute;right:0;top:2px;font-size:10px;background:#fffefaeb;padding:2px 5px;border-radius:5px;color:#665e59}.jump-button.jump-now{outline:3px solid #665e59;outline-offset:3px;background:#fffefa;color:#403b38}.photo-preview{display:block;width:100%;height:auto;margin:18px auto;border:1px solid #d2cec6;border-radius:12px;-webkit-touch-callout:default;user-select:auto;-webkit-user-select:auto}#photoHelp{line-height:1.7}@media(max-width:620px){.action-controls{position:sticky;bottom:max(8px,env(safe-area-inset-bottom));z-index:8;padding:8px 3px;background:#fffefaed;border-radius:18px}.jump-button{min-height:66px;font-size:22px}.jump-button small{font-size:12px}}

/* Make the sport recognizable: a crossbar on two legs, with an interactive example. */
.hurdle-art{display:block;width:100%;height:auto;color:#514b48;flex:none}
.road-item.hazard.hurdle{background:none;border:0;box-shadow:none;border-radius:0;min-height:0;padding:0;gap:2px;color:#514b48;overflow:visible}
.road-item.hazard.hurdle:after{display:none}
.road-item.hazard.hurdle .hazard-tick{background:#fffefa;border:1px solid #b6b1a5;border-radius:6px;padding:2px 4px;font-size:9px;white-space:nowrap}
.road-item.hazard.hurdle strong{background:#fffefae8;border-radius:5px;padding:2px 3px;font-size:clamp(9px,2.5vw,13px);line-height:1.35}
.road-item.hazard.hurdle .hurdle-art{margin-top:0;max-height:58px}
.road-item.hazard.wall{background:repeating-linear-gradient(0deg,#ece9e1 0 20px,#bab4a8 20px 22px);color:#514b48;border-color:#665e59}
.hurdle-demo.hero-art{aspect-ratio:1.3;border-radius:28px;background:#fffefa;margin:0;max-width:none}
.demo-kicker{position:absolute;top:20px;left:0;right:0;text-align:center;font-size:14px;font-weight:bold;z-index:4}
.demo-track{position:absolute;bottom:10%;left:7%;right:7%;height:25%;border-bottom:2px solid #b6b1a5;background:repeating-linear-gradient(90deg,transparent 0 32%,#d8d4cb 32% 33%);transform:perspective(180px) rotateX(35deg)}
.hurdle-demo.hero-art .hero-character{width:36%;left:32%;bottom:16%;z-index:2;animation:none;transform:none}
.demo-hurdle{position:absolute;width:58%;left:21%;bottom:8%;z-index:3}
.demo-hop{position:absolute;top:20%;right:10%;font-size:20px;font-weight:bold;opacity:0;transform:rotate(8deg)}
.demo-controls{text-align:center;padding:14px 0 0}.demo-controls .button{width:100%;font-size:16px}.demo-controls p{font-size:12px;line-height:1.7;min-height:2em;margin:9px 0 0}.hero-description strong{display:inline-block;font-size:19px;line-height:1.65;margin-bottom:5px}
.hurdle-demo.demo-jumping .hero-character{animation:hurdle-hop .85s ease-in-out}.demo-jumping .demo-hop{opacity:1}
@keyframes hurdle-hop{0%,100%{transform:translateY(0)}45%{transform:translateY(var(--demo-jump-height,-70px)) rotate(-5deg)}}
@media(max-width:620px){.hurdle-demo.hero-art{aspect-ratio:1.35;max-width:420px;margin:auto;--demo-jump-height:-38px}.hurdle-demo.hero-art .hero-character{width:32%;left:34%}.hero-description strong{font-size:18px}.demo-kicker{top:15px;font-size:13px}.demo-controls{max-width:420px;margin:auto}}
@media(prefers-reduced-motion:reduce){.hurdle-demo.demo-jumping .hero-character{animation:none;transform:translateY(var(--demo-jump-height,-55px))}}