:root{--ink:#f6f5f2;--muted:#9da3b5;--dim:#6c7285;--panel:#10121dd1;--panel-solid:#121521;--line:#ffffff1c;--line-strong:#ffffff30;--human:#ff5b67;--human-light:#ff9a88;--cpu:#4de2ed;--cpu-light:#b9fbff;--accent:#d9ff5b;--bg:#070810;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);min-width:320px;margin:0;font-family:Noto Sans JP,Yu Gothic UI,Yu Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus-visible+i{outline:2px solid var(--accent);outline-offset:3px}button{color:inherit}.app-shell{background:radial-gradient(circle at 73% 30%,#2c697324,#0000 31%),radial-gradient(circle at 14% 12%,#7e2d4721,#0000 25%),linear-gradient(#090a12 0%,#070810 58%,#0a0b13 100%);min-height:100vh;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;opacity:.32;background-image:radial-gradient(#ffffff52 .65px,#0000 .65px);background-size:31px 31px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.ambient{pointer-events:none;border:1px solid #ffffff0f;border-radius:50%;position:absolute}.ambient:before,.ambient:after{content:"";border-radius:inherit;border:1px solid #ffffff0b;position:absolute;top:12%;bottom:12%;left:12%;right:12%}.ambient:after{top:31%;bottom:31%;left:31%;right:31%}.ambient-one{width:520px;height:520px;top:-260px;right:-160px}.ambient-two{width:360px;height:360px;top:520px;left:-230px}.topbar{z-index:10;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1320px,100% - 48px);min-height:86px;margin:0 auto;display:flex;position:relative}.brand{color:var(--ink);align-items:center;gap:13px;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--line-strong);background:#ffffff0a;grid-template-columns:repeat(2,1fr);gap:4px;width:40px;height:40px;padding:6px;display:grid;transform:rotate(45deg)}.brand-mark i{background:var(--human);border-radius:50%;display:block;box-shadow:0 0 12px #ff5b6773}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){background:var(--cpu);box-shadow:0 0 12px #4de2ed66}.brand>span:last-child{flex-direction:column;line-height:1;display:flex}.brand b{letter-spacing:.18em;font-family:Arial,Helvetica,sans-serif;font-size:1.1rem}.brand small{color:var(--muted);letter-spacing:.17em;margin-top:6px;font-size:.66rem}.header-actions{gap:8px;display:flex}.icon-button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:0 13px;font-size:.76rem;transition:all .18s;display:inline-flex}.icon-button span{border:1px solid var(--line-strong);width:21px;height:21px;color:var(--ink);border-radius:50%;place-items:center;font-weight:700;display:grid}.icon-button:hover{border-color:var(--line);color:var(--ink);background:#ffffff0a}.hero{z-index:2;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:48px;width:min(1320px,100% - 48px);margin:0 auto;padding:48px 4px 38px;display:grid;position:relative}.eyebrow,.panel-kicker{color:var(--cpu);letter-spacing:.22em;margin:0 0 15px;font-family:Arial,Helvetica,sans-serif;font-size:.66rem;font-weight:800}.eyebrow span{background:currentColor;width:26px;height:1px;margin:0 10px 3px 0;display:inline-block}.hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.25rem,5vw,4.9rem);font-weight:720;line-height:1.11}.hero h1 em{color:var(--accent);font-style:normal}.hero-copy{color:var(--muted);border-left:1px solid #d9ff5b6b;margin:0 0 5px;padding-left:22px;font-size:.86rem;line-height:1.9}.game-layout{z-index:2;grid-template-columns:minmax(0,1.7fr) minmax(320px,.72fr);align-items:stretch;gap:18px;width:min(1320px,100% - 48px);margin:0 auto;display:grid;position:relative}.board-card,.side-panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 32px 90px #0000004d}.board-card{border-radius:26px;min-width:0;overflow:hidden}.board-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;padding:0 24px;display:flex}.turn-indicator{align-items:center;gap:12px;display:flex}.turn-indicator>span:last-child{flex-direction:column;display:flex}.turn-indicator small,.status-card small{color:var(--dim);letter-spacing:.18em;margin-bottom:3px;font-family:Arial,Helvetica,sans-serif;font-size:.57rem;font-weight:800}.turn-indicator b{font-size:.95rem}.turn-orb,.mini-orb,.legend-orb,.large-orb{border-radius:50%;flex:none;display:inline-block}.turn-orb{width:29px;height:29px}.player-1 .turn-orb,.human{background:radial-gradient(circle at 35% 27%, #ffd4c9 0 7%, var(--human-light) 16%, var(--human) 49%, #8e172f 100%);box-shadow:inset -5px -7px 10px #48031466,0 0 22px #ff5b6752}.player-2 .turn-orb,.cpu{background:radial-gradient(circle at 35% 27%, #efffff 0 7%, var(--cpu-light) 16%, var(--cpu) 49%, #087983 100%);box-shadow:inset -5px -7px 10px #00333c6b,0 0 22px #4de2ed4d}.turn-counter{color:var(--muted);align-items:baseline;gap:5px;display:flex}.turn-counter span{color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:1.25rem;font-weight:700}.turn-counter small{font-size:.7rem}.scene{isolation:isolate;background:radial-gradient(at 50% 64%,#4de2ed0f,#0000 34%),linear-gradient(#ffffff03,#0000001f);height:clamp(490px,49vw,650px);min-height:490px;max-height:650px;position:relative;overflow:hidden}.scene:before{content:"";filter:blur(26px);background:#00000094;border-radius:50%;width:73%;height:14%;position:absolute;bottom:3.5%;left:50%;transform:translate(-50%)}.scene-halo{aspect-ratio:1;border:1px solid #4de2ed14;border-radius:50%;width:58%;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 100px #4de2ed09,inset 0 0 100px #ff5b6706}.scene-halo:before,.scene-halo:after{content:"";border-radius:inherit;border:1px solid #ffffff0b;position:absolute;top:13%;bottom:13%;left:13%;right:13%}.scene-halo:after{top:32%;bottom:32%;left:32%;right:32%}.board-base{z-index:4;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:drop-shadow(0 18px 17px #00000085);background:repeating-linear-gradient(27deg,#0000 0 10.5%,#d2fdff1c 10.7% 11%,#0000 11.2% 21.8%),repeating-linear-gradient(153deg,#0000 0 10.5%,#d2fdff1c 10.7% 11%,#0000 11.2% 21.8%),linear-gradient(115deg,#243a41e6,#121620f5 48%,#2f1f28e6);position:absolute;top:33%;bottom:4%;left:8%;right:8%}.board-base:before{content:"";clip-path:inherit;background:radial-gradient(circle,#ffffff09,#0000 60%);border:1px solid #b9f8ff3d;position:absolute;top:1px;bottom:1px;left:1px;right:1px}.board-base:after{content:"";border:1px solid #4de2ed1f;position:absolute;top:10%;bottom:10%;left:20%;right:20%;transform:rotate(45deg)scaleY(.55)}.base-core{background:var(--accent);border-radius:50%;position:absolute;top:45%;bottom:45%;left:45%;right:45%;box-shadow:0 0 20px #d9ff5b40}.post{z-index:16;left:var(--scene-x);top:calc(var(--base-y) - 28%);pointer-events:none;width:8px;height:28%;position:absolute;transform:translate(-50%)}.post:before{content:"";background:linear-gradient(90deg,#4e747973,#d1faf8b3,#2a464c80);border-radius:999px;position:absolute;top:0;bottom:0;left:2px;right:2px;box-shadow:0 0 10px #7ee7ec12}.post:after{content:"";opacity:.65;background:#bedadd;border-radius:50%;width:7px;height:5px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.post span{background:#171c25;border:1px solid #a0dce040;border-radius:50%;width:20px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.piece{left:var(--scene-x);top:var(--scene-y);aspect-ratio:1;pointer-events:none;border-radius:50%;width:clamp(33px,4.1vw,52px);animation:.42s cubic-bezier(.2,.85,.25,1.08) both piece-drop;position:absolute;transform:translate(-50%,-50%)}.piece:before{content:"";border-radius:inherit;border:1px solid #ffffff4d;position:absolute;top:7%;bottom:7%;left:7%;right:7%}.piece span{filter:blur(1px);background:#ffffffc7;border-radius:50%;width:23%;height:14%;position:absolute;top:18%;left:24%;transform:rotate(-30deg)}.piece-1{background:radial-gradient(circle at 33% 25%, #ffe0d8 0 7%, #ffb09d 13%, var(--human) 48%, #9e1832 82%, #4e0719 100%);box-shadow:inset -7px -10px 13px #3e021166,0 7px 12px #0000006b,0 0 18px #ff5b6733}.piece-2{background:radial-gradient(circle at 33% 25%, #f3ffff 0 7%, #c5fbff 13%, var(--cpu) 48%, #0c8993 82%, #03434b 100%);box-shadow:inset -7px -10px 13px #00333a6b,0 7px 12px #0000006b,0 0 18px #4de2ed2e}.piece.is-last:after{content:"";border:1px solid #d9ff5bbf;border-radius:50%;animation:1.6s ease-out infinite last-ring;position:absolute;top:-9px;bottom:-9px;left:-9px;right:-9px}.piece.is-winning{filter:brightness(1.2);animation:.9s ease-in-out infinite alternate winning-piece}.scene.is-demo .piece{opacity:.9;animation:3.8s ease-in-out infinite alternate demo-breathe}.drop-zone{left:var(--scene-x);top:var(--scene-y);cursor:pointer;background:0 0;border:0;border-radius:50%;width:58px;height:58px;padding:0;position:absolute;transform:translate(-50%,-50%)}.drop-zone:disabled{pointer-events:none}.preview-orb{opacity:0;background:#ffffff14;border:1px dashed #ffffff73;border-radius:50%;transition:all .17s;position:absolute;top:7px;bottom:7px;left:7px;right:7px;transform:scale(.65)}.drop-zone:hover .preview-orb{opacity:1;background:#ff5b6738;border-color:#ffd2cbbf;transform:scale(1);box-shadow:0 0 24px #ff5b675c}.drop-zone:focus-visible .preview-orb{opacity:1;background:#ff5b6738;border-color:#ffd2cbbf;transform:scale(1);box-shadow:0 0 24px #ff5b675c}.drop-zone.guide-win .preview-orb,.drop-zone.guide-danger .preview-orb{opacity:.68;transform:scale(.86)}.drop-zone.guide-win .preview-orb{border:2px solid var(--accent);background:#d9ff5b29;box-shadow:0 0 22px #d9ff5b4d}.drop-zone.guide-danger .preview-orb{background:#ff70402b;border:2px solid #ff9d4d;box-shadow:0 0 22px #ff70404d}.guide-pulse{border:1px solid;border-radius:50%;animation:1.5s ease-out infinite guide-ring;position:absolute;top:0;bottom:0;left:0;right:0}.guide-win{color:var(--accent)}.guide-danger{color:#ff9d4d}.coord{z-index:120;left:var(--scene-x);top:calc(var(--base-y) + 3.2%);color:#dbf2f46b;letter-spacing:.05em;pointer-events:none;font-family:Arial,Helvetica,sans-serif;font-size:clamp(.48rem,.9vw,.62rem);font-weight:700;position:absolute;transform:translate(-50%,-50%)}.perspective-board{z-index:10;-webkit-user-select:none;user-select:none;position:absolute;top:0;bottom:0;left:0;right:0}.board-canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.perspective-board.is-dragging .board-canvas{cursor:grabbing}.camera-controls{z-index:24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07090fbd;border:1px solid #ffffff1f;border-radius:13px;align-items:center;gap:5px;padding:4px;display:flex;position:absolute;top:15px;right:16px;box-shadow:0 8px 26px #0000003d}.camera-controls button{color:#c9cdd8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;min-width:35px;height:34px;font-weight:700;transition:all .15s}.camera-controls button:hover{color:#fff;background:#ffffff14;border-color:#ffffff1f}.camera-controls .view-reset,.camera-controls .top-view{width:auto;color:var(--muted);padding:0 10px;font-size:.62rem}.camera-controls .top-view{border-left-color:#ffffff1a;border-radius:0 8px 8px 0}.perspective-badge{z-index:22;color:#bee2e594;letter-spacing:.16em;pointer-events:none;align-items:center;gap:7px;font-family:Arial,Helvetica,sans-serif;font-size:.54rem;font-weight:800;display:flex;position:absolute;top:20px;left:20px}.perspective-badge i{background:var(--cpu);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #4de2edb3}.gesture-hint{z-index:22;color:#d2d7e2b3;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07090fb8;border:1px solid #ffffff1c;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:.63rem;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.gesture-hint span{color:var(--accent);font-size:.92rem}.sr-board-controls{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo-caption{z-index:220;border:1px solid var(--line);color:var(--muted);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080a11c7;border-radius:999px;align-items:center;gap:9px;padding:9px 14px;font-size:.69rem;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.demo-caption span{background:var(--accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #d9ff5b8c}.board-legend{border-top:1px solid var(--line);min-height:56px;color:var(--muted);align-items:center;gap:20px;padding:0 24px;font-size:.7rem;display:flex}.board-legend>span{align-items:center;gap:7px;display:inline-flex}.legend-orb{width:12px;height:12px}.legend-help{color:var(--dim);margin-left:auto}.side-panel{border-radius:26px;min-width:0;overflow:hidden}.setup-panel,.play-panel{height:100%;padding:34px 30px 30px}.setup-panel{flex-direction:column;display:flex}.panel-kicker{margin-bottom:10px}.setup-panel h2,.rules-modal h2{letter-spacing:-.04em;margin:0;font-size:1.75rem;line-height:1.35}.panel-lead{color:var(--muted);margin:8px 0 28px;font-size:.79rem}fieldset{border:0;min-width:0;margin:0 0 25px;padding:0}legend,.level-heading span{color:#c7cad5;margin-bottom:10px;font-size:.69rem;font-weight:700}.segmented{border:1px solid var(--line);background:#0000002e;border-radius:13px;gap:5px;padding:4px;display:grid}.segmented.two{grid-template-columns:repeat(2,1fr)}.segmented.three{grid-template-columns:repeat(3,1fr)}.segmented button{min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;font-size:.76rem;font-weight:700;transition:all .17s;display:inline-flex}.segmented button:hover{color:var(--ink)}.segmented button.selected{border-color:var(--line);color:var(--ink);background:#ffffff13;box-shadow:0 4px 15px #00000021}.mini-orb{width:13px;height:13px}.field-note{min-height:34px;color:var(--dim);margin:9px 3px 0;font-size:.66rem;line-height:1.6}.toggle-row{cursor:pointer;align-items:center;gap:12px;margin-bottom:26px;display:flex;position:relative}.toggle-row>span{flex-direction:column;flex:1;display:flex}.toggle-row b{font-size:.75rem}.toggle-row small{color:var(--dim);margin-top:4px;font-size:.63rem}.toggle-row input{opacity:0;pointer-events:none;position:absolute}.toggle-row>i{border:1px solid var(--line-strong);background:#242735;border-radius:99px;flex:none;width:42px;height:23px;transition:all .18s;position:relative}.toggle-row>i:after{content:"";background:#8f95a6;border-radius:50%;width:15px;height:15px;transition:all .18s;position:absolute;top:3px;left:3px}.toggle-row input:checked+i{background:#d9ff5b29;border-color:#d9ff5b7a}.toggle-row input:checked+i:after{background:var(--accent);left:22px;box-shadow:0 0 11px #d9ff5b73}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#11140a;cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:16px;width:100%;min-height:52px;font-size:.86rem;font-weight:800;transition:all .18s;display:flex;box-shadow:0 14px 32px #b7dc3c21}.primary-button:hover{background:#e4ff86;transform:translateY(-2px);box-shadow:0 18px 38px #b7dc3c33}.primary-button.compact{width:auto;min-height:42px;padding:0 24px;font-size:.76rem}.rules-link{border:0;border-bottom:1px solid var(--line-strong);color:var(--muted);cursor:pointer;background:0 0;margin:15px auto 0;font-size:.68rem}.play-panel{flex-direction:column;display:flex}.status-card{border:1px solid var(--line);background:#ffffff09;border-radius:16px;align-items:center;gap:13px;min-height:73px;margin:4px 0 25px;padding:12px 14px;display:flex}.large-orb{width:38px;height:38px}.status-card>div:nth-child(2){flex-direction:column;flex:1;display:flex}.status-card strong{font-size:.9rem}.thinking-dots{gap:3px;display:flex}.thinking-dots i{background:var(--cpu);border-radius:50%;width:4px;height:4px;animation:.9s ease-in-out infinite alternate thinking}.thinking-dots i:nth-child(2){animation-delay:.18s}.thinking-dots i:nth-child(3){animation-delay:.36s}.level-heading{justify-content:space-between;align-items:baseline;display:flex}.level-heading small{color:var(--dim);font-size:.6rem}.layers{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.layer{border:1px solid var(--line);background:#00000024;border-radius:11px;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:9px;display:grid}.layer-label{flex-direction:column;display:flex}.layer-label b{font-family:Arial,Helvetica,sans-serif;font-size:.68rem}.layer-label span{color:var(--dim);letter-spacing:.08em;margin-top:2px;font-family:Arial,Helvetica,sans-serif;font-size:.44rem}.mini-grid{grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.mini-grid>span{aspect-ratio:1;background:#ffffff06;border:1px solid #ffffff17;border-radius:3px}.mini-grid .occupied-1{background:var(--human);border-color:#ff9a889e;border-radius:50%;box-shadow:0 0 6px #ff5b6759}.mini-grid .occupied-2{background:var(--cpu);border-color:#b9fbffa6;border-radius:50%;box-shadow:0 0 6px #4de2ed52}.mini-grid .mini-win{outline:1px solid var(--accent);outline-offset:1px}.guide-key{color:var(--dim);flex-wrap:wrap;gap:13px;margin:13px 0 20px;font-size:.59rem;display:flex}.guide-key span{align-items:center;gap:5px;display:inline-flex}.guide-key i{border-radius:50%;width:7px;height:7px;display:inline-block}.key-win{background:var(--accent);box-shadow:0 0 7px #d9ff5b80}.key-danger{background:#ff9d4d;box-shadow:0 0 7px #ff9d4d80}.compact-toggle{border-top:1px solid var(--line);margin:auto 0 20px;padding-top:18px}.game-actions{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.game-actions button{border:1px solid var(--line);min-height:48px;color:var(--muted);cursor:pointer;background:#ffffff09;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.61rem;transition:all .16s;display:flex}.game-actions button span{color:var(--ink);font-size:.95rem}.game-actions button:hover:not(:disabled){border-color:var(--line-strong);color:var(--ink);background:#ffffff12}.game-actions button:disabled{opacity:.36;cursor:not-allowed}.match-meta{color:var(--dim);justify-content:center;align-items:center;gap:5px;margin-top:16px;font-size:.56rem;display:flex}.match-meta b{color:var(--muted)}.match-meta i{background:var(--line-strong);width:1px;height:9px;margin:0 4px}.result-banner{z-index:300;border:1px solid var(--line-strong);text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0c14ed;border-radius:20px;width:min(360px,100% - 40px);padding:28px;animation:.36s cubic-bezier(.2,.85,.25,1.1) both result-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 28px 90px #000000a6}.result-banner:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(circle at 50% 0,#d9ff5b26,#0000 54%);position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.result-kicker{color:var(--accent);letter-spacing:.22em;margin-bottom:8px;font-family:Arial,Helvetica,sans-serif;font-size:.58rem;font-weight:800;display:block}.result-banner strong{font-size:1.7rem;display:block}.result-banner p{color:var(--muted);margin:8px 0 22px;font-size:.72rem}.result-banner>div{justify-content:center;align-items:center;gap:15px;display:flex}.text-button{border:0;border-bottom:1px solid var(--line-strong);color:var(--muted);cursor:pointer;background:0 0;font-size:.69rem}footer{z-index:2;border-top:1px solid var(--line);width:min(1320px,100% - 48px);min-height:104px;color:var(--dim);align-items:center;gap:30px;margin:34px auto 0;font-size:.65rem;display:flex;position:relative}footer>span{color:var(--muted);font-weight:700}footer nav{gap:18px;display:flex}footer a{color:var(--dim);text-decoration:none}footer a:hover{color:var(--ink)}footer small{margin-left:auto}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030409c7;place-items:center;padding:20px;animation:.18s both backdrop-in;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.rules-modal{border:1px solid var(--line-strong);background:#11141f;border-radius:24px;width:min(710px,100%);max-height:calc(100vh - 40px);padding:42px;animation:.26s cubic-bezier(.2,.85,.25,1.08) both modal-in;position:relative;overflow:auto;box-shadow:0 34px 100px #0000009e}.modal-close{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;font-size:1.25rem;position:absolute;top:18px;right:18px}.rules-intro{max-width:590px;color:var(--muted);margin:12px 0 29px;font-size:.78rem;line-height:1.85}.rules-steps{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.rules-steps article{border:1px solid var(--line);background:#ffffff06;border-radius:14px;min-height:150px;padding:18px}.rules-steps article>span{color:var(--cpu);margin-bottom:23px;font-family:Arial,Helvetica,sans-serif;font-size:.62rem;font-weight:800;display:block}.rules-steps b{font-size:.82rem}.rules-steps p{color:var(--dim);margin:7px 0 0;font-size:.66rem;line-height:1.65}.line-examples{color:var(--muted);gap:24px;margin:22px 0 28px;font-size:.65rem;display:flex}.line-examples span{align-items:center;gap:7px;display:inline-flex}.line-examples i{border-bottom:2px solid var(--human);width:24px;height:10px;display:inline-block}.line-examples .line-vertical{transform:rotate(90deg)}.line-examples .line-space{border-color:var(--cpu);transform:rotate(-25deg)}@keyframes piece-drop{0%{opacity:0;transform:translate(-50%,calc(-50% - 100px))scale(.76)}72%{opacity:1;transform:translate(-50%,calc(7px - 50%))scale(1.02)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes last-ring{0%{opacity:.9;transform:scale(.75)}to{opacity:0;transform:scale(1.45)}}@keyframes guide-ring{0%{opacity:.65;transform:scale(.65)}to{opacity:0;transform:scale(1.1)}}@keyframes winning-piece{0%{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 18px #d9ff5b33}to{transform:translate(-50%,-50%)scale(1.16);box-shadow:0 0 32px #d9ff5bb3}}@keyframes demo-breathe{0%{transform:translate(-50%,-50%)translateY(1px)}to{transform:translate(-50%,-50%)translateY(-3px)}}@keyframes thinking{0%{opacity:.25;transform:translateY(2px)}to{opacity:1;transform:translateY(-2px)}}@keyframes result-in{0%{opacity:0;transform:translate(-50%,-45%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1020px){.game-layout{grid-template-columns:minmax(0,1.45fr) minmax(290px,.72fr)}.setup-panel,.play-panel{padding:28px 22px 24px}.scene{min-height:500px}.coord{opacity:.75}}@media (max-width:820px){.topbar,.hero,.game-layout,footer{width:min(680px,100% - 28px)}.hero{grid-template-columns:1fr;gap:20px;padding:37px 2px 30px}.hero h1 br{display:none}.hero-copy{max-width:540px}.game-layout{grid-template-columns:1fr}.scene{height:min(80vw,580px);min-height:470px}.side-panel{min-height:0}.setup-panel,.play-panel{padding:30px}.setup-panel{grid-template-columns:repeat(2,1fr);gap:0 20px;display:grid}.setup-panel>.panel-kicker,.setup-panel>h2,.setup-panel>.panel-lead,.setup-panel>.toggle-row,.setup-panel>.primary-button,.setup-panel>.rules-link{grid-column:1/-1}.play-panel .compact-toggle{margin-top:22px}}@media (max-width:560px){.topbar{min-height:72px}.brand small,.sound-button{display:none}.brand-mark{width:34px;height:34px}.icon-button{padding:0 7px}.hero{padding-top:30px}.hero h1{font-size:clamp(2rem,11vw,3.15rem)}.hero-copy{padding-left:15px;font-size:.76rem}.board-card,.side-panel{border-radius:18px}.board-toolbar{height:66px;padding:0 16px}.scene{height:111vw;min-height:420px;max-height:510px}.camera-controls{top:10px;right:10px}.camera-controls .view-reset{display:none}.camera-controls .top-view{padding:0 8px}.perspective-badge{font-size:.46rem;top:15px;left:13px}.gesture-hint{padding:7px 11px;font-size:.58rem;bottom:10px}.board-base{top:34%;bottom:5%;left:3%;right:3%}.piece{width:clamp(28px,8vw,38px)}.drop-zone{width:46px;height:46px}.preview-orb{top:5px;bottom:5px;left:5px;right:5px}.post{width:6px}.post span{width:15px}.coord{top:calc(var(--base-y) + 3.8%);font-size:.44rem}.board-legend{gap:13px;min-height:50px;padding:0 14px}.legend-help{display:none!important}.setup-panel,.play-panel{padding:25px 20px}.setup-panel{display:flex}.layers{gap:6px}.layer{grid-template-columns:26px 1fr;gap:5px;padding:7px}.rules-modal{padding:34px 20px 26px}.rules-modal h2{padding-right:30px;font-size:1.45rem}.rules-steps{grid-template-columns:1fr}.rules-steps article{min-height:auto}.rules-steps article>span{margin-bottom:10px}.line-examples{gap:12px}footer{flex-wrap:wrap;gap:14px;padding:27px 0}footer nav{order:3;gap:13px;width:100%}footer small{margin-left:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}