:root{font-family:Hiragino Sans,Yu Gothic,Meiryo,system-ui,sans-serif;color:#253d34;background:#f5f3e9;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:inherit;-webkit-tap-highlight-color:transparent}.site-header,main{width:min(1200px,calc(100% - 64px));margin-inline:auto}main{padding-bottom:20px}.site-header{height:88px;display:flex;align-items:center;border-bottom:1px solid #d8ddd0}.viewer-link{margin-left:auto;padding:12px 0 12px 12px;font-size:14px;font-weight:700;text-underline-offset:4px}.site-header{gap:12px}.site-brand{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:25px;font-weight:800;letter-spacing:-1px}.site-brand>span:last-child{font-weight:450}.brand-mark{display:grid;grid-template-columns:repeat(2,9px);gap:3px;margin-right:7px;transform:rotate(-12deg)}.brand-mark i{height:9px;background:#44664f;border-radius:2px}.brand-mark i:last-child{grid-column:2;background:#98ab65}h1{font-size:20px;margin:28px 0 20px}#samples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.game-feature{min-width:0;border-radius:20px;background:#1f3d32;color:#f5f1db;box-shadow:0 12px 28px #273f3215}.play-button{position:relative;display:flex;flex-direction:column;height:clamp(290px,49vh,480px);border:1px solid #526b51;border-radius:inherit;text-decoration:none;overflow:hidden;background:radial-gradient(ellipse at 70% 30%,#63785566,transparent 70%);transition:box-shadow .15s}.play-button:hover{box-shadow:0 0 0 3px #9aab70}.game-feature{transition:translate .16s ease-out}@media(hover:hover){.game-feature:hover{translate:0 -4px}.play-button:hover .play-icon{background:#f4ffc8;scale:1.08}}.play-icon{transition:background .12s,scale .12s}.game-feature:active{translate:0 -1px;scale:.985}a:focus-visible{outline:4px solid #b75c11;outline-offset:5px}.card-label{position:relative;z-index:2;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;background:#142e2bec;min-height:94px}h2{font-size:clamp(14px,1.6vw,25px);line-height:1.3;word-break:keep-all;word-break:auto-phrase;overflow-wrap:anywhere;margin:0;font-weight:700}.play-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:50%;background:#e1edb2;color:#233d30;font-size:20px;padding-left:3px}.battlefield,.game-preview{position:absolute;inset:0 0 94px}.terrain{position:absolute;width:115%;height:110%;left:-7%;top:-7%}.scene-unit{position:absolute;left:var(--x);top:var(--y);width:17%;height:24%;object-fit:contain;transform:translate(-50%,-65%);filter:drop-shadow(2px 6px 2px #162d2960)}.scene-unit.squire{width:20%;height:28%}.scene-halo{position:absolute;inset:10%;border:1px solid #b5c99820;border-radius:50%}.ember-grid{background:radial-gradient(ellipse at 60% 30%,#b9814650,transparent 70%)}.lane-battle{background:#9fd3d8}.rabbiters{background:radial-gradient(ellipse at 65% 25%,#92a985,#345847 70%)}.life-art,.poop-art{width:100%;height:100%}.rabbit-art{width:100%;height:100%;object-fit:cover;object-position:50% 72%}.preview-board{position:absolute;inset:25% 10% 20%;transform:rotate(-8deg);border:2px solid #d7d9a46b;border-radius:12px;background:repeating-linear-gradient(90deg,transparent 0 19%,#e8e5b74b 19% 20%),repeating-linear-gradient(0deg,#607b4e 0 24%,#e8e5b74b 24% 25%);box-shadow:0 12px #172f28}.preview-unit{position:absolute;width:23%;height:40%;object-fit:contain;filter:drop-shadow(0 8px 4px #10231b88)}.preview-unit-0{left:14%;top:29%}.preview-unit-1{left:38%;top:13%}.preview-unit-2{left:65%;top:33%}.skip-link{position:fixed;left:20px;top:12px;padding:12px;background:#fff;z-index:10;transform:translateY(-180%)}.skip-link:focus{transform:none}.fallback{padding:20px}.fallback a{display:inline-block;padding:14px}@media(max-width:700px){.site-header,main{width:calc(100% - 32px)}.site-header{height:64px}.site-brand{font-size:18px}h1{margin:18px 0 14px;font-size:18px}#samples{grid-template-columns:1fr;gap:12px}.play-button{height:clamp(120px,calc((100svh - 160px) / 3),200px);flex-direction:row}.battlefield,.game-preview{inset:0 auto 0 0;width:46%}.card-label{margin:0 0 0 46%;width:54%;padding:14px;background:#142e2b99;gap:10px}h2{font-size:14px}.play-icon{flex-basis:40px;height:40px;font-size:17px}}@media(max-width:370px){.site-brand{font-size:16px;gap:6px}.viewer-link{font-size:12px;padding-left:0;white-space:nowrap}.battlefield,.game-preview{width:42%}.card-label{margin-left:42%;width:58%;padding:10px;gap:6px}h2{font-size:14px}}@media(max-height:500px)and (min-width:701px){.site-header{height:56px}h1{margin:14px 0}.play-button{height:240px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}