@import "https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap";@import "https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap";:root{color:#302519;font-synthesis:none;--ink:#302519;--paper:#fff7db;--muted:#756855;--line:#d8ccb5;--mint:#fff3b4;--green:#195fa2;--orange:#cf2532;--red:#cf2532;--yellow:#ffdf36;--blue:#195fa2;background:#fff7db;font-family:Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:3px}h3{margin:0 0 15px;font-size:17px}p{line-height:1.8}.muted{color:var(--muted);font-size:13px}.eyebrow{letter-spacing:2px;color:var(--green);margin:10px 0;font-size:10px;font-weight:800}.card{border:1px solid var(--line);background:#fffefb;border-radius:20px;padding:25px;box-shadow:0 5px #29382f03}.button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fffefb;border-radius:10px;padding:14px 20px;font-weight:700;transition:transform .1s}.button:hover:not(:disabled){border-color:var(--green);transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.text-button{text-underline-offset:4px;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px;text-decoration:underline}.text-button:disabled{opacity:.5}.field{gap:9px;margin:17px 0;display:grid}.field-label{font-size:12px;font-weight:700}input,textarea,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;min-width:0;padding:13px 14px}input::placeholder{color:#a0a698}.notice{white-space:pre-line;background:#f3ead9;border-radius:10px;max-width:1050px;margin:14px auto;padding:13px 20px;font-size:13px}.error{color:#9d3d25;background:#fce9e1}.kana-keyboard{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.kana-key{height:43px;color:var(--ink);cursor:pointer;background:#f5f8ee;border:1px solid #c9d1c0;border-bottom:3px solid #c3cdb9;border-radius:8px;place-items:center;padding:0;font-size:21px;transition:background .15s;display:grid;position:relative}.kana-key.unavailable{color:#c3c2b9;cursor:default;background:#efeee8;border:1px solid #e8e6dd}.kana-key.unavailable:after{content:"×";color:#b7b6ac;font-size:10px;position:absolute;top:1px;right:4px}.kana-key.draft-used{color:#c47445;cursor:default;background:#f7e0cb;border-color:#e8bc97}.kana-key.invalid-variant:not(.unavailable):not(.draft-used){opacity:.4}.kana-key.view-only{cursor:default}.key-gap{pointer-events:none}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.card{border-radius:5px;box-shadow:4px 4px #3d2c1812}.button{border:2px solid var(--ink);border-radius:4px;font-weight:900;box-shadow:2px 3px #3d2c1820}.primary{background:var(--red);border-color:var(--red);color:#fff;box-shadow:3px 4px #93171c}.button:disabled{opacity:.5;box-shadow:none}input,textarea,select{border-color:#bcae97;border-radius:4px}.kana-keyboard{gap:6px}.kana-key{border:1px solid #b6a88d;border-bottom:5px solid var(--blue);height:52px;color:var(--ink);background:#fffdf5;border-radius:3px;padding-bottom:10px;font-size:24px;font-weight:900;box-shadow:1px 1px #00000010}.kana-key.available:after{content:"在庫1";color:var(--blue);letter-spacing:1px;font-size:8px;font-weight:800;position:absolute;bottom:0}.kana-key:hover:not(:disabled){background:#fff3b4}.kana-key.unavailable{color:#817765;background:#eee8db;border:1px solid #cfc6b5;border-bottom:5px solid #b5aa96}.kana-key.unavailable:after{content:"売切";background:var(--red);color:#fff;border:1px solid #fff;padding:0 4px;font-size:10px;line-height:1.35;top:auto;bottom:-2px;right:2px;transform:rotate(-8deg)}.kana-key.draft-used{background:var(--yellow);color:var(--red);border-color:#bd9322}.kana-key.draft-used:after{content:"カゴ";color:#794900;font-size:9px;position:absolute;bottom:0}@media (width<=760px){.kana-key{height:48px;font-size:23px}}.kana-key:after{content:none!important}.key-stock{color:var(--blue);letter-spacing:1px;font-size:8px;font-weight:800;line-height:1.35;position:absolute;bottom:0}.unavailable .key-stock{background:var(--red);color:#fff;border:1px solid #fff;padding:0 4px;font-size:10px;bottom:-2px;right:2px;transform:rotate(-8deg)}.draft-used .key-stock{color:#794900;font-size:9px}body{background-color:#fff7db;background-image:radial-gradient(#dcccb4 .7px,#0000 .7px);background-size:9px 9px}.site-header{border-bottom:4px solid var(--red);background:#fffdf4;align-items:center;gap:24px;padding:14px max(22px,50vw - 570px);display:flex}.brand{color:var(--red);flex-shrink:0;line-height:1.15;text-decoration:none;display:grid;transform:rotate(-2deg)}.brand small{letter-spacing:3px;color:var(--ink);font-size:11px;font-weight:900}.brand strong{letter-spacing:-2px;font-size:27px;font-weight:1000}.header-note{text-align:center;letter-spacing:2px;flex:1;font-size:14px;font-weight:900}.sound-toggle{background:var(--yellow);border:2px solid var(--ink);white-space:nowrap;cursor:pointer;box-shadow:2px 2px 0 var(--ink);border-radius:4px;margin-left:auto;padding:9px 12px;font-size:12px;font-weight:900}.sound-toggle[aria-pressed=false]{color:#6c6a60;background:#f2eee5}.home{grid-template-columns:1.2fr 1fr;align-items:center;gap:42px;max-width:1180px;margin:auto;padding:54px 24px 35px;display:grid}.hero{position:relative}.hero h1{color:var(--red);letter-spacing:-5px;text-shadow:3px 3px 0 var(--yellow), -1px -1px 0 white;margin:20px 0 8px;font-size:clamp(44px,5.8vw,75px);font-weight:1000;line-height:1.15;transform:rotate(-3deg)}.hero-shout{white-space:pre-line;letter-spacing:-1px;margin:20px 0 13px;font-size:clamp(27px,3vw,40px);font-weight:1000;line-height:1.5}.hero-description{white-space:pre-line;font-size:14px;line-height:1.9}.sale-ticket{background:var(--yellow);color:var(--red);border:2px solid var(--red);letter-spacing:1px;padding:8px 14px;font-size:13px;display:inline-block;transform:rotate(-3deg)}.hero-tiles{gap:10px;margin:27px 0;display:flex}.hero-tile{border:2px solid var(--ink);border-bottom:7px solid var(--blue);background:#fff;place-items:center;width:65px;height:77px;padding-bottom:13px;font-size:38px;font-weight:900;display:grid;position:relative;transform:rotate(3deg);box-shadow:3px 3px #3d2c1820}.hero-tile:after{content:"在庫1";color:var(--blue);font-size:10px;position:absolute;bottom:2px}.hero-tile.spent{color:#8d8478;background:#eae5d8;border-bottom-color:#9a9182;transform:rotate(-6deg)}.hero-tile.spent:after{content:"売切";background:var(--red);color:#fff;border:2px solid #fff;padding:1px 7px;font-size:16px;bottom:5px;right:-6px;transform:rotate(-12deg)}.entry{border:3px solid var(--red);border-top:16px solid #0000;padding:25px 28px;position:relative;box-shadow:7px 7px #dec886}.entry:before{content:"";background:repeating-linear-gradient(90deg, var(--red) 0 26px, #fffaf0 26px 52px);height:16px;position:absolute;top:-16px;left:-3px;right:-3px}.entry .section-heading h2{font-size:23px;line-height:1.6}.entry .button{width:100%}.entry .eyebrow{color:var(--red);letter-spacing:1px}.divider{color:var(--muted);align-items:center;gap:10px;margin:18px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.home-rules{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:8px;display:grid}.home-rules>div{border:2px solid var(--ink);border-top:7px solid var(--yellow);background:#fffdf4;padding:16px 19px}.home-rules h3{color:var(--red);font-size:15px}.home-rules p{margin-bottom:0;font-size:12px}.hero>.muted{color:var(--ink);font-size:12px;font-weight:700}.room-page{max-width:1140px;margin:auto;padding:12px 24px 60px}.room-top{justify-content:space-between;align-items:center;display:flex}.room-top .eyebrow{background:var(--ink);color:#fff;letter-spacing:2px;padding:4px 10px}.section-heading{margin:13px 0 20px}.section-heading h2{color:var(--red);margin:7px 0;font-size:clamp(22px,3vw,32px);font-weight:1000;line-height:1.4}.section-heading .muted{color:var(--ink);margin:9px 0}.lobby-settings{grid-template-columns:1fr 1fr;gap:20px;max-width:500px;display:grid}.sale-rule{background:var(--yellow);padding:8px 13px;font-size:14px;font-weight:800;display:inline-block}.players{flex-wrap:wrap;gap:9px;margin:17px 0;display:flex}.player{background:#fffdf5;border:1px solid #cfc1a8;border-radius:3px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:3px 7px;min-width:165px;padding:8px 11px;display:grid}.player.self{border:2px solid var(--blue);padding:7px 10px}.player small{grid-column:2/4;font-size:10px}.avatar{background:var(--yellow);border:1px solid var(--ink);border-radius:50%;grid-row:1/3;place-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:grid}.player-name{overflow-wrap:anywhere;min-width:0;font-size:12px}.score{white-space:nowrap;color:var(--red);font-size:13px}.sale-bar{background:var(--blue);border:3px solid var(--ink);z-index:5;color:#fff;justify-content:space-between;align-items:stretch;display:flex;position:sticky;top:7px;box-shadow:4px 4px #3d2c1830}.closing-timer{color:var(--ink);border-right:3px solid var(--ink);background:#fffdf5;align-items:center;gap:13px;padding:8px 15px;display:flex}.closing-timer>span{font-size:12px;font-weight:900}.timer-digits{font-variant-numeric:tabular-nums;letter-spacing:2px;font-size:35px;font-weight:1000;line-height:1.1}.timer-warning{font-size:11px}.closing-timer.soon{background:var(--yellow);color:#5f3100}.closing-timer.urgent{background:var(--red);color:#fff}.answer-count{align-self:center;padding:12px 16px;font-size:14px;font-weight:900}.sale-celebration{background:var(--yellow);border:3px solid var(--red);text-align:center;box-shadow:4px 4px 0 var(--red);margin:16px 0;padding:15px;animation:.3s ease-out pop-arrival}.sale-celebration strong{color:var(--red);font-size:26px;display:block}.sale-celebration span{font-size:13px;font-weight:900}.game-layout{grid-template-columns:1fr 1.05fr;grid-template-areas:"left shelf";align-items:start;gap:20px;display:grid}.game-left{grid-area:left;gap:20px;display:grid}.choices-panel,.hints-panel{grid-area:auto}.keyboard-panel{border:3px solid var(--blue);border-top:13px solid var(--blue);background:#fffdf2;grid-area:shelf;padding:19px 21px 20px;box-shadow:5px 5px #1d57942a}.shelf-sign{color:var(--blue);letter-spacing:1px;margin:0 0 9px;font-size:11px}.keyboard-panel h3{color:var(--blue);margin-bottom:7px;font-size:23px}.keyboard-panel>.muted{margin:7px 0;font-size:11px}.choices{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.choice{color:var(--ink);border:2px solid var(--ink);text-align:left;cursor:pointer;overflow-wrap:anywhere;background:#fffdf4;border-radius:3px;padding:16px 12px;font-size:15px;font-weight:800;line-height:1.5;box-shadow:2px 3px #3d2c1818}.choice:disabled{cursor:default;opacity:1}.choice.selected,.choice.chosen{background:var(--yellow);border-color:var(--red);box-shadow:3px 3px 0 var(--red)}.choice.correct{background:var(--yellow);border:3px solid var(--red)}.answer-banner{background:var(--yellow);border:2px dashed var(--red);color:var(--red);padding:13px;font-size:17px;font-weight:900}.answer-status{color:var(--blue);font-size:13px;font-weight:800}.hint-log{gap:13px;max-height:420px;display:grid;overflow:auto}.hint-bubble{border-left:5px solid var(--red);border-bottom:1px dashed var(--line);background:#fff9d8;padding:10px 15px}.hint-bubble small{letter-spacing:2px;color:var(--red);font-size:10px;font-weight:900}.hint-bubble p{letter-spacing:3px;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0;font-size:25px;font-weight:900}.resource-meter{gap:3px;margin:13px 0 17px;display:flex}.resource-meter i{background:var(--blue);border-radius:1px;flex:1;height:9px}.resource-meter i.off{background:#d8d1c3}.stock-alert{color:var(--red);background:var(--yellow);border:2px solid var(--red);padding:7px 10px;font-size:13px;font-weight:900}.stock-alert.critical{background:var(--red);color:#fff}.draft-input{border:2px solid var(--blue);white-space:pre-wrap;overflow-wrap:anywhere;background:#fffbe4;min-height:65px;margin:14px 0;padding:13px;font-size:20px;font-weight:700}.input-modes{gap:5px;margin:12px 0;display:flex}.mode{border:1px solid var(--blue);color:var(--blue);cursor:pointer;background:#fff;border-radius:3px;flex:1;padding:9px 4px;font-size:12px;font-weight:800}.mode.active{background:var(--blue);color:#fff}.keyboard-controls{gap:6px;margin:13px 0;display:flex}.keyboard-controls .button{flex:1;padding:10px 4px;font-size:12px}.keyboard-panel>.primary{width:100%}.end-turn{color:var(--red);margin:14px auto 0;font-weight:800;display:block}.key-legend{color:var(--muted);margin:12px 0;font-size:11px}.results{border:3px solid var(--red);background:#fffdf5;margin:20px 0;padding-top:30px;position:relative}.results>h3{color:var(--red);padding-right:100px;font-size:26px}.closed-stamp{border:3px solid var(--red);color:var(--red);padding:5px 8px;font-size:14px;font-weight:900;position:absolute;top:13px;right:14px;transform:rotate(8deg)}.result-line{border-bottom:1px dashed var(--line);padding-bottom:10px;font-size:13px}.stock-receipt{border-top:2px dashed var(--ink);border-bottom:2px dashed var(--ink);background:#fff9da;margin:16px 0;padding:12px}.stock-receipt p{margin:0 0 8px;font-size:13px}.stock-receipt strong{color:var(--red);font-size:23px}.stock-receipt small{color:var(--muted);margin:5px 0;font-size:11px;display:block}.ranking{gap:9px;padding:0;list-style:none;display:grid}.ranking li{border-left:7px solid var(--yellow);background:#fff7d0;padding:8px 12px;font-size:23px;font-weight:900}.ranking li:first-child{background:var(--yellow);border-left-color:var(--red);font-size:29px}.connection{text-align:right;max-width:1140px;color:var(--muted);margin:7px auto 0;padding:0 24px;font-size:10px}@keyframes pop-arrival{0%{opacity:.4;transform:scale(.96)rotate(-1deg)}to{opacity:1;transform:scale(1)}}@media (width<=760px){.site-header{gap:10px;padding:12px 16px}.brand strong{font-size:25px}.header-note{display:none}.home{grid-template-columns:1fr;gap:28px;padding:30px 19px}.hero h1{letter-spacing:-4px;font-size:57px}.hero-shout{font-size:31px}.hero-description{font-size:13px}.hero-tile{width:56px;height:66px;font-size:31px}.hero-tiles{gap:9px;margin:23px 0}.entry{padding:22px}.home-rules{grid-template-columns:1fr;gap:12px}.room-page{padding:8px 12px 40px}.room-top .text-button{font-size:11px}.section-heading{margin:10px 0 15px}.section-heading .muted{font-size:12px}.players{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:14px 0;display:grid}.player{grid-template-columns:24px minmax(0,1fr) auto;gap:3px 5px;min-width:0;padding:7px}.player.self{padding:6px}.avatar{width:24px;height:24px}.player-name{font-size:11px}.player small{font-size:9px}.sale-bar{border-width:2px;top:4px}.closing-timer{border-right-width:2px;flex-wrap:wrap;gap:7px;padding:7px 10px}.closing-timer>span{font-size:10px}.timer-digits{letter-spacing:1px;font-size:28px}.timer-warning{display:none}.answer-count{white-space:nowrap;padding:9px 8px;font-size:11px}.game-layout{grid-template-columns:1fr;grid-template-areas:"choices""hints""shelf";gap:15px}.game-layout.parent{grid-template-areas:"choices""shelf""hints"}.game-left{display:contents}.choices-panel{grid-area:choices}.hints-panel{grid-area:hints}.card{padding:18px}.keyboard-panel{padding:17px 16px}.keyboard-panel h3{font-size:22px}.choice{padding:14px 10px;font-size:13px}.choices{gap:9px}.hint-bubble p{font-size:22px}.hint-log{max-height:240px}.sale-celebration strong{font-size:23px}.sale-celebration span{font-size:11px}.results>h3{padding-top:24px;padding-right:0;font-size:22px}.closed-stamp{font-size:12px;top:7px}.result-line{font-size:12px}.lobby-settings{gap:12px}.sale-rule{font-size:12px}.ranking li{font-size:20px}.ranking li:first-child{font-size:23px}}@media (width<=370px){.hero h1{font-size:49px}.brand strong{font-size:22px}.sound-toggle{padding:8px;font-size:10px}}.your-role{border:2px solid var(--red);background:#fff3d8;border-left-width:8px;border-radius:12px;margin:0 0 18px;padding:16px 20px}.your-role.parent-role{border-color:var(--blue);background:#edf6ff}.role-label,.player-role{color:#fff;background:var(--red);border-radius:5px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}.parent-role .role-label,.player-role.parent-role{background:var(--blue)}.your-role h3{margin:10px 0 4px;font-size:20px}.your-role p{margin:0;font-size:13px}.player.is-parent{border:2px solid var(--blue);background:#edf6ff}.player.self{outline:3px solid var(--yellow);outline-offset:2px}.player .player-role{grid-column:2/-1;justify-self:start;font-size:10px}.your-topic{border-bottom:2px dashed #dfc7a2;margin-bottom:22px;padding-bottom:18px}.your-topic h3{color:var(--blue)}.your-topic .answer-banner{color:var(--blue);border:2px solid var(--blue);overflow-wrap:anywhere;background:#edf6ff;margin:0;padding:18px}.your-topic .muted{margin-bottom:0}.modifier-help{margin:6px 0 12px;font-size:11px}.mode:disabled{opacity:.4;cursor:not-allowed}.personal-result{border:3px solid var(--red);color:#b31927;text-align:center;overflow-wrap:anywhere;background:#fff1b6;border-radius:16px;margin:12px 0 28px;padding:26px 16px;animation:.45s ease-out both result-arrive}.personal-result.wrong,.personal-result.unanswered{color:#344b6d;background:#f0f4fa;border-color:#7488a3}.personal-result.parent{color:var(--blue);border-color:var(--blue);background:#edf6ff}.result-role{margin:0 0 12px;font-size:12px}.result-shout{margin:0 0 18px;line-height:1.5}.personal-answer{margin:0;font-size:19px;font-weight:700}.personal-choice{margin:6px 0 0;font-size:13px}.personal-points{background:#fff;border-radius:30px;margin-top:16px;padding:8px 16px;display:inline-block}@keyframes result-arrive{0%{opacity:0;transform:translateY(12px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=700px){.your-role{padding:12px}.your-role h3{font-size:17px}.personal-result{padding:22px 12px}.personal-answer{font-size:16px}.player .player-role{grid-column:1/-1;font-size:9px}}@media (prefers-reduced-motion:reduce){.personal-result{animation:none}}:root{--font-display:"Mochiy Pop One", Meiryo, sans-serif;--font-body:"Yusei Magic", "Hiragino Kaku Gothic ProN", Meiryo, system-ui, sans-serif;--title-size:clamp(38px, 5.5vw, 68px);--result-size:clamp(40px, 7vw, 80px);--topic-size:clamp(24px, 4vw, 38px);--kana-size:22px}body{font-family:var(--font-body)}.brand strong,h1,h2,h3,.hero-shout,.choice,.answer-banner,.key-letter,.draft-input,.hint-bubble p,.personal-points,.button.primary{font-family:var(--font-display);font-weight:400}.hero h1{font-size:var(--title-size)}.answer-banner{font-size:var(--topic-size)}.key-letter{font-size:var(--kana-size)}.result-shout{font-size:var(--result-size)}.personal-result.parent .result-shout{font-size:var(--topic-size)}
