/* Generated by game-rules.mjs. Edit game-rules-themes.mjs. */
@font-face{font-family:"LK Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url("/play/games/last-kyotoan/fonts/geist-latin-ext.woff2") format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"LK Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url("/play/games/last-kyotoan/fonts/geist-latin.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"LK Geist Mono";font-style:normal;font-weight:100 900;font-display:swap;src:url("/play/games/last-kyotoan/fonts/geist-mono-latin-ext.woff2") format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"LK Geist Mono";font-style:normal;font-weight:100 900;font-display:swap;src:url("/play/games/last-kyotoan/fonts/geist-mono-latin.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --bg:#0d0b0f; /* games/last-kyotoan/style.css :root --bg: #0d0b0f */
  --ink:#f5efe7; /* games/last-kyotoan/style.css :root --text: #f5efe7 */
  --muted:#aaa0a8; /* games/last-kyotoan/style.css :root --muted: #aaa0a8 */
  --accent:#ff5b3a; /* games/last-kyotoan/style.css :root --accent: #ff5b3a */
  --line:#352d3b; /* games/last-kyotoan/style.css :root --line: #352d3b */
  --panel:linear-gradient(180deg,#1f1a24,#17141b); /* games/last-kyotoan/style.css .lk-panel (--panel-2 / --panel): linear-gradient(180deg,#1f1a24,#17141b) */
  --display:"LK Geist",Arial,Helvetica,sans-serif; /* games/last-kyotoan/style.css :root --font: "LK Geist",Arial,Helvetica,sans-serif */
  --reading:"LK Geist",Arial,Helvetica,sans-serif; /* games/last-kyotoan/style.css :root --font: "LK Geist",Arial,Helvetica,sans-serif */
  --label:"LK Geist Mono",ui-monospace,Consolas,monospace; /* games/last-kyotoan/style.css :root --mono: "LK Geist Mono",ui-monospace,Consolas,monospace */
  --sheet:#0d0b0f; /* games/last-kyotoan/style.css :root --bg: #0d0b0f */
  --titleInk:#f5efe7; /* games/last-kyotoan/style.css :root --text: #f5efe7 */
  --dot:#ff5b3a; /* games/last-kyotoan/style.css :root --accent: #ff5b3a */
  --weight:800; /* games/last-kyotoan/style.css .lk-masthead h1: 800 */
  --tracking:-.045em; /* games/last-kyotoan/style.css .lk-masthead h1: -.045em */
  --casing:none; /* games/last-kyotoan/style.css [hidden]: none */
  --italic:normal; /* games/last-kyotoan/style.css @font-face: normal */
  --buttonBg:#ff5b3a; /* games/last-kyotoan/style.css :root --accent: #ff5b3a */
  --buttonInk:#1b0b07; /* games/last-kyotoan/style.css button: #1b0b07 */
  --buttonBorder:#ff5b3a; /* games/last-kyotoan/style.css :root --accent: #ff5b3a */
  --buttonRadius:8px; /* games/last-kyotoan/style.css button: 8px */
  --buttonShadow:none; /* games/last-kyotoan/style.css button: none */
  --panelInk:#f5efe7; /* games/last-kyotoan/style.css :root --text: #f5efe7 */
  --panelMuted:#aaa0a8; /* games/last-kyotoan/style.css :root --muted: #aaa0a8 */
  --panelBorder:#352d3b; /* games/last-kyotoan/style.css :root --line: #352d3b */
  --panelRadius:14px; /* games/last-kyotoan/style.css .lk-panel: 14px */
  --panelShadow:none; /* games/last-kyotoan/style.css [hidden]: none */
  --cover-position:50% 38%;
  --motif:"⚄";
}
#rules-content h2::before{content:counter(section,decimal-leading-zero);}

[data-toy=monster-dice]{height:330px;position:relative;margin:24px 0 36px}
.study{position:absolute;inset:0;background:#191b25;border:3px double #9c7546;border-radius:24px;padding:16px 12px}
.kept{height:48px;text-align:center;border-bottom:1px dashed #b0885444;color:#cfbda0;font:10px var(--label);letter-spacing:.2em}
.dice-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;height:100px;align-items:center}
.die{position:relative;padding:0;min-width:0;width:100%;aspect-ratio:205/240;max-height:95px;border:0;background:none;cursor:pointer}
.die img{display:block;width:100%;height:100%;object-fit:contain}
.die[aria-pressed=true]{transform:translateY(-42px)}
.die[aria-pressed=true]::after{content:"";position:absolute;inset:5%;border:1px solid #f6c453;border-radius:12px}
.controls{display:flex;justify-content:space-between;align-items:center;height:52px}
.tray{background:#381c18;border:2px solid #bd794b;border-radius:40%;padding:10px 12px;color:#ffd5aa;font:700 12px var(--label)}
.claw,.tray{cursor:pointer}
.claw{height:52px;width:58px;background:none;border:0}
.claw img{height:100%;width:100%;object-fit:contain}
.rolls{display:flex;gap:9px}
.rolls i{width:10px;height:10px;border-radius:50%;background:#f6c453}
.rolls i[data-spent=true]{opacity:.18}
.plates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 48px;gap:8px;align-items:start;margin-top:16px}
.counter{display:flex;flex-direction:column;align-items:center;font:650 23px var(--label);font-variant-numeric:tabular-nums}
.stars{color:#f6c453}
.health{color:#ff5470}
.energy{color:#3fdcab}
.hpbar{position:relative;width:100%;height:8px;border:1px solid #51404c;overflow:hidden;background:#0f0b10}
.hpbar i{display:block;height:100%;background:#ff5470}
.pile{height:26px;display:flex;gap:1px;flex-wrap:wrap;font:16px var(--label);line-height:12px;overflow:hidden}
.pile i{font-style:normal}
.marker{height:44px;background:url(art/city.webp) 50%/cover;border-radius:50%;font:8px var(--label);color:#ffe7bb;padding-top:16px}
.tumble{animation:lk-tumble .35s ease-out var(--delay,0s) 1 backwards}
.number img{animation:lk-score .4s ease-out 1}
.bolt img{animation:lk-energy .4s ease-in 1}
.heal img{animation:lk-heart .4s ease-out 1}
.hit img,.shudder{animation:lk-shudder .28s ease-in-out 1}
[data-toy=kyoto-city]{height:306px;position:relative;margin:24px 0 32px}
.city{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) 74px;grid-template-rows:205px 44px 38px;gap:6px}
.place{position:relative;padding:0;border:2px solid #b58b59;background:#171c28;border-radius:50%;overflow:hidden;cursor:pointer}
.place>img{width:100%;height:100%;object-fit:cover}
.token{position:absolute;left:0;top:110px;width:90px;height:90px}
.city[data-inside=true] .token{left:35%;top:65px}
.start,.yield{border:1px solid #ad7849;background:#302321;color:#ffe4bb;font:12px var(--label);cursor:pointer}
.start{grid-column:1;grid-row:2}
.yield{grid-column:2;grid-row:2}
.yield[hidden]{display:none}
.smash{grid-column:2;grid-row:1;align-self:center;width:74px;height:85px;padding:0;border:0;background:transparent;cursor:pointer}
.smash img{width:100%;height:100%;object-fit:contain}
.score{grid-column:1/-1;grid-row:3;text-align:center;color:#f6c453;font:15px var(--label)}
[data-toy=nishiki-market]{position:relative;margin:24px 0 36px;height:auto;padding-bottom:12px}
.market{display:grid;gap:10px;align-items:start;height:auto;grid-template-columns:repeat(3,minmax(0,1fr))}
.power{position:relative;width:100%;border:0;padding:0;background:none;color:#ffe1c8;perspective:800px;cursor:pointer;height:340px}
.turn{position:absolute;inset:0;transform-style:preserve-3d}
.power[data-face=up] .turn{transform:rotateY(180deg)}
.back,.face{position:absolute;inset:0;border:1px solid #94633e;border-radius:8px;background:#221b22;backface-visibility:hidden;overflow:hidden}
.face{transform:rotateY(180deg);display:flex;flex-direction:column;text-align:left}
.face img{width:100%;object-fit:cover;height:90px}
.face strong{font:600 15px Georgia;padding:8px 7px 3px;line-height:1.2}
.price{font:12px var(--label);color:#3fdcab;padding:3px 7px}
.text{font:16px/1.3 Georgia;padding:5px 7px}
.back{display:grid;place-items:center;background-image:url(art/rules-power-back.webp),repeating-linear-gradient(45deg,#5b3421 0 2px,#201f2b 2px 14px);background-size:cover}
.back span{writing-mode:vertical-rl;color:#f6c453;font:20px Georgia;padding:18px 9px}
.wallet{height:24px;text-align:center;color:#3fdcab;font:12px var(--label);margin-top:8px}
.owner{display:block;width:62px;height:62px;margin:4px auto}
.power[data-bought=true]{transform:translateY(14px)}
.purchase{animation:lk-purchase .45s ease-out 1}
.roaring{animation:lk-roar .4s ease-out 1}
.cover.night .cover-art{filter:brightness(.55) sepia(.2) hue-rotate(165deg)}
.cover-copy{position:relative;pointer-events:none}
.cover-copy a{pointer-events:auto}
[data-toy=paper-lantern]{height:116px;display:flex;justify-content:center;margin:24px 0}
.lantern{position:relative;width:64px;height:88px;border:3px solid #9c5135;border-radius:40%;background-image:url(art/rules-lantern.webp),repeating-linear-gradient(0deg,#62352d 0 9px,#371f24 9px 11px);background-size:contain;cursor:pointer}
.lantern[aria-pressed=true]{filter:brightness(1.9)}
[data-toy] button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
[data-toy] button:disabled{opacity:.4;cursor:default}
@keyframes lk-tumble{0%{transform:translateY(-12px) rotate(-95deg)}
60%{transform:translateY(3px) rotate(14deg)}}
@keyframes lk-score{50%{transform:translateY(-18px)}}
@keyframes lk-energy{50%{transform:translateY(16px);opacity:.4}}
@keyframes lk-heart{50%{filter:brightness(1.6);transform:scale(1.06)}}
@keyframes lk-shudder{25%{translate:-4px}
65%{translate:4px}}
@keyframes lk-purchase{50%{translate:0 40px;opacity:.7}}
@keyframes lk-roar{35%{translate:0 -4px}
65%{translate:3px 0}}
@media(max-width:480px){.market{gap:10px}
.face strong{font-size:17px}
.die{max-height:72px}
.dice-row{gap:2px}
.counter{font-size:20px}}
[data-toy]{overflow:clip;min-width:0;max-width:100%;overflow-wrap:anywhere}
[data-toy] [hidden]{display:none!important}
.cover{container-type:size;overflow:clip;--iw:max(100cqw,177.777778cqh);--ih:max(100cqh,56.25cqw)}
@media(max-width:560px){.power{height:290px}
.face strong,.text{font-size:12px}
.price{font-size:10px}}
.cover .art-hit{background:none;border:0;padding:0;outline:0;cursor:default}
.art-hit:hover{cursor:pointer}
.art-hit:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.art-hit::after,.art-hit::before,.art-hit>*{opacity:0;visibility:hidden}
.art-hit[data-found]::after,.art-hit[data-found]>span{visibility:visible}
.cover-hit{position:absolute;inset:auto;left:calc((100cqw - var(--iw)) * .5 + var(--iw) * var(--x));top:calc((100cqh - var(--ih)) * 0 + var(--ih) * var(--y));width:calc(var(--iw) * var(--w));height:calc(var(--ih) * var(--h));z-index:1}
.cover-art{object-position:50% 0}
[data-toy] *{transition:transform .3s,translate .3s,opacity .3s}
.cover-hit>button{width:100%;height:100%}
@media(prefers-reduced-motion:reduce){[data-toy],[data-toy] *{animation:none!important;transition:none!important}}
