:root{--paper:#f7f5ec;--ink:#252b27;--muted:#70766a;--yellow:#f2cb4b;--green:#286247;--line:#dddcd2;--red:#b63931;--blue:#336ca1;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}body{margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.48}button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button{border:0}svg{display:block}h1,h2,p,figure{margin:0}input{font-size:16px}a{color:inherit}.app-shell{max-width:480px;min-height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);background:var(--paper);margin:auto;position:relative}.brand,.compact-header{border-bottom:1px solid var(--line);align-items:center;gap:7px;height:70px;margin:0 24px;display:flex}.brand>span:first-of-type{letter-spacing:-.04em;font-size:15px;font-weight:750}.pencil-mark{width:25px;height:25px}.edition{letter-spacing:.07em;border:1px solid var(--ink);margin-left:auto;padding:4px 6px;font-size:10px;font-weight:800}.home-screen{flex-direction:column;display:flex}.home-content{flex:1;padding:30px 28px 20px}.eyebrow{letter-spacing:.09em;color:var(--muted);font-size:11px;font-weight:750;line-height:1.5}.home-content h1{letter-spacing:-.055em;margin-top:12px;font-size:clamp(40px,12vw,52px);font-weight:850;line-height:1.38}.underlined{z-index:0;display:inline-block;position:relative}.underlined:after{content:"";background:var(--yellow);z-index:-1;height:14px;position:absolute;bottom:8px;left:0;right:-8px;transform:rotate(-2deg)}.duel-illustration{justify-content:center;align-items:center;gap:13px;height:176px;margin:18px -4px 13px;display:flex}.mini-paper{border:1.5px solid var(--ink);width:130px;height:148px;box-shadow:3px 3px 0 var(--yellow);background:#fff;flex-direction:column;align-items:center;display:flex;position:relative;transform:rotate(-6deg)}.mini-paper svg{width:110px;height:120px;stroke:var(--ink);stroke-width:3px;fill:none;stroke-linecap:round;stroke-linejoin:round}.mini-paper span{color:var(--muted);font-size:10px}.duel-illustration b{font-size:15px;font-weight:900;transform:rotate(-9deg)}.mini-paper.second{transform:rotate(7deg);box-shadow:3px 3px #a9c8b5}.home-caption{margin-bottom:25px;font-size:14px;line-height:1.8}.name-field{display:block}.name-field>span{margin-bottom:9px;font-size:12px;font-weight:700;display:block}.name-field small{color:var(--muted);margin-left:7px;font-weight:400}.name-field input{width:100%;height:48px;color:var(--ink);background:#fffefa;border:1px solid #c6c9bc;border-radius:6px;padding:0 13px;display:block}.name-field input::placeholder{color:#969b8e}.primary{background:var(--green);color:#fff;border-radius:7px;justify-content:center;align-items:center;gap:18px;width:100%;min-height:54px;margin-top:20px;padding:12px 16px;font-size:15px;font-weight:750;line-height:1.5;display:flex}.primary>span{font-size:24px;font-weight:400}.text-button{text-align:center;min-height:44px;color:var(--muted);background:0 0;margin:4px auto;padding:10px 14px;font-size:12px;display:block}.home-footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:12px 24px 18px;font-size:10px;display:flex}.home-footer button{background:0 0;min-height:44px;padding:0;font-size:10px}.setup-note{color:#695823;margin-top:14px;font-size:11px;line-height:1.6}.notice{overflow-wrap:anywhere;background:#fffaf0;border-left:3px solid;margin-top:12px;padding:10px 12px;font-size:12px;line-height:1.6}.error{color:var(--red)}.connection{color:#815b19}.invite-caption{color:var(--green);margin:0 0 16px;font-size:12px;font-weight:700}.loading{text-align:center;color:var(--muted);padding:40px}.compact-header{justify-content:space-between;height:62px}.compact-header>span{align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.compact-header .text-button{margin:0 -10px 0 0}.lobby-content{padding:35px 26px 26px}.lobby-content h1{letter-spacing:-.05em;margin:12px 0;font-size:31px}.subhead{color:var(--muted);font-size:13px;line-height:1.8}.player-list{border-top:1px solid var(--ink);margin:30px 0 23px}.player-line{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:80px;display:flex}.player-number{background:var(--yellow);border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.player-1 .player-number{background:#bad3c2}.player-name{overflow-wrap:anywhere;flex:1;min-width:0;font-size:15px;font-weight:750}.player-name small{color:var(--muted);margin-top:3px;font-size:10px;font-weight:400;display:block}.player-status{color:var(--green);font-size:11px;font-weight:600}.share-button{background:var(--yellow);border:1px solid var(--ink);border-radius:6px;justify-content:center;align-items:center;gap:16px;width:100%;min-height:50px;padding:12px;font-size:14px;font-weight:700;display:flex}.share-button span{font-size:22px}.invite-url{height:40px;color:var(--muted);text-align:center;background:0 0;border:none;width:100%;margin-top:8px;font-size:10px}.round-ticket{border-top:1px dashed #b9bdb0;border-bottom:1px dashed #b9bdb0;grid-template-columns:1fr 1fr;align-items:center;gap:14px;margin:24px 0 5px;padding:17px 0;font-size:12px;display:grid}.round-ticket>span{color:var(--muted)}.round-ticket strong{text-align:right;font-size:13px}.game-screen{height:100dvh;min-height:480px;padding:calc(var(--safe-top) + 14px) 16px calc(var(--safe-bottom) + 4px);flex-direction:column;display:flex;overflow:hidden}.game-header{justify-content:space-between;align-items:center;gap:12px;min-height:65px;display:flex}.game-header>div:first-child{min-width:0}.game-header h1{letter-spacing:-.035em;overflow-wrap:anywhere;margin-top:2px;font-size:clamp(18px,5.6vw,25px);font-weight:850;line-height:1.4}.timer{flex-shrink:0;align-items:baseline;gap:4px;display:flex}.timer strong{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:850;line-height:1}.timer>span{color:var(--muted);font-size:10px}.timer.urgent{color:var(--red)}.game-progress{background:#e2e2d9;height:3px;margin:10px 0 12px}.game-progress span{background:var(--green);height:100%;transition:width .15s linear;display:block}.paper-zone{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;container-type:size}.paper{aspect-ratio:1;background:#fff;border:1px solid #c4c7b9;flex-shrink:0;width:min(100cqw,100cqh);position:relative;box-shadow:0 3px #e4e5dc}.paper canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.paper-lock{color:#83897c;pointer-events:none;font-size:10px;position:absolute;bottom:7px;right:8px}.draw-tools{padding-top:12px}.palette{grid-template-columns:repeat(8,1fr);align-items:center;gap:0;display:grid}.color-tool{background:0 0;border-radius:6px;justify-content:center;align-items:center;height:44px;padding:6px;display:flex}.color-tool>span{border:1px solid #b3b5ab;border-radius:50%;width:26px;height:26px;display:block;position:relative}.color-tool.selected>span:after{content:"";border:2px solid var(--ink);border-radius:50%;position:absolute;inset:-5px}.tool-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:4px;min-height:61px;margin-top:8px;padding-top:8px;display:flex}.widths{gap:0;display:flex}.widths button{background:0 0;border-radius:5px;place-items:center;width:34px;height:46px;display:grid}.widths button span{background:var(--ink);border-radius:50%;display:block}.widths .selected{background:#e2e6db}.tool{background:0 0;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:44px;min-height:49px;padding:4px 6px;display:flex}.tool.selected{background:#e2e6db}.tool svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.tool span{white-space:nowrap;font-size:9px}.game-status{text-align:center;color:var(--muted);min-height:25px;max-height:40px;padding-top:7px;font-size:10px;line-height:1.5;overflow-y:auto}.countdown-overlay,.finish-overlay{z-index:10;text-align:center;background:#f7f5ecf5;place-items:center;padding:26px;display:grid;position:absolute;inset:0}.countdown-overlay>div>span{font-size:14px}.countdown-overlay strong{color:var(--green);font-variant-numeric:tabular-nums;font-size:120px;font-weight:900;line-height:1.4;display:block}.countdown-overlay p{color:var(--muted);font-size:12px}.finish-overlay section{width:100%}.pencil-large{width:62px;height:62px;color:var(--green);margin:0 auto 24px}.finish-overlay h2{letter-spacing:-.04em;margin:14px 0;font-size:26px}.finish-overlay p{color:var(--muted);max-width:290px;margin:auto;font-size:13px;line-height:1.8}.submission-status{flex-direction:column;gap:15px;margin:26px 0;font-size:12px;display:flex}.submission-status b{color:var(--green);margin-left:10px;font-size:11px}.result-content{padding:28px 22px}.result-content h1{letter-spacing:-.05em;margin-top:10px;font-size:30px;line-height:1.4}.result-summary{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.8}.result-pair{grid-template-columns:1fr 1fr;gap:12px;margin:28px 0 22px;display:grid}.result-piece{min-width:0;position:relative}.result-piece figcaption{justify-content:space-between;align-items:center;gap:6px;margin-bottom:9px;display:flex}.result-piece figcaption>span{overflow-wrap:anywhere;min-width:0;font-size:12px;font-weight:750}.result-piece small{color:var(--muted);margin-top:2px;font-size:9px;font-weight:400;display:block}.result-piece strong{flex-shrink:0;align-items:baseline;gap:3px;font-size:27px;display:flex}.result-image{aspect-ratio:1;border:1px solid var(--line);color:var(--muted);background:#fff;place-items:center;font-size:12px;display:grid}.result-image img{object-fit:contain;width:100%;height:100%;display:block}.winner-tag{background:var(--yellow);letter-spacing:.07em;padding:5px 8px;font-size:8px;font-weight:900;position:absolute;bottom:0;right:0}.player-1 .winner-tag{background:#bad3c2}.score-table{border-top:1px solid var(--ink);margin:10px 0 22px}.score-head,.score-line{grid-template-columns:1fr 52px 52px;align-items:center;gap:8px;display:grid}.score-head{color:var(--muted);padding:12px 0;font-size:10px}.score-head>span:not(:first-child){text-align:right}.score-line{border-top:1px solid var(--line);min-height:45px;font-size:12px}.score-line strong{text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.score-line small{color:var(--muted);margin-left:6px;font-size:9px}.tiny{color:var(--muted);margin-top:13px;font-size:10px;line-height:1.7}.dialog-backdrop{z-index:50;background:#252b2780;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.dialog{background:var(--paper);border-radius:10px;width:100%;max-width:380px;max-height:90dvh;padding:26px;overflow:auto}.dialog h2{letter-spacing:-.04em;font-size:23px;line-height:1.5}.dialog>p:not(.tiny){color:var(--muted);margin-top:12px;font-size:13px;line-height:1.8}.rules-dialog ol{margin:18px 0;padding-left:19px;font-size:13px;line-height:2.2}.rule-weights{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}.rule-weights>div{justify-content:space-between;font-size:12px;line-height:2.3;display:flex}.rule-weights strong{font-size:15px}.dialog .text-button{margin-bottom:-10px}@media (width>=600px){body{background:#e4e6dd}.app-shell{box-shadow:0 0 0 1px #cfd3c6,0 15px 50px #252b2710}.home-content{padding-top:35px}.game-screen{max-height:100dvh}}@media (width<=350px){.home-content{padding:23px 22px 16px}.brand{margin:0 20px}.home-footer{padding-left:20px;padding-right:20px}.mini-paper{width:108px;height:132px}.mini-paper svg{width:100px;height:106px}.duel-illustration{height:150px}.home-caption{margin-bottom:20px}.tool-row{gap:0}.widths button{width:29px}.tool{min-width:42px;padding:4px}.result-content{padding:24px 16px}.score-head,.score-line{grid-template-columns:1fr 43px 43px}.result-piece strong{font-size:23px}}@media (height<=700px){.home-content{padding-top:22px}.home-content h1{font-size:40px}.duel-illustration{height:143px;margin-top:12px;margin-bottom:8px}.mini-paper{width:108px;height:123px}.mini-paper svg{width:96px;height:99px}.home-caption{margin-bottom:17px}.home-content .primary{margin-top:15px}.game-screen{padding-top:calc(var(--safe-top) + 8px)}.game-header{min-height:59px}.draw-tools{padding-top:7px}.tool-row{margin-top:5px;padding-top:5px}.game-progress{margin:7px 0 8px}}@media (orientation:landscape) and (height<=500px){.game-screen{height:auto;min-height:100dvh;overflow:visible}.paper-zone{flex:none;height:240px}.game-status{padding-bottom:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}