:root{--ink:#102b3b;--muted:#58707d;--paper:#f3f5ef;--cream:#e8eadf;--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}.brand-mark{background:var(--coral);color:#fff;border-radius:50% 50% 50% 10%;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-style:italic;display:grid}.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}.hero{justify-content:space-between;align-items:end;gap:48px;max-width:1240px;margin:0 auto;padding:58px 34px 46px;display:flex}.eyebrow{color:var(--aqua-dark);letter-spacing:.18em;margin:0 0 14px;font-size:12px;font-weight:800}h1{letter-spacing:-.065em;margin:0;font-size:clamp(42px,7vw,84px);line-height:.98}h1 em{color:var(--coral);font-family:Georgia,Yu Mincho,serif;font-weight:500}.lead{max-width:420px;color:var(--muted);margin:0 0 7px;font-weight:600;line-height:1.9}.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}.setup-copy p{color:var(--muted);margin:0;font-size:14px}.role-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.role-card{text-align:left;background:var(--white);cursor:pointer;border:0;min-height:230px;padding:22px;transition:transform .18s,background .18s;position:relative;overflow:hidden}.role-card:hover{background:var(--aqua);transform:translateY(-5px)}.role-position{color:var(--muted);font-size:12px;font-weight:700;display:block}.role-token{color:var(--navy);opacity:.16;margin:20px 0 8px;font:italic 76px/.8 Georgia,serif;display:block}.role-card strong{font-size:20px;display:block}.role-action{font-size:12px;font-weight:800;position:absolute;bottom:20px;left:22px}.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-rows:auto auto;grid-template-columns:55px 1fr;align-items:center;padding:18px 14px;display:grid}.quick-guide>div:last-child{border:0}.quick-guide span{grid-row:1/3;font-size:25px}.quick-guide img{object-fit:contain;vertical-align:middle;width:29px;height:29px}.quick-guide strong{font-size:13px}.quick-guide small{color:var(--muted);font-size:11px}.game-layout{grid-template-columns:210px minmax(400px,650px) 230px;align-items:center;gap:38px;max-width:1240px;margin:0 auto 78px;padding:28px 34px 40px;display:grid}.game-status,.action-panel{align-self:stretch;padding-top:28px}.status-topline{border-bottom:2px solid var(--ink);letter-spacing:.12em;justify-content:space-between;padding-bottom:12px;font-size:10px;font-weight:800;display:flex}.game-status h2{margin:22px 0 4px;font-size:28px}.game-status>p{color:var(--muted);margin:0;font-size:13px}.progress{gap:7px;margin:28px 0;display:flex}.progress span{border:1px solid #102b3b40;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.progress span.active{background:var(--yellow);border-color:var(--ink)}.progress span.done{background:var(--aqua-dark);color:#fff;border-color:var(--aqua-dark)}.phase-copy{border-left:4px solid var(--cream);min-height:160px;padding-left:16px}.phase-copy b,.phase-copy span{display:block}.phase-copy b{font:italic 30px Georgia,serif}.phase-copy span{color:var(--coral);margin-top:4px;font-size:12px;font-weight:800}.phase-copy p{color:var(--muted);margin:14px 0 0;font-size:12px;line-height:1.7}.safe-text{color:var(--aqua-dark)}.hit-text{color:var(--coral)}.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;background:#9b9b97;width:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 24px 70px #102b3b1f}.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{z-index:10;pointer-events:none;position:absolute;inset:54px}.familiar{background:var(--white);width:34px;height:34px;box-shadow:3px 4px 0 var(--yellow);border:1px solid #102b3b40;border-radius:50%;place-items:center;font-size:22px;display:grid;position:absolute}.familiar img{object-fit:contain;width:30px;height:30px}.familiar-north{transform:translate(-50%,-88%)}.familiar-south{transform:translate(-50%,-12%)}.familiar-west{transform:translate(-88%,-50%)}.familiar-east{transform:translate(-12%,-50%)}.north-marker{color:var(--coral);font:700 11px Georgia,serif;position:absolute;top:22px;left:calc(50% + 44px)}.memory-flash,.ready-flash{z-index:20;aspect-ratio:1;border:3px solid var(--ink);background:var(--white);width:44%;box-shadow:9px 10px 0 var(--coral);pointer-events:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;animation:.28s ease-out pop;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.memory-flash i{color:var(--coral);font:italic 22px Georgia,serif;position:absolute;top:10%;left:14%}.memory-flash b{font-size:clamp(46px,7vw,74px);line-height:1}.memory-flash b img{object-fit:contain;width:clamp(52px,8vw,82px);height:clamp(52px,8vw,82px)}.memory-flash strong{margin-top:8px;font-size:12px}.ready-flash b{font:italic 29px Georgia,serif}.ready-flash small{margin-top:8px;font-size:9px}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.78)}}.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;width:32px;height:32px;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-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%)}.action-panel{border-top:4px solid var(--coral)}.action-panel .step-number{margin-top:20px}.action-panel h3{margin:24px 0 10px;font-size:24px}.action-panel>p{color:var(--muted);margin:0;font-size:13px;line-height:1.75}.spread-note{border-top:1px solid #102b3b2e;align-items:center;gap:11px;margin-top:22px;padding-top:18px;display:flex}.spread-note>span{color:#2a72e7;font-size:30px}.spread-note p{margin:0;font-size:11px;line-height:1.55}.result-stamp{letter-spacing:.08em;border:2px solid;margin-top:20px;padding:7px 10px 5px;font:700 12px Georgia,serif;display:inline-block;transform:rotate(-3deg)}.result-stamp.safe{color:var(--aqua-dark)}.result-stamp.hit{color:var(--coral)}.auto-advance{font-weight:800;color:var(--aqua-dark)!important;margin-top:20px!important}.primary-button{background:var(--ink);color:#fff;cursor:pointer;border:0;justify-content:space-between;width:100%;margin-top:24px;padding:15px 17px;font-weight:800;transition:background .18s;display:flex}.primary-button:hover{background:var(--coral)}.memory-dots{gap:7px;margin-top:24px;display:flex}.memory-dots span{background:var(--cream);width:28px;height:5px}.memory-dots span.on{background:var(--coral)}footer{max-width:1172px;color:var(--muted);border-top:1px solid #102b3b2e;justify-content:space-between;margin:0 auto;padding:24px 0 36px;font-size:11px;display:flex}footer p{margin:0}footer a{color:inherit}@media (width<=980px){.role-grid{grid-template-columns:repeat(2,1fr)}.game-layout{grid-template-columns:160px minmax(380px,1fr)}.action-panel{grid-column:1/3;grid-template-columns:100px 1fr 220px;align-items:center;gap:20px;padding-top:16px;display:grid}.action-panel h3,.action-panel p,.action-panel .primary-button,.action-panel .step-number,.action-panel .result-stamp,.spread-note,.memory-dots{margin-top:0}}@media (width<=700px){.site-header{padding:18px 20px}.brand{font-size:13px}.tag{display:none}.hero{padding:44px 20px 30px;display:block}.lead{margin-top:24px;font-size:13px}.setup-panel{padding:20px}.role-card{min-height:180px;padding:17px}.role-token{margin-top:14px;font-size:55px}.role-card strong{font-size:15px}.role-action{bottom:15px;left:17px}.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 12px 40px}.game-status{grid-template-columns:1fr auto;align-items:center;padding:0 8px;display:grid}.status-topline{grid-column:1/3}.game-status h2{margin-top:12px;font-size:20px}.game-status>p{grid-column:1}.progress{grid-area:2/2/4;margin:10px 0}.progress span{width:28px;height:28px}.phase-copy{display:none}.arena-wrap{max-width:560px;padding:45px}.familiar-layer{inset:45px}.familiar{width:28px;height:28px;font-size:18px}.north-marker{top:16px}.action-panel{grid-column:auto;min-height:150px;margin:0 8px;padding:18px 0 0;display:block}.action-panel .step-number{float:right}.action-panel h3{margin-top:12px}.action-panel .primary-button{margin-top:18px}footer{margin:0 20px;line-height:2;display:block}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}