:root{--paper:#f5eee2;--ink:#111016;--red:#cb1434;--night:#0b111b;--muted:#c4b8b6;--serif:"Yu Mincho","Hiragino Mincho ProN",serif;font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#08090e;color:var(--paper)}button,input,select{font:inherit}button{cursor:pointer;min-height:44px;border:1px solid #897a7f;border-radius:3px;background:#24202a;color:var(--paper);padding:9px 13px}button:disabled{opacity:.43;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #ffc86a;outline-offset:3px}a{color:#ffd6dc}h1,h2,h3,p{margin:0}h1,h2,.brand,.result-word{font-family:var(--serif)}.app-shell{min-height:100dvh;background:linear-gradient(180deg,#131824,#09090e)}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px max(14px,env(safe-area-inset-right));background:#0b090ded;border-bottom:1px solid #53434a}.brand{font-size:31px;font-weight:900;letter-spacing:.13em}.topbar small{font-size:12px;color:#d4c7c8}.topbar-actions{display:flex;gap:7px}.topbar button{min-height:36px;font-size:12px}.button-red,.action-divide{background:var(--red);border-color:var(--red);color:#fff}.button-paper,.action-add{background:var(--paper);color:var(--ink);border-color:var(--paper)}.page{max-width:1250px;margin:auto}.scene{position:relative;height:min(48vw,540px);min-height:270px;overflow:hidden;background:#142233}.scene canvas{display:block;width:100%;height:100%}.scene-label{position:absolute;bottom:9px;left:10px;background:#08090acb;padding:4px 9px;font-size:12px}.number-banner{position:absolute;z-index:3;top:10px;left:50%;transform:translateX(-50%);width:112px;min-height:90px;text-align:center;padding:9px 10px 8px;color:#1c1714;filter:drop-shadow(0 5px 5px #0008)}.number-banner img{position:absolute;inset:0;width:100%;height:100%;z-index:-1;object-fit:fill;clip-path:polygon(1% 1%,19% 0,32% 2%,49% 0,64% 1%,80% 0,99% 2%,98% 21%,100% 50%,99% 76%,97% 98%,75% 99%,59% 98%,41% 100%,20% 98%,2% 99%,0 75%,2% 48%,0 22%)}.number-banner small{font-family:var(--serif);font-size:11px;font-weight:bold;display:block;color:#604b3a}.number-banner b{display:block;font-family:var(--serif);font-size:calc(47px * var(--number-scale,1));line-height:1.15;transform:rotate(-2deg)}.duel-info{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 15px;background:#140f18;border-bottom:1px solid #49303c}.duel-info b{font-size:22px;font-family:var(--serif)}.duel-info .score{font-size:16px}.duel-info small{font-size:11px;display:block;color:#ac9da4}.hand-area{padding:12px 14px 26px;background:#0d0c13}.turn-line{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#c7bac3;min-height:25px}.hand{display:flex;justify-content:center;gap:10px;margin:13px auto;max-width:500px}.card-choice{width:min(30%,130px);padding:0;background:none;border:2px solid transparent;min-height:0;line-height:0;position:relative}.card-choice .sprite{display:block;width:100%}.card-choice.active{border-color:#f02b4d;box-shadow:0 0 0 2px #f4d5da}.card-choice.active:after{content:"✓";position:absolute;right:-7px;top:-8px;background:var(--red);color:#fff;border-radius:100%;width:21px;height:21px;line-height:21px;font-size:15px}.card-choice:disabled{opacity:.6}.card-back{display:inline-block;width:29px;height:40px;border:1px solid #eeded7;border-radius:2px;background:#20151d;transform:rotate(-8deg);margin-right:-9px}.cpu-hand{min-height:23px;text-align:right;padding-right:16px}.action-panel{max-width:560px;margin:auto}.choice-settings{display:flex;justify-content:center;gap:9px;align-items:center;flex-wrap:wrap;margin:10px 0}.choice-settings label{font-size:13px}.choice-settings input,.choice-settings select,.setup select,.settings input{background:#211a23;border:1px solid #82717c;color:#fff;min-height:40px;border-radius:2px;padding:6px}.choice-settings input[type=number]{width:85px}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-row button{min-height:73px;font-size:25px;font-family:var(--serif);font-weight:bold}.action-row small{display:block;font-size:11px;font-family:system-ui,sans-serif;margin-top:4px}.support-row{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:13px}.support-row button{font-size:12px}.notice{color:#f0b4c3;min-height:22px;font-size:12px;text-align:center;margin:11px 0}.page-card{max-width:720px;margin:32px auto;padding:24px;background:#16141e;border:1px solid #594650;border-radius:5px}.page-card h1{font-size:39px;margin-bottom:18px}.page-card p{line-height:1.8;color:#d4c8cf;margin-bottom:15px}.page-card .row{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.page-card button{min-width:130px}.hero{position:relative}.hero .scene{height:min(56vw,620px)}.hero-brand{position:absolute;z-index:4;top:7%;left:50%;transform:translateX(-50%);width:min(48%,340px)}.hero-brand img{width:100%;mix-blend-mode:screen;filter:drop-shadow(0 5px 12px #000)}.hero-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:24px}.hero-actions button{min-width:150px}.rules-list{padding-left:22px;line-height:1.8}.rules-list li{margin:9px 0}.result-word{text-align:center;font-size:clamp(60px,12vw,120px);font-weight:900;letter-spacing:.15em}.result-scores{display:flex;justify-content:center;gap:34px;font-size:23px;margin:23px 0}.product-cards{display:flex;gap:9px;justify-content:center}.product-cards .sprite{width:25%;max-width:130px}.modal-cover{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#020205d9;padding:15px}.modal{width:min(100%,480px);max-height:90dvh;overflow:auto;padding:22px;background:#1e1922;border:1px solid #a68791;box-shadow:0 15px 60px #000}.modal h2{margin:0 0 15px;font-size:28px}.modal p{line-height:1.7}.modal .row{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.modal .sprite{width:130px;margin:10px auto}.log-item{border-bottom:1px solid #493a45;padding:9px 0;font-size:13px}.tag{display:inline-block;border:1px solid #8b606d;border-radius:20px;padding:2px 9px;color:#ffd2dc;font-size:11px;margin-bottom:10px}.error{padding:25px;color:#ffadb9}.muted{color:#b7a6af}.loading{padding:35px}.announcement{position:absolute;z-index:4;left:50%;top:42%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:clamp(65px,12vw,160px);font-weight:900;line-height:1;color:#fff3e8;text-shadow:3px 4px #30060f,0 0 20px #ffffffcf;pointer-events:none;text-align:center}.announcement.vertical{writing-mode:vertical-rl;letter-spacing:.12em;font-size:clamp(56px,9vw,130px)}.scene-shade{position:absolute;inset:0;background:#050508;z-index:5;pointer-events:none}.title-product{font-size:12px;color:#b4a6ac;text-align:center;padding:0 20px 30px}.skip{position:absolute;z-index:7;right:9px;bottom:9px;font-size:11px;min-height:35px}.hidden{display:none!important}@media(max-width:650px){.topbar{height:52px}.brand{font-size:25px}.topbar small{display:none}.scene{height:46dvh;min-height:260px}.hero .scene{height:58dvh}.duel-info{padding:8px}.duel-info b{font-size:17px}.score{font-size:13px!important}.hand-area{padding:8px 10px 18px}.hand{gap:7px}.page-card{margin:13px 10px;padding:18px}.page-card h1{font-size:30px}.number-banner{width:91px;min-height:78px}.number-banner b{font-size:calc(39px * var(--number-scale,1))}.action-row button{min-height:67px;font-size:21px}.action-row small{font-size:10px}.announcement.vertical{font-size:68px}}
  .deck-status{margin:2px 0 8px;padding:8px 10px;border-left:3px solid #c99965;background:#241c20;color:#f0dcc7;font-size:12px;line-height:1.5}

.scene canvas.effect-text{position:absolute;inset:0;z-index:4;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 7px 11px #000c)}
.announcement{width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
