:root{--ink:#414936;--muted:#747861;--paper:#f7f5ec;--green:#697454;--line:#d9dccc;--gold:#b98a4f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.8}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a96631;outline-offset:5px}header{max-width:1320px;margin:auto;padding:25px 44px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.06em}a{color:var(--ink);text-underline-offset:5px}header span{color:var(--muted)}main{max-width:1240px;margin:auto;padding:12px 30px 0}.intro{padding:14px 0 30px}.eyebrow{color:var(--muted);font-size:10px;letter-spacing:.18em;font-weight:bold;margin:0 0 12px}h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;line-height:1.45;letter-spacing:.12em;font-weight:600;font-size:39px;margin:0 0 16px}h1 span{font-size:47px}.intro>p:not(.eyebrow){position:absolute;margin-left:510px;margin-top:-118px;color:var(--muted);line-height:2.2;letter-spacing:.07em}.tags{display:flex;gap:8px}.tags span{font-size:11px;border:1px solid var(--line);border-radius:20px;padding:4px 13px}.game{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:22px}.landscape{position:relative;background:#e5e8d7;border:1px solid #d8ddca;border-radius:28px;overflow:hidden;padding:24px 27px 20px;min-height:510px;background-image:radial-gradient(ellipse at 8% 82%,#cbd2b9 0,transparent 40%),radial-gradient(ellipse at 92% 14%,#f2efda 0,transparent 35%)}.scene-caption{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em;color:#636e55;margin-bottom:20px}.scene-caption span:last-child{font-size:9px}.board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(3,112px);gap:12px 9px;position:relative}.tile{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f8f5e8;border:1px solid #c7ceb6;border-bottom:5px solid #b6c0a3;border-radius:42% 44% 32% 35%;color:#6b705e;min-width:0;transition:background .2s,transform .2s}.tile:nth-child(3n){background:#d4d8c6;border-color:#b4bca8;border-radius:35% 42% 30% 37%}.tile .num{position:absolute;left:11px;top:5px;font-size:10px}.tile .motif{font-size:23px;line-height:1.2;color:#929d76}.tile .label{font-size:10px;margin-top:7px;white-space:nowrap}.tile .arrow{position:absolute;right:-10px;top:42%;color:#879274;font-size:12px;z-index:1}.tile.turn .arrow{right:45%;top:97%}.tile.active{background:#fff8da;outline:3px solid #a5824e;outline-offset:2px;transform:translateY(-2px)}.tile.active .motif,.tile.active .label{visibility:hidden}.pawn{position:absolute;width:65px;height:79px;object-fit:contain;bottom:8px;border-radius:45%;box-shadow:0 5px 9px #4445}.landscape-note{text-align:center;color:#778169;font-size:11px;line-height:1.9;letter-spacing:.1em;margin-top:19px}.panel{padding:25px;background:#fffdf6;border:1px solid #e1dfd1;border-radius:26px}.friend{display:flex;gap:15px;align-items:center}.friend img{width:67px;height:82px;object-fit:contain;border-radius:40%}.friend .eyebrow{font-size:9px;letter-spacing:.08em}.friend h2{font-family:serif;font-size:18px;margin:4px 0}#event{min-height:83px;padding:18px 0 8px;font-size:13px}.stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:7px 0 22px}.stats>div+div{border-left:1px solid var(--line);padding-left:18px}.stats span{display:block;font-size:10px;color:var(--muted)}.stats strong{display:block;font-size:26px;font-weight:500;line-height:1.6}.stats small{font-size:11px;color:var(--muted)}.roll-area{display:flex;align-items:center;gap:12px}#die{font-family:serif;font-size:52px;width:52px;height:58px;line-height:58px;text-align:center;color:#677150}.roll-area button,#download{background:var(--green);border:0;color:white;border-radius:13px;padding:15px 16px;font-size:13px;flex:1;box-shadow:0 3px 0 #48563b}.roll-area button span{margin-left:10px}button:disabled{opacity:.6;cursor:default}button:not(:disabled):hover{filter:brightness(1.08)}.small{font-size:10px;color:var(--muted);line-height:1.9}.reset{background:none;border:0;border-bottom:1px solid #b9beaa;padding:3px 0;color:var(--muted);font-size:11px;margin-top:9px}.rolling{animation:roll .14s infinite alternate}.reward{margin:25px 0;display:grid;grid-template-columns:1fr 280px;gap:35px;align-items:center;border:1px solid #d9d6bf;border-radius:25px;padding:35px 55px;background:#f0eddd}.reward[hidden]{display:none}.reward h2{font-family:serif;font-size:28px}.reward p{font-size:13px}.reward #sticker{width:100%;height:auto;object-fit:contain}.reward .reset{display:block}.rules{margin:26px 0 35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;padding:18px 5px}.rules summary{cursor:pointer;font-size:13px}.rules>div{max-width:760px;padding-top:12px;color:var(--muted)}footer{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding-bottom:26px}@keyframes roll{to{transform:rotate(14deg) translateY(-5px)}}@media(max-width:900px){.intro>p:not(.eyebrow){position:static;margin:18px 0}.game{grid-template-columns:1fr}.panel{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.friend{grid-column:1}.stats{grid-column:2;grid-row:1/3}.roll-area{grid-column:2;grid-row:3}.panel>.small{grid-column:2}.panel>.reset{justify-self:start;grid-column:1;grid-row:3}.landscape{min-height:490px}.reward{padding:30px}}@media(max-width:560px){header{padding:20px 20px}header>span{display:none}main{padding:0 15px}.intro{padding:8px 8px 24px}h1{font-size:28px}h1 span{font-size:34px}.intro>p:not(.eyebrow){font-size:12px}.tags span{font-size:9px}.landscape{padding:18px 14px;min-height:432px;border-radius:23px}.scene-caption{font-size:9px;margin-bottom:19px}.board{grid-template-rows:repeat(3,99px);gap:12px 6px}.tile .label{font-size:8px;letter-spacing:-.03em}.tile .num{left:7px;top:3px;font-size:8px}.tile .motif{font-size:19px}.tile .arrow{font-size:10px;right:-7px}.pawn{width:44px;height:67px;bottom:7px}.landscape-note{font-size:9px;margin-top:16px}.panel{display:block;padding:23px}.friend img{width:57px;height:70px}.friend h2{font-size:20px}#event{min-height:0;padding:10px 0}.stats{margin:15px 0}.roll-area button{padding:17px}.reward{grid-template-columns:1fr;padding:25px;gap:20px}.reward #sticker{max-width:270px;margin:auto}.reward h2{font-size:25px}footer{font-size:9px;display:block}footer span{display:block;margin-top:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}