/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.hidden{display:none}.table{display:table}.h-11{height:calc(var(--spacing) * 11)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:Noto Sans JP;src:url(/fonts/NotoSansJP-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--ink:#473f58;--muted:#7c7488;--cream:#fffaf0;--mint:#bfe9d2;--mint-deep:#8dceb8;--pink:#78cbb9;--yellow:#ffd76e;--lavender:#9bbfe4;--blue:#83cbe7;--line:#473f5826}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);font-feature-settings:"palt" 1;text-rendering:optimizelegibility;background:#f9e9d8;margin:0;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,sans-serif}button{font:inherit}.access-gate{background:radial-gradient(circle at 75% 30%,#83cbe780,#0000 30%),linear-gradient(135deg,#f8fff9,#dff4ed);place-items:center;min-height:100svh;padding:24px;display:grid}.access-card{text-align:center;background:#fffaf0f0;border:1px solid #473f5826;border-radius:24px;width:min(440px,100%);padding:42px 36px;box-shadow:10px 12px #57b99f59}.access-card img{width:min(290px,90%);height:auto;margin:0 auto;display:block}.access-eyebrow{color:#776a9f;letter-spacing:.18em;margin:28px 0 8px;font:800 10px monospace}.access-card h1{margin:0 0 10px;font-size:25px}.access-card>p:not(.access-eyebrow){color:var(--muted);font-size:13px;line-height:1.7}.access-card form{gap:8px;margin-top:24px;display:flex}.access-card input{border:1px solid var(--line);min-width:0;color:var(--ink);background:#fff;border-radius:12px;flex:1;padding:13px 15px;font:15px monospace}.access-card button{color:#fff;cursor:pointer;background:#63bda9;border:0;border-radius:12px;padding:0 18px;font-weight:900}.access-card button:disabled{opacity:.45}.access-error{color:#c43e52;margin-top:14px;font-size:12px;display:block}.landing{background:radial-gradient(circle at 82% 38%,#83cbe77a,#0000 28%),radial-gradient(circle at 64% 78%,#78cbb973,#0000 30%),linear-gradient(135deg,#f8fff9,#eaf8f3 55%,#e5f5fb);min-height:100svh;padding:32px clamp(24px,6vw,88px);position:relative;overflow:hidden}.landing:before{content:"";opacity:.35;background-image:radial-gradient(#a89bd8 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.volume-control{color:#746b7d;background:#ffffffc2;border:1px solid #473f5829;border-radius:999px;flex:none;align-items:stretch;height:38px;display:flex;overflow:hidden;box-shadow:0 3px 10px #43364f14}.volume-control>button{color:#5f576c;cursor:pointer;background:0 0;border:0;width:34px;font-size:18px;line-height:1}.volume-control>button:hover:not(:disabled){background:#78cbb92e}.volume-control>button:disabled{color:#cfc9d3;cursor:default}.volume-display{border-inline:1px solid #473f581a;justify-content:center;align-items:flex-end;gap:8px;min-width:82px;padding:8px 7px;display:flex}.volume-display b{letter-spacing:.04em;min-width:24px;font:800 8px monospace}.volume-bars{align-items:flex-end;gap:2px;height:19px;display:flex}.volume-bars i{background:#d8d1dc;border-radius:2px 2px 1px 1px;width:4px;height:6px;display:block}.volume-bars i:first-child{height:6px}.volume-bars i:nth-child(2){height:9px}.volume-bars i:nth-child(3){height:12px}.volume-bars i:nth-child(4){height:15px}.volume-bars i:nth-child(5){height:18px}.volume-bars i.active{background:#57b99f;box-shadow:0 0 5px #57b99f47}.landing>.volume-control{z-index:4;position:absolute;top:34px;right:clamp(24px,6vw,88px)}.title-tools{z-index:5;gap:10px;display:flex;position:absolute;top:32px;right:clamp(24px,6vw,88px)}.title-tool{cursor:pointer;background-color:#ffffffd1;background-position:50%;background-repeat:no-repeat;background-size:23px 23px;border:1px solid #473f5829;border-radius:50%;width:48px;height:48px;transition:transform .2s,background-color .2s;box-shadow:0 4px 12px #43364f1a}.title-tool:hover{background-color:#fff;transform:translateY(-2px)}.profile-tool{background-image:url(/profile-icon.svg)}.rules-tool{background-image:url(/rules-icon.svg)}.login-tool{background-image:url(/login-icon.svg);background-size:28px 28px}.settings-tool{background-image:url(/settings-gear.svg)}.brand{z-index:2;width:clamp(230px,26vw,330px);height:auto;position:relative}.brand-logo{width:100%;height:auto;display:block}.hero-panel{z-index:2;max-width:660px;margin-top:11vh;position:relative}.eyebrow{letter-spacing:.2em;color:#776a9f;font:700 11px monospace}.hero-panel h2{letter-spacing:-.045em;margin:18px 0;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,sans-serif;font-size:72px;font-weight:600;line-height:1.04}.hero-panel h2 .mobile-break{display:none}.hero-panel h2 em{color:#4cae9a;text-shadow:3px 3px #ccecf7;font-style:normal}.intro{letter-spacing:.015em;color:#716979;margin:0 0 20px;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,sans-serif;font-size:16px;font-weight:450;line-height:1.8}.difficulty{align-items:center;gap:8px;margin:35px 0 18px;display:flex}.difficulty>span{letter-spacing:.16em;margin-right:10px;font:700 10px monospace}.difficulty button{border:1px solid var(--line);color:#746b7d;cursor:pointer;background:#ffffff9e;border-radius:999px;padding:10px 16px;box-shadow:0 3px 10px #56466914}.difficulty button.active{background:var(--lavender);color:#fff;border-color:var(--lavender);font-weight:700}.difficulty button:disabled{opacity:.42}.difficulty small{font-size:7px}.start{background:var(--blue);color:#fff;letter-spacing:.05em;cursor:pointer;border:0;border-radius:12px;padding:17px 24px;font-weight:900;box-shadow:5px 5px #68a995}.start b{padding-left:28px}.mode-actions{align-items:stretch;gap:12px;display:flex}.private-start,.outline-btn{color:var(--ink);cursor:pointer;background:#ffffffc7;border:1px solid #473f5833;border-radius:12px;padding:16px 22px;font-weight:900;box-shadow:4px 4px #57b99f59}.private-start b{color:#fff;letter-spacing:.08em;background:#57b99f;border-radius:999px;margin-left:16px;padding:4px 7px;font:8px monospace}.title-ad{width:min(660px,100%);min-height:90px;margin-top:24px;overflow:hidden}.guide-link{color:#665a91;text-underline-offset:4px;align-items:center;gap:10px;margin-top:17px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.guide-link span{color:#16825f;transition:transform .18s;display:inline-block}.guide-link:hover{text-decoration:underline}.guide-link:hover span{transform:translate(4px)}.hero-cards{display:flex;position:absolute;top:22%;right:9vw}.hero-cards .card{margin-left:-62px}.hero-cards .card:first-child{transform:rotate(-18deg)translateY(30px)}.hero-cards .card:nth-child(2){transform:rotate(-9deg)translateY(12px)}.hero-cards .card:nth-child(3){transform:rotate(1deg)translateY(6px)}.hero-cards .card:nth-child(4){transform:rotate(9deg)translateY(12px)}.hero-cards .card:last-child{z-index:5;transform:rotate(18deg)translateY(30px)}.game{background:#f8eadf;min-height:100svh}.game header{border-bottom:1px solid var(--line);background:#fffaf0f5;align-items:center;height:76px;padding:0 28px;display:flex;position:relative}.compact{transform-origin:0;transform:scale(.76)}.game .brand{width:240px;height:60px}.round{white-space:nowrap;align-items:baseline;gap:15px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.round b{letter-spacing:.15em;font-size:13px}.round span{color:var(--muted);font:11px monospace}.icon-btn{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;background:#fff;border-radius:50%;font-size:24px}.game-settings-btn{border:1px solid var(--line);cursor:pointer;background:#fff url(/settings-gear.svg) 50%/20px 20px no-repeat;border-radius:50%;flex:none;width:38px;height:38px;transition:transform .2s,background-color .2s}.game-settings-btn:hover{background-color:#fff;transform:rotate(12deg)}.game header>.game-settings-btn{margin-left:auto}.game header>.icon-btn{margin-left:8px}.table{background:radial-gradient(at 50% 43%,#24b67d 0%,#109866 55%,#087650 100%);border:9px solid #075f42;width:100%;min-height:calc(100svh - 76px);display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #003a2547,inset 0 0 0 2px #ffffff14}.table:after{content:"";pointer-events:none;opacity:.13;background-image:repeating-linear-gradient(45deg,#0000 0 10px,#ffffff52 11px 12px);position:absolute;inset:0}.player{z-index:3;align-items:center;gap:10px;display:flex;position:absolute}.cpu-player{top:20px;left:26px}.you-player{bottom:26px;left:26px}.player .win-streak{color:#087650;letter-spacing:.04em;background:#fff5bd;border-radius:999px;width:max-content;margin:0;padding:7px 12px;font:900 12px/1 Arial,sans-serif;animation:.45s cubic-bezier(.2,.9,.2,1) both streak-badge-in;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 4px 12px #00322038}.avatar{background:var(--pink);color:#fff;border:3px solid #ffffffc7;border-radius:14px;place-items:center;width:48px;height:48px;font:700 11px monospace;display:grid;box-shadow:0 5px 12px #52425d21}.cpu-avatar{background:var(--yellow);color:#6e5a30}.player-info{flex-direction:column;display:flex}.player b{color:#fff;text-shadow:0 1px 3px #00322073;font-size:14px}.player span{color:#ffffffd1;margin-top:4px;font-size:10px}.damage{color:#d7f8ea;border-left:1px solid #ffffff6b;margin-left:10px;padding-left:15px;font:8px monospace}.damage strong{color:#fff5bd;text-shadow:0 1px 4px #00322073;font-size:24px;display:block}.damage.pulse strong{animation:.9s cubic-bezier(.2,.9,.2,1) damage-count}.cpu-hand{z-index:2;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.cpu-hand .card{margin-left:-50px}.cpu-hand .card:first-child{margin-left:0}.pile-area{z-index:3;text-align:center;min-width:260px;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.pile-label{letter-spacing:.25em;color:#ffffffd1;font:9px monospace}.pile-stack{width:280px;height:164px;margin:9px auto 0;position:relative}.pile-cards{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pile-cards .card{margin-left:-70px}.pile-cards .card:first-child{margin-left:0}.pile-cards.trail-0{z-index:3}.pile-cards.trail-1{z-index:2;filter:brightness(.86);transform:translate(-13px,-7px)rotate(-3deg)}.pile-cards.trail-2{z-index:1;filter:brightness(.7);transform:translate(12px,-13px)rotate(3deg)}.pile-cards.current.from-you .card{animation:.5s cubic-bezier(.2,.8,.2,1) both card-from-you}.pile-cards.current.from-cpu .card{animation:.5s cubic-bezier(.2,.8,.2,1) both card-from-cpu}.pile-stack.clearing{animation:.4s ease-in both pile-clear}.empty-pile{color:#fff;background:#ffffff1f;border:2px dashed #ffffff6b;border-radius:18px;flex-direction:column;justify-content:center;width:200px;height:140px;margin:10px auto;display:flex}.empty-pile b{text-shadow:0 1px 3px #00322066;font-size:14px}.empty-pile span{color:#fffc;margin-top:6px;font-size:10px}.turn-chip{background:var(--pink);color:#fff;letter-spacing:.12em;border-radius:20px;padding:7px 13px;font:700 9px monospace;display:inline-block;box-shadow:0 4px 10px #644a5e24}.turn-chip.cpu{background:var(--yellow);color:#6e5a30}.status-flags{z-index:3;gap:6px;display:flex;position:absolute;top:115px;left:28px}.status-flags span{background:var(--lavender);color:#fff;border-radius:999px;padding:6px 9px;font:700 9px monospace}.log{z-index:3;border-left:1px solid var(--line);scrollbar-width:thin;border-left-color:#ffffff61;width:190px;max-height:calc(47% - 40px);padding-left:15px;position:absolute;top:24px;right:24px;overflow-y:auto}.log b{letter-spacing:.08em;color:#fff5bd;font:900 14px monospace}.log p{color:#ffffffe6;text-shadow:0 1px 3px #0032206b;margin:9px 0;font-size:14px;line-height:1.35}.your-zone{z-index:4;text-align:center;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.your-zone>p{color:#5f5868;font-size:11px}.your-hand{justify-content:center;display:flex}.your-hand .card{margin-left:-38px}.your-hand .card:first-child{margin-left:0}.actions{z-index:5;gap:9px;display:flex;position:absolute;bottom:28px;right:28px}.actions button{letter-spacing:.1em;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:7px;height:52px;font-size:14px;font-weight:900;display:inline-flex}.actions button:disabled{opacity:.4;cursor:not-allowed}.pass{background:var(--yellow);color:#6e5a30;border:1px solid #a3771447;width:92px;box-shadow:0 5px 12px #a47d2029}.play{color:#fff;background:#63bda9;border:0;width:92px;box-shadow:0 5px 12px #4488792e}.pass-icon{font-variant-emoji:text;letter-spacing:0;font-family:Noto Sans JP,Arial,Helvetica Neue,sans-serif;font-size:16px;line-height:1}.actions .play:after{content:"▶";letter-spacing:0;font-size:12px;line-height:1}.skip-notice{z-index:8;color:#514960;text-align:left;pointer-events:none;background:#fffaf0f0;border:1px solid #ffffffa6;border-radius:999px;align-items:center;gap:10px;width:max-content;max-width:min(520px,100% - 28px);padding:10px 16px;animation:3.35s both skip-notice-life;display:flex;position:absolute;top:calc(47% + 128px);left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00372433}.skip-notice b{color:#b98611;flex:none;font-size:12px}.skip-notice span{font-size:11px;line-height:1.45}.auto-pass-notice{z-index:15;color:#087650;letter-spacing:.08em;pointer-events:none;background:#fffaf0e0;border:1px solid #ffffff94;border-radius:999px;padding:9px 18px;font:900 13px/1 Noto Sans JP,sans-serif;animation:1s both auto-pass-notice;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px #00372429}.play span{color:#4b9f8d;background:#fff;border-radius:50%;padding:3px 7px}.card{border:0;border-radius:13px;flex:none;width:104px;height:146px;font-family:Arial,sans-serif;transition:all .16s;position:relative;overflow:hidden;box-shadow:0 8px 18px #53425c33}.face{background:#fffdf7}.face.interactive{cursor:pointer;touch-action:manipulation}.face.decorative{pointer-events:none}.face:before{content:"";pointer-events:none;border:1px solid #eadfd4;border-radius:9px;position:absolute;inset:5px}.face.red{color:#ef6f86}.face.black{color:#665a91}.face.joker{background:linear-gradient(145deg,#ffe9a6,#fffaf0 48%,#e1dafa)}.face.selected{transform:translateY(-18px);box-shadow:0 0 0 4px #65bddf,0 16px 25px #46808c3d}.face.unavailable{opacity:1;filter:grayscale()saturate(0);cursor:not-allowed;pointer-events:none;background:#8d8d8d;transform:translateY(8px)scale(.96);box-shadow:0 3px 8px #53425c1a;color:#555!important}.corner{pointer-events:none;font:700 17px/.9 Georgia;position:absolute;top:9px;left:10px}.corner b{font-size:13px;display:block}.corner.bottom{text-align:right;width:max-content;inset:auto 10px 9px auto;transform:rotate(180deg)}.pip{pointer-events:none;place-items:center;font-size:48px;display:grid;position:absolute;inset:0}.joker .pip{font-size:56px}.joker .corner b{text-align:left}.card.back{background-color:#c83d4f;background-image:linear-gradient(45deg,#0000 42%,#f7a5aa 43% 47%,#0000 48%),linear-gradient(-45deg,#0000 42%,#fff2e7 43% 47%,#0000 48%);background-size:22px 22px;border:5px solid #fffaf0}.card.back:after{content:"";border:1px solid #ffffffd1;border-radius:7px;position:absolute;inset:6px;box-shadow:inset 0 0 0 2px #8013242e}.card.mini{border-width:3px;width:66px;height:92px}.selection-help{letter-spacing:.08em;color:#625a6c;background:#ffffffad;border-radius:20px;margin-top:8px;padding:5px 10px;font-size:9px;display:inline-block}.damage-flash{z-index:14;color:#ffef85;text-align:center;text-shadow:0 4px #a94b4b,0 8px 22px #0000004d;pointer-events:none;font:900 clamp(42px,6vw,76px)/.9 Arial,sans-serif;animation:1.7s both damage-flash;position:absolute;left:50%}.damage-flash span{color:#fff;letter-spacing:.24em;margin-top:8px;font:900 13px monospace;display:block}.damage-flash.cpu{top:70px}.damage-flash.you{bottom:75px}.transfer-cards{z-index:13;pointer-events:none;display:flex;position:absolute;top:50%;left:50%}.transfer-cards .card{margin-left:-34px;box-shadow:0 10px 24px #00000047}.transfer-cards .card:first-child{margin-left:0}.transfer-cards.cpu-to-you{animation:2.1s cubic-bezier(.2,.75,.25,1) both transfer-to-you}.transfer-cards.you-to-cpu{animation:2.1s cubic-bezier(.2,.75,.25,1) both transfer-to-cpu}.transfer-cards.discard-from-you{animation:2.1s both discard-preview-you}.transfer-cards.discard-from-cpu{animation:2.1s both discard-preview-cpu}.transfer-cards.q-bomber{animation:2.1s both q-bomber-transfer}.transfer-cards.q-bomber.q-bomber-from-you{animation:2.1s cubic-bezier(.2,.75,.25,1) both q-bomber-from-you;left:25%}.transfer-cards.q-bomber.q-bomber-from-cpu{animation:2.1s cubic-bezier(.2,.75,.25,1) both q-bomber-from-cpu;left:75%}.game-start-splash{z-index:17;text-align:center;pointer-events:none;place-content:center;animation:1.5s both game-start;display:grid;position:absolute;inset:0}.game-start-splash span{color:#fff5bd;letter-spacing:.08em;text-shadow:0 5px #368e71,0 12px 28px #002d1d59;font:900 clamp(42px,8vw,88px)/1 Arial,sans-serif}.game-start-splash small{color:#fff;letter-spacing:.3em;margin-top:12px;font:900 11px monospace}.your-turn-splash{z-index:16;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.your-turn-splash span{color:#087650;letter-spacing:.08em;background:#fffaf0f0;border-radius:999px;padding:12px 26px;font:900 clamp(28px,5vw,58px)/1 Arial,sans-serif;animation:.9s ease-in-out both your-turn-pop;box-shadow:0 8px 24px #00322047}.one-turn-kill{z-index:19;text-align:center;pointer-events:none;background:radial-gradient(circle,#ffef854d,#b839473d 42%,#19544273);place-content:center;animation:1.7s both otk-shade;display:grid;position:fixed;inset:0;overflow:hidden}.one-turn-kill:before,.one-turn-kill:after{content:"";background:#fff6b6;width:140%;height:14px;animation:1.7s cubic-bezier(.16,.8,.25,1) both otk-streak;position:absolute;top:48%;left:-20%;transform:rotate(-9deg);box-shadow:0 -55px #ff8972d1,0 55px #ffffffbd}.one-turn-kill:after{opacity:.65;animation-direction:reverse;transform:rotate(11deg)}.one-turn-kill small{color:#fff;letter-spacing:.55em;text-shadow:0 3px 12px #00000047;font:900 12px monospace;animation:1.7s both otk-label}.one-turn-kill span,.one-turn-kill b{z-index:1;letter-spacing:-.06em;color:#fff;text-shadow:5px 5px #e65e62,10px 10px #48446794,0 18px 45px #0000004d;font:italic 1000 clamp(55px,11vw,132px)/.8 Arial,sans-serif;animation:1.7s cubic-bezier(.2,.85,.2,1) both otk-title;display:block;position:relative}.one-turn-kill b{color:#fff09c;font-size:clamp(74px,15vw,180px);animation-delay:50ms}.table.round-sweeping .cpu-hand,.table.round-sweeping .your-hand,.table.round-sweeping .pile-stack{pointer-events:none;animation:.4s ease-in both round-sweep}.modal-shade{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#5b4b695c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.choice-modal,.result,.exit-modal{border:1px solid var(--line);text-align:center;background:#fffaf0;border-radius:20px;width:min(560px,100%);padding:32px;box-shadow:12px 12px #c6b9dc}.settings-modal{border:1px solid var(--line);background:#fffaf0;border-radius:22px;width:min(480px,100%);padding:34px;position:relative;box-shadow:12px 12px #8dceb8}.settings-modal.settings-with-transfer{max-height:min(720px,100svh - 32px);overflow-y:auto}.settings-modal>p{color:#826faf;letter-spacing:.22em;margin:0;font:900 9px monospace}.settings-modal h2{margin:8px 0 5px;font-size:30px}.login-modal{text-align:center;width:min(480px,100%)}.login-loading{color:var(--muted);margin:34px 0 20px;font-size:13px}.settings-modal>p.login-lead{color:var(--muted);margin:0 0 20px;font-size:11px;line-height:1.7}.login-copy-mobile,.login-note-mobile{display:none}.login-account-card{text-align:left;background:linear-gradient(135deg,#edf9f3,#e8f3fb);border:1px solid #57b99f3d;border-radius:15px;gap:6px;margin:0 0 16px;padding:18px;display:grid}.login-account-card span{color:#16825f;letter-spacing:.16em;font:900 9px monospace}.login-account-card strong{color:var(--ink);font-size:18px}.login-account-email{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.login-account-name-row{align-items:center;gap:9px;min-width:0;display:flex}.login-account-name{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:400;overflow:hidden}.login-account-name small{color:inherit;font-size:10px}.login-name-toggle{color:#625a6c;cursor:pointer;background:#fff;border:1px solid #473f582b;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;padding:0;display:grid}.login-name-toggle:hover{background:#edf8f2}.login-name-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:17px;height:17px}.login-name-toggle .login-eye-slash{stroke-width:2.2px}.login-account-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.login-account-name-row .login-account-name small{color:inherit;font-size:10px}.login-provider{box-sizing:border-box;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;font-size:14px;font-weight:900;text-decoration:none;display:flex}.login-chatgpt{background:var(--blue);color:#fff;border:0;margin-top:20px;box-shadow:4px 4px #68a995}.login-chatgpt b{margin-left:12px}.login-google{color:var(--ink);background:#fff;border:1px solid #473f582b;margin-top:25px}.login-google small{color:var(--muted);font-size:10px;font-weight:700}.login-google:disabled{cursor:not-allowed;opacity:.62}.login-guest,.login-signout{color:var(--ink);background:#fff;border:1px solid #473f582b;margin-top:20px}.login-guest{font-family:inherit}.login-guest+.login-note{margin-top:10px}.login-note{color:var(--muted);margin:18px 0 0;font-size:10px;line-height:1.6}.settings-close{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);cursor:pointer;background:#fff;border-radius:50%;font-size:21px;position:absolute;top:15px;right:15px}.setting-row{border-top:1px solid #473f581f;justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:14px 0;display:flex}.setting-row>div:first-child{flex-direction:column;gap:5px;display:flex}.setting-row b{font-size:14px}.setting-row span{color:var(--muted);font-size:10px}.setting-switch{color:#fff;cursor:pointer;background:#d8d1dc;border:0;border-radius:999px;width:66px;height:34px;font:900 10px monospace;transition:background .2s,transform .2s}.setting-switch.on{background:#57b99f}.setting-switch:active{transform:scale(.95)}.profile-modal,.rules-modal{max-height:min(720px,100svh - 32px);overflow-y:auto}.profile-head{align-items:center;gap:18px;margin-bottom:22px;display:flex}.profile-head .profile-avatar{flex:none;width:72px;height:72px}.profile-head label{color:var(--muted);text-align:left;flex:1;font-size:10px}.profile-head input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:11px;margin-top:7px;padding:12px 13px;font-size:16px}.profile-stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.profile-stats article{text-align:left;background:#edf8f2;border-radius:14px;padding:14px}.profile-stats article>span{color:#16825f;font-size:10px;font-weight:900;display:block}.profile-stats article>span i{float:right;color:var(--muted);font-size:8px;font-style:normal}.profile-stats article>div{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px;display:grid}.profile-stats dl{text-align:center;margin:0}.profile-stats dt{color:var(--muted);font-size:8px}.profile-stats dd{color:var(--ink);margin:4px 0 0;font:900 17px monospace}.profile-billing-open{width:100%;color:var(--ink);cursor:pointer;background:linear-gradient(135deg,#f0faf6,#f4f0fb);border:1px solid #473f582e;border-radius:11px;margin:0 0 20px;padding:12px 15px;font-weight:900;box-shadow:3px 3px #57b99f47}.profile-billing-open b{float:right;color:#57b99f}.billing-modal{max-height:min(720px,100svh - 32px);overflow-y:auto}.billing-lead{color:var(--muted);margin:6px 0 20px;font-size:11px;line-height:1.6}.billing-products{gap:10px;display:grid}.billing-product{text-align:left;background:#edf8f2;border:1px solid #473f5824;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.billing-product>div{min-width:0}.billing-product b,.billing-product span,.billing-product p{display:block}.billing-product b{font-size:14px}.billing-product span{color:#16825f;margin-top:4px;font-size:9px;font-weight:900}.billing-product p{color:var(--muted);margin:8px 0 0;font-size:10px;line-height:1.5}.billing-buy,.billing-restore{color:#fff;cursor:pointer;background:#63bda9;border:0;border-radius:10px;flex:none;padding:10px 12px;font-size:11px;font-weight:900;box-shadow:3px 3px #8dceb8}.billing-buy:disabled{cursor:default;background:#b8b3bd;box-shadow:3px 3px #d2cfd4}.billing-restore{background:#826faf;width:100%;margin-top:15px;box-shadow:3px 3px #c6b9dc}.billing-restore:disabled{opacity:.55;cursor:wait}.billing-login-required{text-align:center;background:#edf8f2;border-radius:14px;padding:16px}.billing-login-required p{color:var(--muted);margin:0 0 15px;font-size:11px;line-height:1.6}.billing-login-required .start{width:100%;padding:13px 16px;font-size:12px}.billing-message,.billing-error{margin:10px 0 0;font-size:10px}.billing-message{color:#16825f}.billing-error{color:#b74458}.billing-history{border-top:1px solid var(--line);text-align:left;margin-top:20px;padding-top:15px}.billing-history h3{margin:0 0 9px;font-size:13px}.billing-history ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.billing-history li{border-bottom:1px solid #473f581a;justify-content:space-between;gap:8px;padding:8px 0;font-size:10px;display:flex}.billing-history li small{color:var(--muted);text-align:right}.billing-gacha{text-align:left;background:linear-gradient(135deg,#f7f1ff,#edf8f2);border:1px dashed #826faf6b;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:14px;display:flex}.billing-gacha>div{min-width:0}.billing-gacha span{color:#826faf;letter-spacing:.16em;font:900 9px monospace;display:block}.billing-gacha h3{color:var(--ink);margin:4px 0 0;font-size:14px}.billing-gacha p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.45}.billing-gacha .billing-buy{background:#b8b3bd;box-shadow:3px 3px #d2cfd4}.customize-group{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:58px;display:flex}.customize-group>b{font-size:12px}.customize-group>div{gap:8px;display:flex}.cosmetic-option{cursor:pointer;border:2px solid #0000;border-radius:11px;width:38px;height:38px}.cosmetic-option.active{border-color:#57b99f;box-shadow:inset 0 0 0 2px #fff}.avatar-swatch{background:#eef7f3;place-items:center;display:grid}.avatar-swatch span,.profile-avatar span{background:var(--avatar-color,#4b4b4b);width:62%;height:62%;-webkit-mask:url(/profile-icon.svg) 50%/contain no-repeat;mask:url(/profile-icon.svg) 50%/contain no-repeat}.avatar-charcoal{--avatar-color:#4b4b4b}.avatar-coral{--avatar-color:#d96372}.avatar-violet{--avatar-color:#7d6db0}.avatar-ocean{--avatar-color:#287ea4}.avatar-royal{--avatar-color:#5540a3}.avatar-obsidian{--avatar-color:#24253a}.bg-mint{background-color:#78cbb9!important}.bg-sky{background-color:#82c7e4!important}.bg-sunny{background-color:#f3cf70!important}.bg-aurora{background:linear-gradient(135deg,#78cbb9,#9ac7e8)!important}.bg-night{background:linear-gradient(135deg,#3b527c,#6e4f83)!important}.bg-cosmos{background:radial-gradient(circle at 30% 30%,#8070c2,#20243e 70%)!important}.frame-white{border-color:#ffffffe6!important}.frame-gold{border-color:#f3cf70!important}.frame-violet{border-color:#a897cf!important}.frame-rose{border-color:#e58ca1!important}.frame-black{border-color:#262332!important}.frame-holographic{box-shadow:inset 0 0 0 2px #c3a7ff,0 5px 12px #4dcccb3d;border-color:#8de5df!important}.frame-swatch{background:#eef7f3;border-width:5px}.profile-avatar{place-items:center;display:grid}.profile-future{color:var(--muted);margin:16px 0 0;font-size:10px}.profile-transfer{text-align:left;background:linear-gradient(135deg,#f0faf6,#f5f3fc);border:1px solid #473f5824;border-radius:14px;margin-top:32px;padding:16px}.profile-transfer h3{color:var(--ink);margin:0;font-size:15px}.profile-transfer>p{color:var(--muted);margin:6px 0 12px;font-size:10px;line-height:1.55}.profile-transfer>button,.profile-transfer-code button{color:#fff;cursor:pointer;background:#63bda9;border:0;border-radius:9px;padding:10px 13px;font-size:11px;font-weight:900;box-shadow:3px 3px #8dceb8}.profile-transfer>button:disabled{opacity:.55;cursor:wait}.profile-transfer-code{align-items:center;gap:8px;margin:13px 0;display:flex}.profile-transfer-code code{min-width:0;color:var(--ink);letter-spacing:.08em;text-align:center;overflow-wrap:anywhere;background:#fff;border:1px dashed #63bda9;border-radius:9px;flex:1;padding:11px 8px;font:900 14px/1.2 monospace}.profile-transfer-code button{background:#826faf;flex:none;padding:10px 9px;box-shadow:3px 3px #c6b9dc}.profile-transfer-code button:disabled{opacity:.78;cursor:default;filter:grayscale();background:#8d8d8d;box-shadow:3px 3px #b8b8b8}.profile-transfer>label{color:var(--muted);flex-direction:column;gap:6px;margin-top:14px;font-size:10px;display:flex}.profile-transfer>label input{border:1px solid var(--line);width:100%;color:var(--ink);letter-spacing:.08em;background:#fff;border-radius:9px;padding:10px 11px;font:700 14px/1.2 monospace}.profile-transfer-redeem{margin-top:9px;background:#82aeda!important;box-shadow:3px 3px #a9c8e4!important}.profile-transfer-message,.profile-transfer-error{margin-top:9px;font-size:10px;line-height:1.4;display:block}.profile-transfer-message{color:#16825f}.profile-transfer-error{color:#b74458}.profile-save{color:#fff;cursor:pointer;background:#63bda9;border:0;border-radius:12px;width:100%;margin-top:16px;padding:14px 20px;font-weight:900;box-shadow:4px 4px #8dceb8}.profile-copy-toast{z-index:50;color:#16825f;pointer-events:none;background:#fffaf0f5;border:1px solid #473f581f;border-radius:999px;padding:10px 19px;font-size:13px;font-weight:900;animation:1.8s both profile-copy-toast-life;position:fixed;bottom:10vh;left:50%;transform:translate(-50%);box-shadow:0 7px 20px #473f582e}.profile-confirm{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#5b4b6966;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.profile-confirm>div{border:1px solid var(--line);text-align:center;background:#fffaf0;border-radius:20px;width:min(430px,100%);padding:28px;animation:.3s both exit-modal-in;box-shadow:10px 10px #c6b9dc}.profile-confirm p{color:#826faf;letter-spacing:.18em;margin:0;font:900 9px monospace}.profile-confirm h3{margin:12px 0 24px;font-size:22px;line-height:1.55}.profile-confirm>div>div{justify-content:center;gap:10px;display:flex}.profile-confirm button{cursor:pointer;border-radius:11px;padding:13px 16px;font-weight:900}.profile-confirm .cancel{border:1px solid var(--line);color:var(--ink);background:#fff}.profile-confirm .discard{color:#fff;background:#ef7c8d;border:0}.rules-modal{width:min(620px,100%)}.rules-modal ol{text-align:left;min-height:235px;margin:0;padding:4px 0 0 24px}.rules-modal li{color:#625a6c;margin-bottom:11px;padding-left:5px;font-size:12px;line-height:1.55}.rules-modal li::marker{color:#57b99f;font-weight:900}.rules-pager{justify-content:center;align-items:center;gap:18px;margin-top:16px;display:flex}.rules-pager button{border:1px solid var(--line);width:42px;height:36px;color:var(--ink);cursor:pointer;background:#fff;border-radius:10px}.rules-pager button:disabled{opacity:.35;cursor:default}.rules-pager span{color:var(--muted);font:900 11px monospace}.rules-intro{text-align:left;margin:0 0 14px}.rules-intro p{color:#625a6c;margin:4px 0;font-size:12px;line-height:1.55}.rule-diagram{text-align:center;background:linear-gradient(135deg,#eaf8f2,#eef5fb);border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:112px;margin:0 0 18px;padding:14px;display:flex;position:relative;overflow:hidden}.rule-diagram .card{zoom:.48;flex:none;width:100px;height:140px;box-shadow:0 6px 14px #4b415824}.diagram-hand{display:flex}.diagram-hand .card{margin-left:-66px}.diagram-hand .card:first-child{margin-left:0}.deal-diagram{gap:32px}.deal-diagram>strong{color:#16825f;text-align:center;font:900 28px/1 monospace}.deal-diagram>strong small{letter-spacing:.12em;font-size:7px}.strength-diagram{gap:14px}.strength-modes{text-align:right;gap:16px;margin-right:4px;display:grid}.strength-modes b{color:#17bca4;font-size:16px}.strength-modes span{color:#c91f42;font-size:11px;font-weight:900;line-height:1.25}.strength-signs{gap:15px;display:grid}.strength-signs b{color:#17bca4;font-size:26px;line-height:1}.strength-signs span{color:#c91f42;font-size:26px;font-weight:900;line-height:1}.strength-diagram>i{background:#473f584d;align-self:stretch;width:1px;margin:0 8px}.joker-strongest{align-items:flex-end;gap:8px;display:flex}.joker-strongest span{color:var(--muted);font-size:11px;font-weight:900}.role-diagram>div{justify-items:center;gap:5px;display:grid}.role-diagram>div>span,.multi-role>span{color:#625a6c;white-space:nowrap;font:900 8px Noto Sans JP,sans-serif}.role-grid{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.advanced-role-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.multi-role{align-content:center;align-self:stretch}.revolution-cards,.stair-cards{justify-content:center;display:flex}.revolution-cards .card,.stair-cards .card{margin-left:-70px}.revolution-cards .card:first-child,.stair-cards .card:first-child{margin-left:0}.timer-diagram{gap:20px}.timer-diagram>div{color:#fff;background:#17bca4;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:78px;height:78px;display:flex}.timer-diagram>div b{justify-content:center;align-items:baseline;font:500 29px/1 Noto Sans JP,sans-serif;display:flex}.timer-diagram>div b small{margin-left:2px;font-size:10px;font-weight:900}.timer-diagram>div span{margin-top:6px;font-size:8px;font-weight:700}.timer-diagram>strong{color:#826faf;font-size:25px}.opponent-left{background:#fff0f1;border-radius:999px;width:fit-content;padding:9px 14px;color:#b74458!important;margin:-12px auto 18px!important;font-weight:900!important}.choice-modal>p,.result>p,.exit-modal>p{letter-spacing:.2em;color:#826faf;font:9px monospace}.choice-modal h2,.result h2,.exit-modal h2{margin:8px;font-size:34px}.exit-modal{width:min(500px,100%);box-shadow:12px 12px #8dceb8}.exit-shade{animation:.32s both exit-shade-in}.exit-shade .exit-modal{animation:.36s cubic-bezier(.2,.8,.2,1) both exit-modal-in}.exit-shade.closing{pointer-events:none;animation:.28s both exit-shade-out}.exit-shade.closing .exit-modal{animation:.28s both exit-modal-out}.exit-modal h2{margin:14px 0 26px;font-size:clamp(22px,4vw,30px);line-height:1.55}.exit-modal>span{margin:0 0 20px;line-height:1.6;display:block}.mobile-only-break{display:none}.exit-actions{justify-content:center;gap:14px;display:flex}.exit-actions button{min-width:120px}.exit-actions .cancel{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;padding:17px 24px;font-weight:900}.choice-modal>span{color:#746c7b;font-size:12px}.choice-cards{justify-content:center;margin:36px 0 25px;display:flex}.choice-cards .card{margin-left:-36px}.choice-cards .card:first-child{margin-left:0}.joker-choice-modal{width:min(620px,100%)}.joker-options{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;width:100%;margin:26px 0 24px;display:grid}.joker-option{border:1px solid var(--line);min-height:142px;color:var(--ink);cursor:pointer;background:#fff;border-radius:14px;padding:12px 10px;transition:border-color .18s,box-shadow .18s,transform .18s}.joker-option:hover{transform:translateY(-2px)}.joker-option.selected{border-color:#57b99f;box-shadow:0 0 0 3px #57b99f33}.joker-option-cards{justify-content:center;min-height:74px;margin-bottom:7px;display:flex}.joker-option-cards .card{pointer-events:none;width:52px;height:73px;margin-left:-18px}.joker-option-cards .card:first-child{margin-left:0}.joker-option>b{font-size:12px;display:block}.joker-option>small{color:var(--muted);margin-top:5px;font:10px monospace;display:block}.q-bomber-choice-modal{width:min(900px,100%);max-height:min(94svh,760px);position:relative;overflow-y:auto}.choice-hide{color:#625a6c;cursor:pointer;background:#fff;border:1px solid #473f5829;border-radius:999px;min-height:34px;padding:7px 11px;font-size:10px;font-weight:800;position:absolute;top:16px;right:16px}.choice-hide:hover{background:#edf8f2}.q-bomber-cards{grid-template-columns:repeat(7,104px);justify-content:center;justify-items:center;gap:10px 4px;width:100%;max-height:min(58vh,520px);margin:28px auto 24px;padding:34px 10px 20px;display:grid;overflow:auto}.q-bomber-cards .card{width:104px;height:146px}.q-bomber-cards .card.unavailable{transform:none}.q-bomber-reopen{z-index:20;color:#625a6c;background:#fffaf0f5;border:1px solid #473f5829;border-radius:999px;align-items:center;gap:10px;padding:10px 12px 10px 16px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #43364f33}.q-bomber-reopen span{white-space:nowrap;font:900 11px monospace}.q-bomber-reopen button{color:#fff;white-space:nowrap;cursor:pointer;background:#57b99f;border:0;border-radius:999px;flex:none;padding:8px 12px;font-size:10px;font-weight:900}.win-choice-modal{width:min(520px,100%)}.win-choice-modal h2{margin-bottom:16px}.win-choice-modal>span{line-height:1.8;display:block}.win-choice-modal .exit-actions{margin-top:24px}.result>div{justify-content:center;align-items:center;gap:26px;margin:32px;display:flex}.result span{font:11px monospace}.result span b{font-size:42px;display:block}.result i{color:var(--muted)}.result .start{margin:auto;display:block}.text-btn{color:#706679;cursor:pointer;background:0 0;border:0;margin:20px auto 0;text-decoration:underline}.result-shade{animation:.5s both result-shade-in}.result.win{animation:.8s cubic-bezier(.2,.9,.2,1) both result-win;box-shadow:12px 12px #f2cf67,0 0 60px #ffe06f8c}.result.lose{filter:saturate(.72);animation:.8s both result-lose;box-shadow:12px 12px #9aa0b6}.result.draw{animation:.7s both result-draw}.result.win:before,.result.lose:before,.result.draw:before{letter-spacing:.28em;margin-bottom:8px;font:900 13px monospace;display:block}.result.win:before{content:"★ VICTORY ★";color:#d69d26}.result.lose:before{content:"DEFEAT";color:#73788c}.result.draw:before{content:"DRAW";color:#826faf}.effect-splash{z-index:18;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.effect-splash span{color:#fff;letter-spacing:.08em;text-shadow:0 3px #3d4a5726;border-radius:18px;padding:16px 28px;font:900 clamp(30px,6vw,68px)/1 Arial,sans-serif;animation:.85s both effect-pop;display:block;position:relative}.effect-splash:before,.effect-splash:after{content:"";pointer-events:none;position:absolute}.effect-splash.skip span{background:#f3c85c;transform:skew(-9deg)}.effect-splash.skip:before{background:#ffe89a;width:140vw;height:12px;animation:.85s ease-out both streak;box-shadow:0 -30px #fff5c7,0 30px #f8d675}.effect-splash.give span{background:#71c8a9}.effect-splash.give:before,.effect-splash.give:after{content:"↗";color:#71c8a9;font-size:88px;animation:.85s ease-out both float-arrow}.effect-splash.give:before{margin-left:-260px}.effect-splash.give:after{margin-left:260px;animation-delay:80ms}.effect-splash.cut span{clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);background:#68bde0}.effect-splash.cut:before{background:#fff;width:130vw;height:5px;animation:.85s ease-out both slash;transform:rotate(-12deg)}.effect-splash.discard span{background:#ef8f7e}.effect-splash.discard:before{border:4px solid #ef8f7e;border-radius:6px;width:36px;height:48px;animation:.85s ease-in both drop-cards;box-shadow:60px -30px 0 -4px #ef8f7e,-60px -15px 0 -4px #ef8f7e}.effect-splash.back span{color:#fff;background:#8ea8db;animation:.85s both flip-back}.effect-splash.revolution span{background:#54bca3;border-radius:50%;padding:45px 30px}.effect-splash.revolution:before{border:8px dotted #a7e4d4;border-radius:50%;width:260px;height:260px;animation:.85s linear both revolution-ring}.effect-splash.spade3 span{background:#557fae}.effect-splash.spade3:before{background:radial-gradient(circle,#0000 25%,#7abdde80 26% 30%,#0000 31%);width:240px;height:240px;animation:.85s ease-out both pulse-ring}.effect-splash.queen span{background:#7564b6;border-radius:50%;box-shadow:0 0 0 8px #ded4ff6b,0 0 42px #7564b68c}.effect-splash.queen:before,.effect-splash.queen:after{background:#ded4ff;border-radius:50%;width:14px;height:14px;animation:.85s ease-out both queen-burst;box-shadow:88px -54px #ded4ff,-88px 44px #b5e8d7,120px 52px #b5e8d7,-118px -60px #ded4ff}.effect-splash.queen:after{opacity:.72;animation-delay:50ms;transform:rotate(45deg)scale(.8)}.queen-target-cards{z-index:17;pointer-events:none;justify-content:center;animation:.95s both queen-targets;display:flex;position:fixed;top:50%;left:50%}.queen-target-cards .card{margin-left:-38px;box-shadow:0 10px 24px #00000047}.queen-target-cards .card:first-child{margin-left:0}.online-page{background:radial-gradient(circle at 78% 22%,#83cbe76b,#0000 25%),linear-gradient(135deg,#f8fff9,#e4f5ed);place-items:center;min-height:100svh;padding:24px;display:grid}.online-panel{text-align:center;background:#fffaf0f0;border:1px solid #473f5821;border-radius:26px;width:min(560px,100%);padding:clamp(30px,6vw,58px);box-shadow:14px 14px #8dceb8b3}.online-panel h1{letter-spacing:-.04em;margin:10px 0 14px;font-size:clamp(32px,6vw,52px)}.online-panel>p:not(.eyebrow):not(.online-error):not(.waiting-note){color:var(--muted);line-height:1.7}.rate-panel{max-width:580px}.rate-card{background:linear-gradient(135deg,#edf9f3,#e8f3fb);border-radius:18px;gap:3px;margin:26px auto;padding:18px 20px;display:grid}.rate-card span,.match-found span{color:#16825f;letter-spacing:.18em;font:900 10px monospace}.rate-card strong{color:var(--ink);font:900 clamp(42px,8vw,66px)/1 monospace}.rate-card small{color:var(--muted);font-size:10px}.rate-rankings{text-align:left;background:#ffffffb8;border:1px solid #473f581a;border-radius:16px;margin:18px 0 24px;padding:14px 16px}.rate-ranking-tabs{justify-content:space-between;align-items:center;gap:10px;display:flex}.rate-ranking-tabs>b{color:#776a9f;letter-spacing:.18em;font:900 10px monospace}.rate-ranking-tabs div{gap:4px;display:flex}.rate-ranking-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 10px;font-size:11px}.rate-ranking-tabs button.active{color:#fff;background:#83cbe7;font-weight:900}.rate-rankings ol{scrollbar-gutter:stable;gap:5px;height:385px;max-height:385px;margin:10px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.rate-rankings li{background:#f3faf6;border-radius:8px;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:8px;height:34px;min-height:34px;padding:6px 8px;display:grid}.rate-rankings li.empty{opacity:.34}.rate-rankings li>span{color:#776a9f;font:900 11px monospace}.rate-rankings li>b{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font:900 15px monospace;overflow:hidden}.rate-rankings li>small{color:var(--muted);font-size:10px}.rate-rankings>p{color:var(--muted);text-align:center;margin:10px 0 0;font-size:11px}.rate-rankings>.ranking-empty-note{color:#16825f;font-weight:800}.rate-panel .online-primary,.rate-panel .online-secondary{cursor:pointer;border-radius:12px;width:100%;min-height:54px;font-weight:900}.online-primary{background:var(--blue);color:#fff;border:0;box-shadow:5px 5px #68a995}.online-primary b{margin-left:22px}.online-primary:disabled,.online-secondary:disabled{opacity:.48;cursor:wait}.online-secondary{color:var(--ink);background:#fff;border:1px solid #473f5833}.queue-status{text-align:left;background:#edf8f2;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:28px 0 8px;padding:16px 18px;display:grid}.queue-status strong{color:#16825f}.queue-status b{color:var(--ink);font:900 17px monospace}.queue-status small{color:var(--muted);grid-column:2/-1;font-size:10px}.queue-dot{background:#57b99f;border-radius:50%;width:11px;height:11px;animation:1.2s infinite queue-pulse;box-shadow:0 0 0 6px #57b99f29}.queue-status.paused .queue-dot{opacity:.55;animation:none}.match-found{background:linear-gradient(135deg,#e5f8ed,#e8f3fb);border-radius:18px;justify-items:center;gap:12px;margin:28px 0 16px;padding:24px 18px;animation:.45s both match-found-in;display:grid}.match-found strong{color:var(--ink);font-size:22px}.match-found small{color:var(--muted)}.match-opponent{justify-content:center;align-items:center;gap:14px;width:100%;display:flex}.match-opponent-avatar{border-width:4px;border-radius:20px;width:68px;height:68px}.match-opponent-avatar span{background:var(--avatar-color,#4b4b4b);width:64%;height:64%;-webkit-mask:url(/profile-icon.svg) 50%/contain no-repeat;mask:url(/profile-icon.svg) 50%/contain no-repeat}.match-opponent-info{text-align:left;gap:4px;min-width:0;display:grid}.match-opponent-info strong{text-overflow:ellipsis;white-space:nowrap;max-width:min(260px,55vw);overflow:hidden}.match-confirm-text{color:#16825f;margin:0;font-size:13px;font-weight:900}.match-countdown{color:var(--muted);letter-spacing:.08em;font:900 12px monospace}.match-intro-shade{z-index:21}.match-intro-shade .match-found{width:min(460px,100%);margin:0}@keyframes match-found-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes queue-pulse{50%{opacity:.55;transform:scale(.72)}}.online-menu-actions{gap:12px;margin-top:30px;display:grid}.online-menu-actions .start,.online-menu-actions .outline-btn{width:100%}.form-panel{text-align:left}.form-panel h1,.form-panel .eyebrow{text-align:center}.form-panel label{color:#625a6c;gap:8px;margin:22px 0;font-size:13px;font-weight:800;display:grid}.form-profile{text-align:left;background:#edf8f2;border-radius:14px;justify-content:center;align-items:center;gap:12px;margin:18px 0;padding:12px;display:flex}.form-profile .avatar{width:50px;height:50px}.form-profile small,.form-profile b{display:block}.form-profile small{color:var(--muted);letter-spacing:.15em;font:9px monospace}.form-profile b{margin-top:5px;font-size:16px}.form-panel input:not([type=checkbox]){width:100%;color:var(--ink);background:#fff;border:1px solid #473f5833;border-radius:12px;outline:none;padding:14px 16px;font-size:18px}.form-panel input:focus{border-color:#57b99f;box-shadow:0 0 0 3px #57b99f29}.form-panel .code-input{text-transform:uppercase;letter-spacing:.28em;text-align:center;font:900 26px monospace}.rule-toggle{background:#eff8f3;border-radius:12px;align-items:center;padding:14px;grid-template-columns:auto 1fr!important}.rule-toggle input{accent-color:#57b99f;width:20px;height:20px}.rule-toggle small{color:#8b8390;grid-column:2;font-weight:400}.q-bomber-toggle{color:#625a6c;border-top:1px solid #473f581f;border-bottom:1px solid #473f581f;justify-content:space-between;align-items:center;gap:18px;min-height:68px;margin:22px 0;padding:14px 0;font-size:13px;font-weight:800;display:flex}.q-bomber-toggle .setting-switch{flex:none}.form-panel>.start{width:100%;margin-top:26px;display:block}.online-error{color:#c74459;text-align:center;font-size:13px}.form-panel>.text-btn{margin:14px auto 0;display:block}.waiting-panel .room-code-label{color:var(--muted);letter-spacing:.18em;margin-top:28px;font:10px monospace;display:block}.room-code{color:#16825f;letter-spacing:.16em;margin:7px 0 26px;font:900 clamp(42px,9vw,68px) monospace;display:block}.room-rules{text-align:left;background:#edf8f2;border-radius:16px;grid-template-columns:1fr 1fr;gap:9px;padding:20px;font-size:12px;display:grid}.room-rules b{color:#16825f;grid-column:1/-1}.room-rules span:before{content:"✓";color:#57b99f;margin-right:6px;font-weight:700}.waiting-note{color:var(--muted);margin:22px 0;font-size:12px}.outline-btn.danger{color:#b64d5d;box-shadow:none}.rate-loading-panel h1,.rate-ready-panel h1{font-size:clamp(28px,4vw,36px)}.online-game{background:#f8eadf;min-height:100svh}.online-game>header{border-bottom:1px solid var(--line);background:#fffaf0;align-items:center;gap:16px;height:70px;padding:0 24px;display:flex}.online-game>header .round{display:flex}.online-game>header b{letter-spacing:.15em;font:900 11px monospace}.online-game>header span{color:var(--muted);margin-top:3px;font:10px monospace}.online-timer{color:#fff;background:#57b99f;border-radius:50%;place-items:center;width:48px;height:48px;font:900 20px monospace;display:grid;position:absolute;left:24px}.online-timer.warning{background:#ef6f86;animation:.65s infinite alternate timer-warning}.choice-shade .choice-modal{position:relative}.choice-timer{color:#fff;background:#57b99f;border-radius:50%;place-items:center;width:42px;height:42px;font:900 17px monospace;display:grid;position:absolute;top:16px;left:16px}.choice-timer.warning{background:#ef6f86;animation:.65s infinite alternate timer-warning}.online-table{background:radial-gradient(at 50% 43%,#24b67d,#109866 55%,#087650);border:8px solid #075f42;min-height:calc(100svh - 70px);position:relative;overflow:hidden}.online-opponent,.online-you{z-index:4;color:#fff;align-items:baseline;gap:12px;display:flex;position:absolute;left:24px}.online-opponent{top:22px}.online-you{bottom:24px}.online-opponent b,.online-you b{font-size:18px}.online-opponent span,.online-you span{color:#fff5bd;font-weight:700}.online-opponent small,.online-you small{color:#ffffffc2}.online-opponent-hand{display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.online-opponent-hand .card{margin-left:-28px}.online-opponent-hand .card:first-child{margin-left:0}.online-field{text-align:center;color:#fff;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.online-field>span{letter-spacing:.2em;font:9px monospace}.online-field>strong{letter-spacing:.12em;background:#78cbb9;border-radius:999px;margin-top:8px;padding:7px 12px;font:900 9px monospace;display:inline-block}.online-pile{justify-content:center;align-items:center;min-width:220px;height:155px;display:flex}.online-pile .card{margin-left:-65px}.online-pile .card:first-child{margin-left:0}.online-log{z-index:3;color:#fff;border-left:1px solid #fff6;width:190px;max-height:35%;padding-left:12px;position:absolute;top:18px;right:18px;overflow:auto}.online-log b{color:#fff5bd;font:900 13px monospace}.online-log p{margin:8px 0;font-size:12px}.online-your-hand{z-index:5;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.online-your-hand .card{margin-left:-38px}.online-your-hand .card:first-child{margin-left:0}.online-actions{z-index:7;gap:8px;display:flex;position:absolute;bottom:24px;right:22px}.online-actions button{border-radius:12px;height:50px;font-weight:900}.online-actions button:disabled{opacity:.45}.effect-actions{color:#fff;flex-direction:column;align-items:flex-end;font-size:11px}.effect-actions .play{width:130px}.online-toast{z-index:9;color:#b74458;background:#fff0f1;border-radius:999px;padding:10px 16px;font-size:12px;position:absolute;bottom:190px;left:50%;transform:translate(-50%);box-shadow:0 5px 16px #00000026}.online-choice-actions{color:#fff;flex-direction:column;align-items:flex-end;font-size:11px}.online-choice-actions .play{width:132px}.result .result-menu-button{min-width:230px;box-shadow:none;margin:14px auto 0;display:block}.result .rematch-button{min-width:280px}.result .rate-delta{color:#16825f;letter-spacing:.04em;margin:14px 0 0;font:900 20px/1.1 monospace}.result .rate-delta:before{content:"レート"}.result .rate-delta.negative{color:#c74459}.player .opponent-streak{color:#087650;letter-spacing:.04em;white-space:nowrap;background:#fff5bd;border-radius:999px;flex:none;margin-left:8px;padding:6px 9px;font:900 10px/1 Arial,sans-serif;box-shadow:0 4px 12px #00322038}.difficulty-modal{text-align:center;width:min(460px,100%)}.difficulty-modal h2{margin-bottom:20px}.difficulty-options{gap:10px;display:grid}.difficulty-option{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#ffffffc7;border:1px solid #473f5829;border-radius:14px;gap:4px;padding:14px 18px;transition:transform .16s,border-color .16s,background .16s;display:grid;box-shadow:3px 3px #57b99f33}.difficulty-option:hover,.difficulty-option.active{background:#eaf8fb;border-color:#83cbe7;transform:translateY(-1px)}.difficulty-option b{font-size:17px}.difficulty-option small{color:var(--muted);font-size:11px}.difficulty-start{justify-content:center;align-items:center;width:min(280px,100%);margin:20px auto 0;display:flex}.difficulty-q-bomber{margin:20px 0 0}.difficulty-modal .text-btn{margin:14px auto 0;display:block}@keyframes timer-warning{to{transform:scale(1.08);box-shadow:0 0 0 7px #ef6f8638}}@keyframes skip-notice-life{0%{opacity:0;transform:translate(-50%,6px)}10%,89%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-5px)}}@keyframes auto-pass-notice{0%{opacity:0;transform:translate(-50%,8px)scale(.94)}20%,78%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-8px)scale(1.02)}}@keyframes effect-pop{0%{opacity:0;transform:scale(.35)}28%{opacity:1;transform:scale(1.1)}72%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}@keyframes streak{0%{opacity:0;transform:translate(-100%)rotate(-8deg)}35%{opacity:1}to{opacity:0;transform:translate(100%)rotate(-8deg)}}@keyframes float-arrow{0%{opacity:0;transform:translate(-40px,80px)scale(.5)}40%{opacity:1}to{opacity:0;transform:translate(50px,-100px)scale(1.2)}}@keyframes slash{0%{opacity:0;transform:translate(-70%)rotate(-12deg)}30%{opacity:1}to{opacity:0;transform:translate(70%)rotate(-12deg)}}@keyframes drop-cards{0%{opacity:1;transform:translateY(-220px)rotate(-20deg)}to{opacity:0;transform:translateY(260px)rotate(35deg)}}@keyframes flip-back{0%{opacity:0;transform:perspective(400px)rotateY(90deg)}40%{opacity:1;transform:perspective(400px)rotateY(-12deg)}to{opacity:0;transform:perspective(400px)rotateY(0)}}@keyframes revolution-ring{0%{opacity:0;transform:scale(.3)rotate(0)}45%{opacity:1}to{opacity:0;transform:scale(1.8)rotate(180deg)}}@keyframes pulse-ring{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(2)}}@keyframes card-from-you{0%{opacity:.2;transform:translateY(190px)scale(.82)rotate(5deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes card-from-cpu{0%{opacity:.2;transform:translateY(-170px)scale(.82)rotate(-5deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes pile-clear{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(240px)rotate(8deg)}}@keyframes round-sweep{0%{opacity:1}to{opacity:0;transform:translate(240px)rotate(6deg)}}@keyframes game-start{0%{opacity:0;transform:scale(.55)}24%{opacity:1;transform:scale(1.08)}68%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}@keyframes your-turn-pop{0%{opacity:0;transform:scale(.72)translateY(12px)}22%{opacity:1;transform:scale(1.06)translateY(0)}72%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)translateY(-8px)}}@keyframes otk-shade{0%{opacity:0}12%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes otk-title{0%{opacity:0;transform:scale(2.2)rotate(-6deg)}20%{opacity:1;transform:scale(.9)rotate(2deg)}32%{transform:scale(1.08)rotate(-1deg)}72%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}@keyframes otk-label{0%,12%{opacity:0;letter-spacing:1.1em}30%,75%{opacity:1;letter-spacing:.55em}to{opacity:0}}@keyframes otk-streak{0%{opacity:0;translate:-110%}25%{opacity:1}80%{opacity:.8}to{opacity:0;translate:110%}}@keyframes transfer-to-you{0%{opacity:0;transform:translate(-50%,-42vh)scale(.75)}24%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}72%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{opacity:0;transform:translate(-50%,30vh)scale(.9)}}@keyframes transfer-to-cpu{0%{opacity:0;transform:translate(-50%,30vh)scale(.75)}24%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}72%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{opacity:0;transform:translate(-50%,-42vh)scale(.9)}}@keyframes discard-preview-you{0%{opacity:0;transform:translate(-50%,30vh)scale(.75)}24%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}72%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{opacity:0;transform:translate(-50%,22vh)scale(.65)rotate(12deg)}}@keyframes discard-preview-cpu{0%{opacity:0;transform:translate(-50%,-42vh)scale(.75)}24%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}72%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{opacity:0;transform:translate(-50%,22vh)scale(.65)rotate(-12deg)}}@keyframes q-bomber-transfer{0%{opacity:0;transform:translate(-50%,-50%)scale(.72)rotate(-4deg)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.08)rotate(0)}72%{opacity:1;transform:translate(-50%,-50%)scale(1.08)rotate(0)}to{opacity:0;transform:translate(-50%,-50%)scale(.82)rotate(5deg)}}@keyframes q-bomber-from-you{0%{opacity:0;transform:translate(-50%,30vh)scale(.72)rotate(5deg)}22%{opacity:1;transform:translate(-50%,-50%)scale(1.08)rotate(0)}70%{opacity:1;transform:translate(-50%,-50%)scale(1.08)rotate(0)}to{opacity:0;transform:translate(-50%,16vh)scale(.78)rotate(10deg)}}@keyframes q-bomber-from-cpu{0%{opacity:0;transform:translate(-50%,-42vh)scale(.72)rotate(-5deg)}22%{opacity:1;transform:translate(-50%,-50%)scale(1.08)rotate(0)}70%{opacity:1;transform:translate(-50%,-50%)scale(1.08)rotate(0)}to{opacity:0;transform:translate(-50%,16vh)scale(.78)rotate(-10deg)}}@keyframes queen-burst{0%{opacity:0;transform:scale(.2)rotate(-15deg)}35%{opacity:1;transform:scale(1.1)rotate(8deg)}to{opacity:0;transform:scale(1.55)rotate(35deg)}}@keyframes queen-targets{0%{opacity:0;transform:translate(-50%,28px)scale(.72)}25%{opacity:1;transform:translate(-50%)scale(1.08)}72%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-34px)scale(.72)rotate(5deg)}}@keyframes damage-flash{0%{opacity:0;transform:translate(-50%,20px)scale(.65)}22%{opacity:1;transform:translate(-50%)scale(1.12)}60%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-20px)scale(1.08)}}@keyframes damage-count{0%{transform:scale(1)}35%{color:#fff;transform:scale(1.7)rotate(-5deg)}to{transform:scale(1)}}@keyframes streak-badge-in{0%{opacity:0;transform:translateY(8px)scale(.75)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes exit-shade-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes exit-shade-out{0%{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}to{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}@keyframes exit-modal-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes exit-modal-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes result-shade-in{0%{opacity:0}to{opacity:1}}@keyframes result-win{0%{opacity:0;transform:scale(.5)rotate(-3deg)}55%{transform:scale(1.08)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes result-lose{0%{opacity:0;transform:translate(0)scale(.85)}35%{opacity:1;transform:translate(-12px)scale(1)}52%{transform:translate(10px)}70%{transform:translate(-6px)}to{transform:translate(0)}}@keyframes result-draw{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes profile-copy-toast-life{0%{opacity:0;transform:translate(-50%,10px)}15%,78%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}@media (prefers-reduced-motion:reduce){.pile-cards .card,.pile-stack,.transfer-cards,.queen-target-cards,.damage-flash,.damage.pulse strong,.result,.result-shade,.game-start-splash,.your-turn-splash,.your-turn-splash span,.one-turn-kill,.one-turn-kill:before,.one-turn-kill:after,.one-turn-kill span,.one-turn-kill b,.auto-pass-notice,.profile-copy-toast,.table.round-sweeping .cpu-hand,.table.round-sweeping .your-hand{animation:none!important}}@media (width>=761px){.waiting-panel>h1{font-size:36px}.waiting-panel .room-code-label{font-size:14px}}@media (width<=760px){.access-card{padding:34px 22px}.access-card form{flex-direction:column}.access-card button{height:46px}.landing{height:auto;min-height:100svh;padding:24px 24px 142px;overflow:hidden auto}.landing>.brand{width:min(160px,40vw);height:auto}.title-tools{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#c9f1ebcc;border-radius:999px;gap:4px;padding:4px;position:absolute;top:18px;right:10px}.title-tool{background-size:18px 18px;width:38px;height:38px}.title-tool.login-tool{background-size:28px 28px}.hero-panel{margin-top:5vh}.hero-panel h2{font-size:56px;line-height:1.2}.hero-panel h2 .mobile-break{display:block}.hero-cards{display:none}.player .opponent-streak{margin-left:5px;padding:5px 7px;font-size:8px}.difficulty{flex-wrap:wrap;align-items:stretch}.difficulty>span{width:100%}.mode-actions{flex-direction:column;align-items:stretch}.title-ad{display:none}.game header{height:62px;padding:0 12px}.game header>.icon-btn{margin-left:2px}.table{border-width:5px;min-height:calc(100svh - 62px)}.cpu-player{top:10px;left:12px}.cpu-hand{top:88px}.pile-area{top:44%;transform:translate(-50%,-50%)}.empty-pile{width:160px;height:110px}.empty-pile b{font-size:12px}.you-player{bottom:10px;left:12px}.you-player .win-streak{white-space:nowrap;flex:none;order:4;margin:0 0 0 8px;padding:5px 8px;font-size:9px;position:static}.your-zone{width:100%;bottom:90px}.your-hand{width:100%;padding:0 5px}.your-hand .card{width:86px;height:121px;margin-left:-40px}.your-hand .card:first-child{margin-left:0}.your-hand.many .card{width:74px;height:105px;margin-left:-48px}.your-hand.many .card:first-child{margin-left:0}.card,.pile-cards .card,.cpu-hand .card{width:82px;height:115px}.pile-cards:has(.card:nth-child(3)) .card{margin-left:-48px}.pile-cards:has(.card:nth-child(3)) .card:first-child{margin-left:0}.pile-cards .corner,.cpu-hand .corner{font-size:14px}.pile-cards .corner b,.cpu-hand .corner b{font-size:11px}.pile-cards .pip,.cpu-hand .pip{font-size:40px}.pile-cards .joker .pip,.cpu-hand .joker .pip{font-size:46px}.your-hand .corner{font-size:15px}.your-hand .corner b{font-size:12px}.your-hand .pip{font-size:42px}.your-hand .joker .pip{font-size:49px}.actions{z-index:6;pointer-events:none;justify-content:space-between;inset:44% 10px auto;transform:translateY(-50%)}.actions button{pointer-events:auto;height:50px}.skip-notice{border-radius:14px;justify-content:center;width:calc(100% - 34px);padding:9px 12px;top:calc(44% + 98px)}.skip-notice b{font-size:11px}.skip-notice span{font-size:9px}.auto-pass-notice{padding:8px 14px;font-size:11px;top:50%}.profile-confirm>div>div{flex-direction:column}.mobile-only-break{display:inline}.status-flags{top:150px;left:12px}.choice-modal{padding:24px 12px}.choice-cards{justify-content:center;margin-top:0;padding:52px 16px 16px;overflow-x:auto}.choice-cards .card{margin-left:-36px}.q-bomber-choice-modal{max-height:calc(100svh - 40px);padding:28px 10px 24px}.q-bomber-cards{grid-template-columns:repeat(3,82px);justify-content:center;gap:8px 6px;max-height:48vh;margin-top:22px;padding:38px 4px 20px}.q-bomber-cards .card{border-radius:13px;width:82px;height:115px}.q-bomber-cards .corner{font-size:14px;top:9px;left:10px}.q-bomber-cards .corner b{font-size:11px}.q-bomber-cards .corner.bottom{text-align:right;width:max-content;inset:auto 10px 9px auto}.q-bomber-cards .pip{font-size:40px}.q-bomber-cards .joker .pip{font-size:46px}.choice-hide{padding:6px 9px;font-size:9px;top:10px;right:10px}.q-bomber-reopen{max-width:calc(100% - 24px);bottom:12px}.joker-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:22px}.joker-option{min-height:126px;padding:8px 5px}.joker-option-cards .card{width:44px;height:62px;margin-left:-15px}.joker-option>b{font-size:10px}.joker-option>small{font-size:9px}.profile-modal,.rules-modal,.login-modal,.billing-modal{padding:28px 18px}.login-copy-desktop,.login-note-desktop{display:none}.login-copy-mobile,.login-note-mobile{display:inline}.billing-product{flex-direction:column;align-items:stretch}.billing-buy{width:100%}.profile-stats{grid-template-columns:1fr}.rules-modal{overflow-x:hidden}.rules-modal ol{min-height:270px}.rule-diagram{text-align:center;gap:6px;width:100%;margin-bottom:13px;padding:10px 6px}.deal-diagram{justify-content:center;gap:20px}.diagram-hand{justify-content:center}.diagram-hand .card{margin-left:-28px}.diagram-hand .card:first-child{margin-left:0}.rule-diagram .card{zoom:1;border-radius:6px;width:43px;height:60px;padding:0}.deal-diagram .card.back{zoom:.43;border-radius:13px;width:100px;height:140px}.deal-diagram .diagram-hand .card{margin-left:-66px}.deal-diagram .diagram-hand .card:first-child{margin-left:0}.rule-diagram .face:before{border-radius:4px;inset:2px}.rule-diagram .corner{text-align:left;font-size:8px;line-height:.9;top:4px;left:4px}.rule-diagram .corner b{font-size:6px}.rule-diagram .corner.bottom{inset:auto 4px 4px auto}.rule-diagram .pip{font-size:22px;line-height:1}.rule-diagram .joker .pip{font-size:25px}.rule-diagram .joker .corner{font-size:6px}.role-diagram>div>span,.multi-role>span{text-align:center;width:100%;font-size:9px}.customize-group{flex-direction:column;align-items:flex-start;gap:9px;padding:12px 0}.role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 4px;min-height:196px}.advanced-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 6px;min-height:196px}.role-grid .card,.advanced-role-grid .card{zoom:1;width:55px;height:77px}.role-grid .face:before,.advanced-role-grid .face:before{border-radius:5px;inset:3px}.role-grid .card .corner,.advanced-role-grid .card .corner{font-size:10px}.role-grid .card .corner b,.advanced-role-grid .card .corner b{font-size:7px}.role-grid .card .pip,.advanced-role-grid .card .pip{font-size:27px}.role-grid .joker .pip,.advanced-role-grid .joker .pip{font-size:30px}.role-diagram>div{text-align:center;min-width:0}.revolution-cards .card,.stair-cards .card{margin-left:-39px}.online-table .pile-stack.clearing{animation:.4s ease-in both pile-clear!important}.online-table.round-sweeping .cpu-hand,.online-table.round-sweeping .your-hand,.online-table.round-sweeping .pile-stack{animation:.4s ease-in both round-sweep!important}.strength-modes{text-align:center;margin-right:0}.strength-modes b{font-size:14px}.strength-modes span{font-size:9px}.strength-diagram>i{margin:0 2px}.joker-strongest{gap:3px}.joker-strongest span{text-align:center;font-size:9px}.online-page{padding:16px}.online-panel{padding:30px 20px}.room-rules{grid-template-columns:1fr}.room-rules b{grid-column:1}.queue-status{grid-template-columns:auto 1fr}.queue-status b{grid-column:2}.rate-rankings{padding:12px}.online-game>header{gap:5px;height:62px;padding:0 8px}.online-game>header .online-timer{width:40px;height:40px;font-size:17px;left:8px}.online-game>header>.icon-btn{margin-left:2px}.online-table{border-width:5px;min-height:calc(100svh - 62px)}.online-game .cpu-player{transform-origin:0 0;top:8px;left:8px;transform:scale(.82)}.online-game .cpu-hand{top:77px;transform:translate(-50%)}.online-game .cpu-hand .card.mini{width:82px;height:115px}.online-game .you-player{transform-origin:0 100%;bottom:10px;left:8px;transform:scale(.82)}.online-game .you-player .win-streak{white-space:nowrap;order:4;margin:0 0 0 8px;padding:5px 8px;font-size:9px;position:static}.online-game .your-zone{width:100%;bottom:90px}.online-game .your-hand{justify-content:center;padding:0 5px}.online-game .your-hand .card{margin-left:-40px}.online-game .your-hand .card:first-child{margin-left:0}.online-game .your-hand.many .card{width:74px;height:105px;margin-left:-48px}.online-game .your-hand.many .card:first-child{margin-left:0}.online-game .actions{inset:44% 9px auto}.online-game .pile-area{top:44%}.online-opponent{top:8px;left:10px}.online-you{bottom:150px;left:10px}.online-opponent-hand{top:82px}.online-log{width:125px;max-height:105px;top:7px;right:6px}.online-log p{font-size:10px}.online-field{top:43%;transform:translate(-50%,-50%)scale(.86)}.online-your-hand{padding-left:30px;bottom:76px}.online-your-hand .card{margin-left:-58px}.online-actions{bottom:12px;right:10px}.online-toast{width:max-content;max-width:90%;bottom:145px}}@media (width<=380px){.your-hand .card,.online-game .your-hand .card{width:78px;height:110px;margin-left:-38px}.your-hand .card:first-child,.online-game .your-hand .card:first-child{margin-left:0}}.guide-page{background:radial-gradient(circle at 90% 0,#83cbe761,#0000 30%),linear-gradient(145deg,#f8fff9,#eaf8f3 58%,#fffaf0);min-height:100svh;padding:clamp(20px,5vw,64px) 20px 48px}.guide-shell{width:min(900px,100%);margin:0 auto}.guide-nav{color:#776a9f;letter-spacing:.12em;justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(34px,7vw,74px);font:800 10px/1.4 monospace;display:flex}.guide-nav a{color:#665a91;letter-spacing:0;font:800 13px/1.4 Noto Sans JP,sans-serif;text-decoration:none}.guide-nav a:hover{text-underline-offset:4px;text-decoration:underline}.guide-hero{max-width:760px;margin-bottom:28px}.guide-eyebrow,.guide-section-label{color:#776a9f;letter-spacing:.2em;margin:0 0 10px;font:800 10px/1.4 monospace}.guide-hero h1{color:#473f58;letter-spacing:-.035em;margin:0;font-size:clamp(34px,7vw,58px);line-height:1.2}.guide-hero>p:last-child{color:#625a6c;max-width:720px;margin:18px 0 0;font-size:15px;line-height:1.9}.guide-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 22px;display:grid}.guide-summary>div{background:#ffffffc7;border:1px solid #473f581f;border-radius:14px;padding:17px 18px;box-shadow:3px 4px #57b99f2e}.guide-summary dt{color:#776a9f;font-size:11px;font-weight:800}.guide-summary dd{color:#473f58;margin:5px 0 0;font-size:14px;font-weight:900}.guide-section{background:#fffaf0f0;border:1px solid #473f581f;border-radius:20px;margin-top:18px;padding:clamp(22px,4vw,34px);box-shadow:5px 6px #473f5814}.guide-section h2{color:#473f58;margin:0 0 18px;font-size:clamp(22px,4vw,30px);line-height:1.4}.guide-section h3{color:#16825f;margin:20px 0 6px;font-size:15px}.guide-section p,.guide-section li{color:#625a6c;font-size:14px;line-height:1.85}.guide-section ol,.guide-section ul{margin:0;padding-left:1.5em}.guide-section li+li{margin-top:9px}.guide-section li::marker{color:#57b99f;font-weight:900}.guide-section strong{color:#473f58}.guide-note{background:#edf8f2;border-radius:12px;margin:20px 0 0;padding:14px 16px}.guide-effects{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.guide-effects article{background:#fff;border:1px solid #473f581a;border-radius:13px;padding:15px 16px}.guide-effects h3{margin:0}.guide-effects p{margin:6px 0 0;font-size:13px}.guide-faq h3{border-top:1px solid #473f581a;padding-top:5px}.guide-faq h3:first-of-type{border-top:0;padding-top:0}.guide-faq p{margin:0}.guide-footer{justify-content:space-between;align-items:center;gap:18px;margin-top:26px;display:flex}.guide-footer a{color:#fff;background:#63bda9;border-radius:11px;align-items:center;gap:14px;padding:12px 17px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:4px 4px #8dceb8}.guide-footer p{color:#776a9f;letter-spacing:.15em;margin:0;font:800 9px/1.5 monospace}@media (width<=620px){.guide-page{padding:18px 16px 32px}.guide-nav{margin-bottom:42px;font-size:8px}.guide-nav a{font-size:12px}.guide-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-effects{grid-template-columns:1fr}.guide-section p,.guide-section li{font-size:13px}.guide-footer{flex-direction:column;align-items:flex-start}}