:root{--ink:#102b3b;--muted:#58707d;--paper:#f3f5ef;--aqua:#8ee3d1;--aqua-dark:#126c70;--navy:#13384c;--coral:#ff725e;--yellow:#f7d55a;--white:#fffef8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}button,a{font:inherit}button{color:inherit}.site-shell{min-height:100vh;overflow:hidden}.site-header{border-bottom:1px solid #102b3b29;justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto;padding:24px 34px;display:flex}.brand{color:var(--ink);letter-spacing:.02em;align-items:center;gap:12px;font-weight:800;text-decoration:none;display:flex}.header-tools{align-items:center;gap:16px;display:flex}.tag{letter-spacing:.08em;color:var(--muted);font-size:12px}.text-button{cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:4px 0;font-size:12px;font-weight:700}.setup-panel{max-width:1240px;margin:0 auto 70px;padding:34px}.setup-copy{align-items:center;gap:20px;margin-bottom:24px;display:flex}.step-number{background:var(--ink);color:#fff;border-radius:50%;place-items:center;min-width:48px;height:48px;padding:0 10px;font:700 13px Georgia,serif;display:inline-grid}.setup-copy h2{margin:0 0 5px;font-size:25px}.role-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.role-card{text-align:left;background:var(--white);cursor:pointer;border:1px solid #102b3b2e;min-height:140px;padding:18px;transition:background .18s,border-color .18s}.role-card:hover{border-color:var(--aqua-dark);background:var(--aqua)}.role-card:focus-visible,.arena:focus-visible,button:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.role-position{color:var(--muted);font-size:12px;font-weight:700;display:block}.role-token{color:var(--navy);margin:14px 0 5px;font:italic 42px/.9 Georgia,serif;display:block}.role-card strong{font-size:20px;display:block}.quick-guide{border-top:1px solid #102b3b2e;border-bottom:1px solid #102b3b2e;grid-template-columns:repeat(4,1fr);margin-top:12px;display:grid}.quick-guide>div{border-right:1px solid #102b3b2e;grid-template-columns:55px 1fr;align-items:center;padding:18px 14px;display:grid}.quick-guide>div:last-child{border:0}.quick-guide span{font-size:25px}.quick-guide img{object-fit:contain;vertical-align:middle;width:29px;height:29px}.quick-guide strong{font-size:13px}.game-active .site-header{padding-top:16px;padding-bottom:16px}.game-layout{grid-template-columns:1fr;gap:24px;max-width:650px;margin:0 auto 60px;padding:24px 34px 40px;display:grid}.game-controls{width:100%;height:48px;padding:0 54px}.game-controls .primary-button{margin:0}.arena-wrap{width:100%;max-width:650px;margin:0 auto;padding:54px;position:relative}.arena{aspect-ratio:1;border:3px solid var(--ink);cursor:crosshair;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#9b9b97;width:100%;padding:0;display:block;position:relative;overflow:hidden}.grid-lines{background-image:linear-gradient(#102b3b6b 1px,#0000 1px),linear-gradient(90deg,#102b3b6b 1px,#0000 1px);background-size:20% 20%;position:absolute;inset:0}.role-zone{color:#102b3b57;pointer-events:none;border:1px dashed #102b3b33;place-items:center;width:50%;height:50%;display:grid;position:absolute}.role-zone.selected{border:2px dashed var(--aqua-dark);color:var(--aqua-dark);background:#ffffff3d}.role-zone i{font:italic 36px Georgia,serif}.role-zone small{letter-spacing:.12em;font-size:8px;font-weight:800;position:absolute;bottom:10px}.zone-nw{top:0;left:0}.zone-ne{top:0;right:0}.zone-sw{bottom:0;left:0}.zone-se{bottom:0;right:0}.familiar-layer{--enemy-icon-current-diameter:var(--enemy-icon-diameter);--enemy-icon-glyph-offset:12px;z-index:10;pointer-events:none;position:absolute;inset:54px}.familiar{width:var(--enemy-icon-current-diameter);height:var(--enemy-icon-current-diameter);background:var(--white);font-size:calc(var(--enemy-icon-current-diameter) - var(--enemy-icon-glyph-offset));border:1px solid #102b3b40;border-radius:50%;place-items:center;display:grid;position:absolute}.familiar img{width:calc(var(--enemy-icon-current-diameter) - 4px);height:calc(var(--enemy-icon-current-diameter) - 4px);object-fit:contain}.familiar-north{transform:translate(-50%,-88%)}.familiar-south{transform:translate(-50%,-12%)}.familiar-west{transform:translate(-88%,-50%)}.familiar-east{transform:translate(-12%,-50%)}.memory-sequence{z-index:20;width:max-content;animation:sine-wave-memory var(--memory-sequence-duration) linear forwards;pointer-events:none;align-items:center;gap:clamp(8px,2vw,18px);display:flex;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.memory-creature{border:3px solid var(--ink);background:var(--white);border-radius:50%;place-items:center;width:clamp(52px,8vw,82px);height:clamp(52px,8vw,82px);font-size:clamp(46px,7vw,74px);line-height:1;display:grid}.memory-creature img{object-fit:contain;width:90%;height:90%}@keyframes sine-wave-memory{0%{left:100%;transform:translateY(-50%)}12.5%{transform:translate(-12.5%,calc(-50% - 52px))}25%{transform:translate(-25%,-50%)}37.5%{transform:translate(-37.5%,calc(52px - 50%))}50%{transform:translate(-50%,-50%)}62.5%{transform:translate(-62.5%,calc(-50% - 52px))}75%{transform:translate(-75%,-50%)}87.5%{transform:translate(-87.5%,calc(52px - 50%))}to{left:0;transform:translate(-100%,-50%)}}.attack-shape{z-index:4;pointer-events:none;background:#ff4d3ead;border:2px solid #c52b20;display:block;position:absolute}.attack-puffer{border-radius:50%}.attack-chocobo{border:0;inset:0}.spread-circle{z-index:7;aspect-ratio:1;pointer-events:none;background:#2a72e766;border:3px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #255da9}.player-pin{z-index:12;background:var(--navy);color:#fff;pointer-events:none;border:3px solid #fff;border-radius:50%;place-items:center;font:italic 14px Georgia,serif;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d}.pin-safe{background:var(--aqua-dark)}.pin-hit{background:var(--coral)}.arena-result{z-index:30;color:#fff;text-align:center;pointer-events:none;border-radius:8px;width:max-content;max-width:86%;padding:12px 18px;font-size:14px;font-weight:800;line-height:1.5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arena-result-success{border:3px solid var(--white);background:linear-gradient(135deg, var(--yellow), var(--coral));color:var(--ink);box-shadow:0 5px 0 var(--ink), 0 10px 24px #102b3b4d;font-size:18px;animation:.35s ease-out celebrate}.arena-result-failure{background:#9f271f}.arena-hint{z-index:30;background:var(--ink);color:#fff;text-align:center;border-radius:20px;width:max-content;max-width:80%;margin:0;padding:9px 14px;font-size:11px;font-weight:700;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.primary-button{background:var(--ink);color:#fff;cursor:pointer;border:0;justify-content:space-between;width:100%;min-height:48px;margin-top:24px;padding:15px 17px;font-weight:800;transition:background .18s;display:flex}.primary-button:hover{background:var(--coral)}@keyframes celebrate{0%{opacity:0;transform:translate(-50%,-50%)scale(.65)rotate(-4deg)}70%{transform:translate(-50%,-50%)scale(1.08)rotate(2deg)}}@media (width<=980px){.role-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.site-header{padding:18px 20px}.brand{font-size:13px}.tag{display:none}.setup-panel{padding:20px}.role-card{min-height:124px;padding:14px}.role-token{margin-top:12px;font-size:38px}.role-card strong{font-size:15px}.quick-guide{grid-template-columns:repeat(2,1fr)}.quick-guide>div:nth-child(2){border-right:0}.quick-guide>div:nth-child(-n+2){border-bottom:1px solid #102b3b2e}.game-layout{grid-template-columns:1fr;gap:12px;padding:10px 4px 40px}.game-controls{max-width:560px;margin:0 auto;padding:0 32px}.arena-wrap{max-width:560px;padding:32px}.familiar-layer{--enemy-icon-current-diameter:calc(var(--enemy-icon-diameter) - 6px);--enemy-icon-glyph-offset:10px;inset:32px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}.memory-sequence{left:50%;transform:translate(-50%,-50%)}}