*{box-sizing:border-box}:root{--bg:#fafafa;--panel:#fff;--text:#111;--muted:#6b6b6b;--line:#e7e7e7;--soft:#f3f3f3;--accent:#111}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{width:min(1120px,100% - 40px);margin:0 auto;padding:72px 0 32px}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:42px;display:flex}.eyebrow{letter-spacing:.12em;color:var(--muted);margin:14px 0;font-size:12px;font-weight:700}h1{letter-spacing:-.05em;margin:0;font-size:clamp(36px,6vw,64px);line-height:1}.lead{color:var(--muted);max-width:760px;margin:18px 0 0;font-size:15px;line-height:1.7}.count{color:var(--muted);white-space:nowrap;font-size:13px}.back{color:var(--muted);margin-bottom:28px;font-size:13px;text-decoration:none;display:inline-block}.back:hover{color:var(--text)}.controls{gap:18px;padding:28px 0 34px;display:grid}.search{background:var(--panel);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;height:48px;padding:0 15px;display:flex}.search span{color:var(--muted);font-size:22px}.search input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.categories{flex-wrap:wrap;gap:8px;display:flex}.categories button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:8px 14px}.categories button.active,.categories button:hover{background:var(--text);border-color:var(--text);color:#fff}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;min-height:270px;padding:24px;transition:transform .15s,box-shadow .15s;display:flex}.card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0000000f}.cardTop{justify-content:space-between;align-items:center;display:flex}.icon{border:1px solid var(--line);border-radius:12px;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.featured{letter-spacing:.12em;color:var(--muted);font-size:10px}.card h2{letter-spacing:-.02em;margin:24px 0 8px;font-size:22px}.card p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.tags{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.tags span{background:var(--soft);color:var(--muted);border-radius:6px;padding:5px 9px;font-size:11px}.open{color:var(--text);justify-content:space-between;width:100%;margin-top:auto;padding-top:22px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.open:hover{text-decoration:underline}.empty{color:var(--muted);text-align:center;padding:48px 0}.siteIntro{border-top:1px solid var(--line);max-width:820px;margin-top:72px;padding:32px 0 8px}.siteIntro .eyebrow{margin-top:0}.siteIntro h2{letter-spacing:-.03em;margin:0 0 12px;font-size:28px}.siteIntro p:not(.eyebrow){color:var(--muted);margin:0;font-size:14px;line-height:1.9}.introLinks{flex-wrap:wrap;gap:10px 18px;margin-top:20px;display:flex}.introLinks a{color:var(--text);font-size:13px;font-weight:700;text-decoration:none}.introLinks a:hover{text-decoration:underline}footer{border-top:1px solid var(--line);color:var(--muted);margin-top:72px;padding-top:20px;font-size:11px}.toolPanel{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-top:34px;padding:28px}.toolGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.toolField{flex-direction:column;gap:8px;min-width:0;display:flex}.toolField label{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.toolField input,.toolField textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:10px;outline:none;padding:11px 12px}.toolField input:focus,.toolField textarea:focus{border-color:#aaa;box-shadow:0 0 0 3px #f0f0f0}.toolField textarea{resize:vertical;min-height:180px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6}.toolActions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;display:flex}.toolActions button,.presetRow button,.cronResult button{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:9px;padding:9px 14px;font-size:13px;font-weight:600}.toolActions button:hover,.presetRow button:hover,.cronResult button:hover{background:var(--soft)}.resultBox{border:1px solid var(--line);background:#fcfcfc;border-radius:10px;margin-top:18px;padding:16px;overflow:auto}.resultBox code{white-space:pre-wrap;word-break:break-word;display:block}.notice{color:var(--muted);margin:16px 0 0;font-size:12px;line-height:1.6}.toolError{color:#9b2c2c;background:#fff5f5;border-radius:9px;margin:14px 0 0;padding:10px 12px;font-size:13px}.bigValue{text-align:center;letter-spacing:.04em;font-size:32px;display:block}.reactionArea{border:1px solid var(--line);background:var(--soft);letter-spacing:.06em;border-radius:14px;width:100%;min-height:260px;font-size:32px;font-weight:800}.reactionArea:hover{background:#ededed}.mazeGrid{grid-template-columns:repeat(7,44px);gap:4px;margin:auto;display:grid}.mazeCell{border:1px solid var(--line);background:#fff;border-radius:6px;place-items:center;width:44px;height:44px;font-size:16px;display:grid}.mazeCell.player{background:var(--soft);font-weight:800}.mazeCell.goal{background:#f4f4f4}.slotReels{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:540px;margin:auto;display:grid}.slotReel{border:1px solid var(--line);background:var(--soft);border-radius:14px;place-items:center;min-height:120px;font-size:52px;display:grid}.toolPanel>small{color:var(--muted);margin-top:16px;font-size:11px;display:block}.gamePanel{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;align-items:center;margin-top:34px;padding:28px;display:flex}.gameControls{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px;width:100%;padding-bottom:22px;display:flex}.gameControls label{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.gameControls select,.gameControls button{border:1px solid var(--line);background:var(--panel);min-height:38px;color:var(--text);border-radius:8px;padding:7px 10px;font-size:13px}.gameControls button{font-weight:700}.gameControls button:hover:not(:disabled){background:var(--soft)}.gameControls button:disabled{opacity:.4;cursor:default}.status{min-height:28px;margin:22px 0 12px;font-size:16px;font-weight:700}.board{grid-template-columns:repeat(3,100px);gap:8px;display:grid}.cell{border:1px solid var(--line);background:var(--panel);width:100px;height:100px;color:var(--text);border-radius:10px;place-items:center;font-size:42px;font-weight:700;display:grid}.cell:hover:not(:disabled){background:var(--soft)}.cell.filled{cursor:default}.cell.win{background:#e8ffea}.fieldLabel{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.toolInput{border:1px solid var(--line);width:100%;height:48px;color:var(--text);background:#fff;border-radius:10px;outline:none;padding:0 13px}.toolInput:focus{border-color:#aaa;box-shadow:0 0 0 3px #f0f0f0}.levelLabel{margin-top:24px}.praiseLevels{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.praiseLevel{border:1px solid var(--line);text-align:left;min-height:66px;color:var(--text);background:#fff;border-radius:10px;padding:10px 11px;transition:background .15s,border-color .15s}.praiseLevel:hover{background:var(--soft)}.praiseLevel.active{border-color:var(--text);background:var(--soft);box-shadow:inset 0 0 0 1px var(--text)}.praiseLevel strong,.praiseLevel span{display:block}.praiseLevel strong{font-size:13px}.praiseLevel span{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.3}.praiseButton{border:1px solid var(--text);background:var(--text);color:#fff;border-radius:10px;width:100%;margin-top:18px;padding:13px 16px;font-weight:700;transition:transform .1s,opacity .15s}.praiseButton:hover:not(:disabled){transform:translateY(-1px)}.praiseButton:disabled{opacity:.35;cursor:default}.praiseResult{border:1px solid var(--line);background:#fcfcfc;border-radius:14px;margin-top:18px;animation:.2s ease-out praiseIn;overflow:hidden}.resultHeader{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.08em;justify-content:space-between;align-items:center;padding:11px 14px;font-size:10px;font-weight:700;display:flex}.resultHeader button{color:var(--muted);background:0 0;border:0;padding:4px 0;font-size:11px;font-weight:700}.resultHeader button:hover{color:var(--text)}.praiseText{white-space:pre-line;padding:22px;font-size:15px;line-height:2}.reroll{border:1px solid var(--line);width:calc(100% - 44px);color:var(--text);background:#fff;border-radius:9px;margin:0 22px 22px;padding:11px;font-size:12px;font-weight:700;display:block}.reroll:hover{background:var(--soft)}@keyframes praiseIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.shell{width:min(100% - 24px,560px);padding-top:40px}.header{flex-direction:column;align-items:flex-start;padding-bottom:30px}.grid,.toolGrid{grid-template-columns:1fr}.count{display:none}.toolPanel{padding:18px}.gamePanel{padding:18px 12px}.board{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,330px)}.cell{aspect-ratio:1;width:auto;height:auto}.gameControls{align-items:stretch}.reactionArea{min-height:220px}.mazeGrid{grid-template-columns:repeat(7,minmax(0,1fr));width:min(100%,330px)}.mazeCell{aspect-ratio:1;width:auto;height:auto}.slotReels{gap:7px}.slotReel{min-height:90px;font-size:38px}.praiseLevels{grid-template-columns:repeat(2,minmax(0,1fr))}.praiseLevel:last-child{grid-column:1/-1}.praiseText{padding:18px}.reroll{width:calc(100% - 36px);margin:0 18px 18px}}@media (max-width:430px){.slotReel{min-height:78px;font-size:32px}}.app-home-fallback{z-index:1000;border:1px solid var(--line);color:var(--text);background:#fffffff5;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;position:fixed;top:14px;left:14px;box-shadow:0 2px 10px #0000000d}.app-home-fallback:hover{background:var(--soft)}@media (max-width:600px){.app-home-fallback{padding:8px 11px;font-size:12px;top:10px;left:10px}}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid .card{border-radius:12px;min-height:0;padding:18px}.grid .card .icon{border-radius:10px;width:40px;height:40px;font-size:21px}.grid .card h2{margin:16px 0 6px;font-size:18px}.grid .card p{font-size:13px;line-height:1.55}.grid .card .tags span{padding:4px 7px;font-size:10px}.grid .card .open{padding-top:16px}@media (max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid .card{padding:14px}.grid .card .icon{width:36px;height:36px;font-size:19px}.grid .card h2{overflow-wrap:anywhere;margin-top:13px;font-size:16px}.grid .card p{font-size:12px;line-height:1.5}.grid .card .tags{margin-top:10px}.grid .card .open{padding-top:14px;font-size:12px}}@media (max-width:360px){.grid{grid-template-columns:1fr}}.controls{gap:14px;padding-top:24px}.searchRow{align-items:center;gap:8px;display:flex}.search{border-radius:12px;gap:12px;min-width:0;height:54px;padding:0 16px;transition:border-color .15s,box-shadow .15s}.search:focus-within{border-color:#aaa;box-shadow:0 0 0 3px #0000000b}.search>span{font-size:25px;line-height:1}.search input{min-width:0;font-size:15px}.search input::placeholder{color:#999}.search kbd{border:1px solid var(--line);color:#888;border-radius:5px;flex:none;padding:4px 7px;font-size:10px;line-height:1.2}.searchClear{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:9px;flex:none;padding:10px 12px;font-size:12px}.searchClear:hover{background:var(--soft);color:var(--text)}.categories{gap:8px}.categories button{align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.categories button span{min-width:20px;height:20px;color:inherit;font-variant-numeric:tabular-nums;background:#0000000e;border-radius:999px;place-items:center;padding:0 5px;font-size:10px;display:inline-grid}.resultsMeta{min-height:20px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.resultsMeta button{color:var(--text);background:0 0;border:0;padding:3px 0;font-size:12px;font-weight:600}.resultsMeta button:hover{text-decoration:underline}.empty{text-align:center;border:1px dashed var(--line);background:#ffffff8c;border-radius:14px;flex-direction:column;align-items:center;padding:56px 20px;display:flex}.emptyIcon{background:var(--soft);width:48px;height:48px;color:var(--muted);border-radius:50%;place-items:center;font-size:28px;display:grid}.empty h2{margin:16px 0 6px;font-size:18px}.empty p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.empty button{border:1px solid var(--text);background:var(--text);color:#fff;border-radius:9px;margin-top:18px;padding:10px 14px;font-size:12px;font-weight:700}.empty button:hover{opacity:.82}@media (max-width:430px){.search{height:50px;padding:0 12px}.search input{font-size:13px}.search kbd{display:none}.categories{gap:6px}.categories button{gap:5px;padding:7px 9px;font-size:12px}.categories button span{min-width:18px;height:18px;padding:0 4px}}@media (max-width:700px){.controls{gap:10px;padding-top:20px;padding-bottom:22px}.searchRow,.categories{gap:6px}.resultsMeta{min-height:18px}.search input{font-size:16px}.searchRow .search{flex:auto;width:100%}.searchClear{padding:9px 10px}}.jankenPanel{width:100%;max-width:680px;margin-left:auto;margin-right:auto}.jankenMatch{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(12px,4vw,30px);width:100%;display:grid}.jankenPlayer{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.jankenLabel{color:var(--muted);font-size:13px;font-weight:700}.jankenHand{aspect-ratio:1;border:1px solid var(--line);background:var(--soft);border-radius:22px;place-items:center;width:clamp(84px,20vw,128px);font-size:clamp(42px,10vw,68px);line-height:1;display:grid}.jankenHandName{min-height:20px;color:var(--muted);font-size:13px}.jankenVs{color:#999;letter-spacing:.12em;font-size:12px;font-weight:800}.jankenResult{border:1px solid var(--line);text-align:center;background:#f7f7f7;border-radius:12px;width:100%;margin:22px 0 18px;padding:15px 12px;font-size:clamp(18px,4vw,24px);font-weight:800}.jankenResult--ready{color:var(--text)}.jankenResult--win{color:#17652a;background:#effbf1;border-color:#b8e7c0}.jankenResult--lose{color:#9b2929;background:#fff3f3;border-color:#f0caca}.jankenResult--draw{color:#7c5a10;background:#fff9e8;border-color:#eadbb0}.jankenChoices{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.jankenChoice{border:1px solid var(--line);min-height:104px;color:var(--text);touch-action:manipulation;background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:700;transition:transform .12s,border-color .12s,background .12s;display:flex}.jankenChoice:hover{background:var(--soft);border-color:#bbb;transform:translateY(-2px)}.jankenChoice:active{transform:scale(.98)}.jankenChoice:focus-visible,.jankenReset:focus-visible{outline-offset:3px;outline:3px solid #9dbcfb}.jankenChoiceHand{font-size:36px;line-height:1}.jankenHint{color:var(--muted);text-align:center;margin:14px 0 0;font-size:12px;line-height:1.6}.jankenReset{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:9px;margin-top:16px;padding:8px 12px;font-size:12px}.jankenReset:hover{background:var(--soft);color:var(--text)}@media (max-width:480px){.jankenPanel{padding:18px 12px}.jankenMatch{gap:8px}.jankenHand{border-radius:16px}.jankenChoice{border-radius:12px;min-height:88px}.jankenChoiceHand{font-size:32px}}.categoryHeading{color:var(--text);justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;font-weight:700;display:flex}.categoryHint{color:var(--muted);font-size:11px;font-weight:400}.categories button{align-items:center;gap:8px;min-height:38px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.categories button span{min-width:22px;color:inherit;background:#0000000e;border-radius:999px;place-items:center;padding:2px 6px;font-size:11px;line-height:1.3;display:inline-grid}.categories button.active span{background:#ffffff2e}.resultsSummary{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.resultsSummary strong{color:var(--text);font-size:15px}.resetFilters{color:var(--muted);background:0 0;border:0;border-radius:7px;flex:none;padding:6px 8px;font-size:12px;font-weight:700}.resetFilters:hover{background:var(--soft);color:var(--text)}.emptyState{text-align:center;border:1px dashed var(--line);background:#ffffff8c;border-radius:14px;flex-direction:column;align-items:center;padding:56px 20px 64px;display:flex}.emptyState h2{margin:18px 0 8px;font-size:18px}.emptyState p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.emptyState button{border:1px solid var(--text);background:var(--text);color:#fff;border-radius:9px;margin-top:20px;padding:10px 15px;font-size:12px;font-weight:700}.emptyState button:hover{opacity:.82}@media (max-width:600px){.categoryHeading{flex-direction:column;align-items:flex-start;gap:4px}.categoryHint{font-size:10px}.categories{gap:7px}.categories button{min-height:36px;padding:7px 11px;font-size:12px}.resultsSummary{align-items:flex-start}.emptyState{padding:42px 16px 48px}}.randomPlanner{max-width:760px}.randomPlannerPanel{align-items:stretch;padding:clamp(20px,4vw,32px)}.randomPlannerSectionHead{justify-content:space-between;align-items:center;gap:16px;display:flex}.randomPlannerStep{color:var(--muted);letter-spacing:.14em;margin:0 0 5px;font-size:10px;font-weight:800}.randomPlannerSectionHead h2{letter-spacing:-.03em;margin:0;font-size:21px}.randomPlannerCount{border:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums;background:#fff;border-radius:999px;flex:none;padding:6px 10px;font-size:12px;font-weight:700}.randomPlannerHelp{color:var(--muted);margin:10px 0 22px;font-size:13px;line-height:1.7}.randomPlannerLabel{color:var(--text);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.randomPlannerTextarea{border:1px solid var(--line);resize:vertical;width:100%;min-height:168px;color:var(--text);background:#fff;border-radius:12px;outline:none;padding:15px 16px;font-size:15px;line-height:1.85;transition:border-color .15s,box-shadow .15s;display:block}.randomPlannerTextarea:focus{border-color:#999;box-shadow:0 0 0 4px #0000000b}.randomPlannerTextarea::placeholder{color:#aaa}.randomPlannerInputHelp{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.7}.randomPlannerError{color:#a12c2c;align-items:center;gap:8px;margin:12px 0 0;font-size:13px;display:flex}.randomPlannerError span{background:#fff0f0;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-weight:800;display:grid}.randomPlannerActions{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:22px;display:grid}.randomPlannerPrimary,.randomPlannerSecondary,.randomPlannerReroll{border-radius:10px;min-height:48px;padding:12px 16px;font-size:14px;font-weight:750;transition:transform .12s,background .12s,border-color .12s,opacity .12s}.randomPlannerPrimary{border:1px solid var(--text);background:var(--text);color:#fff}.randomPlannerPrimary:hover{opacity:.86;transform:translateY(-1px)}.randomPlannerSecondary{border:1px solid var(--line);color:var(--text);background:#fff}.randomPlannerSecondary:hover,.randomPlannerReroll:hover{background:var(--soft)}.randomPlannerPrimary:focus-visible,.randomPlannerSecondary:focus-visible,.randomPlannerReroll:focus-visible{outline-offset:3px;outline:3px solid #9dbcfb}.randomPlannerResult{border:1px dashed var(--line);text-align:center;background:#fff9;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:205px;margin-top:18px;padding:28px 20px;display:flex}.randomPlannerWaitingIcon{background:var(--soft);width:42px;height:42px;color:var(--muted);border-radius:50%;place-items:center;font-size:22px;display:grid}.randomPlannerResult h2{margin:14px 0 7px;font-size:16px}.randomPlannerResult>p:last-child{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.randomPlannerResult.isSelected{background:linear-gradient(145deg,#f8fcf7,#fff);border-style:solid;border-color:#d9e8d9;animation:.22s ease-out randomPlannerIn}.randomPlannerResultEyebrow{color:#527453;letter-spacing:.16em;margin:0 0 12px;font-size:10px;font-weight:800}.randomPlannerResultEyebrow span{margin-right:5px}.randomPlannerResult .randomPlannerResultValue{overflow-wrap:anywhere;letter-spacing:-.04em;max-width:100%;margin:8px 0 20px;font-size:clamp(28px,6vw,42px);line-height:1.25}.randomPlannerReroll{border:1px solid var(--line);min-height:40px;color:var(--text);background:#fff;font-size:12px}@keyframes randomPlannerIn{0%{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.randomPlannerPanel{padding:20px 16px}.randomPlannerSectionHead h2{font-size:19px}.randomPlannerTextarea{min-height:148px;font-size:16px}.randomPlannerActions{grid-template-columns:1fr}.randomPlannerPrimary{min-height:52px}.randomPlannerSecondary{min-height:42px}.randomPlannerResult{min-height:180px;padding:24px 16px}}@media (prefers-reduced-motion:reduce){.randomPlannerPrimary,.randomPlannerSecondary,.randomPlannerReroll{transition:none}.randomPlannerResult.isSelected{animation:none}}.twoChoice{max-width:760px}.twoChoicePanel{padding:clamp(20px,4vw,32px)}.twoChoiceIntro{margin-bottom:24px}.twoChoiceStep{color:var(--muted);letter-spacing:.15em;font-size:10px;font-weight:800}.twoChoiceIntro h2{letter-spacing:-.035em;margin:8px 0 6px;font-size:24px}.twoChoiceIntro p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.twoChoiceOptions{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:center;gap:12px;display:grid}.twoChoiceOption{border:1px solid var(--line);background:#fff;border-radius:13px;min-width:0;padding:16px;transition:border-color .15s,background .15s}.twoChoiceOption label{color:var(--muted);align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.twoChoiceLetter{background:var(--soft);width:25px;height:25px;color:var(--text);border-radius:7px;place-items:center;font-size:12px;font-weight:800;display:grid}.twoChoiceOption input{border:1px solid var(--line);width:100%;min-width:0;height:42px;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:0 10px;font-size:15px;display:block}.twoChoiceOption input:focus{border-color:#999;box-shadow:0 0 0 3px #0000000b}.twoChoiceOption input::placeholder{color:#aaa}.twoChoiceOption.isWinner{background:#f7fcf6;border-color:#b9d9b8}.twoChoiceOption.isWinner .twoChoiceLetter{color:#376c37;background:#e5f4e2}.twoChoiceVs{color:#999;letter-spacing:.12em;place-items:center;font-size:10px;font-weight:800;display:grid}.twoChoiceError{color:#a12c2c;margin:12px 0 0;font-size:13px}.twoChoiceSpin{border:1px solid var(--text);background:var(--text);color:#fff;border-radius:10px;width:100%;min-height:50px;margin-top:22px;padding:13px 16px;font-size:14px;font-weight:750;transition:transform .12s,opacity .12s;display:block}.twoChoiceSpin:hover{opacity:.86;transform:translateY(-1px)}.twoChoiceSpin:focus-visible,.twoChoiceAgain:focus-visible{outline-offset:3px;outline:3px solid #9dbcfb}.twoChoiceResult{border:1px dashed var(--line);text-align:center;background:#ffffff8c;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:128px;margin-top:16px;padding:20px;display:flex}.twoChoiceWaiting{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);border-radius:50%;place-items:center;font-size:18px;display:grid}.twoChoiceResultPlaceholder{color:var(--muted);margin:0;font-size:12px}.twoChoiceResult.isPicked{background:linear-gradient(145deg,#f8fcf7,#fff);border-style:solid;border-color:#d9e8d9;animation:.2s ease-out twoChoiceIn}.twoChoiceResultLabel{color:#527453;letter-spacing:.15em;font-size:10px;font-weight:800}.twoChoiceResultValue{overflow-wrap:anywhere;letter-spacing:-.04em;max-width:100%;margin:0;font-size:clamp(26px,5vw,36px);font-weight:800;line-height:1.3}.twoChoiceAgain{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:8px;margin-top:3px;padding:8px 12px;font-size:12px;font-weight:700}.twoChoiceAgain:hover{background:var(--soft)}@keyframes twoChoiceIn{0%{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.twoChoicePanel{padding:20px 16px}.twoChoiceIntro h2{font-size:21px}.twoChoiceOptions{grid-template-columns:minmax(0,1fr);gap:9px}.twoChoiceOption{padding:13px}.twoChoiceOption label{margin-bottom:9px}.twoChoiceVs{min-height:16px}.twoChoiceSpin{min-height:52px}}@media (prefers-reduced-motion:reduce){.twoChoiceOption,.twoChoiceSpin{transition:none}.twoChoiceResult.isPicked{animation:none}}.quoteGacha{max-width:760px}.quoteGachaPanel{padding:clamp(22px,4vw,36px)}.quoteGachaIntro{margin-bottom:26px}.quoteGachaOverline{color:var(--muted);letter-spacing:.16em;font-size:10px;font-weight:800}.quoteGachaIntro h2{letter-spacing:-.035em;margin:9px 0 8px;font-size:clamp(20px,3vw,25px)}.quoteGachaIntro p{max-width:560px;color:var(--muted);margin:0;font-size:13px;line-height:1.8}.quoteGachaCard{text-align:center;background:linear-gradient(145deg,#fbf8f1,#fffdf9 70%);border:1px solid #e9e3d8;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:36px 26px 24px;display:flex;position:relative;overflow:hidden}.quoteGachaCard:before,.quoteGachaCard:after{content:"";pointer-events:none;border:1px solid #a48b5e1f;border-radius:50%;width:170px;height:170px;position:absolute}.quoteGachaCard:before{top:-115px;left:-70px}.quoteGachaCard:after{width:220px;height:220px;bottom:-125px;right:-100px}.quoteGachaMark{color:#c7b48e;height:36px;font-family:Georgia,serif;font-size:72px;line-height:1}.quoteGachaLabel{color:#8c7a5c;letter-spacing:.16em;margin-top:6px;font-size:10px;font-weight:800}.quoteGachaQuote{color:#29261f;letter-spacing:-.045em;overflow-wrap:anywhere;max-width:540px;margin:18px 0 24px;font-size:clamp(23px,4.5vw,34px);font-weight:750;line-height:1.65}.quoteGachaPlaceholder{color:#6f695e;margin:18px 0 24px;font-size:clamp(18px,3.5vw,24px);line-height:1.7}.quoteGachaNumber{color:#9b907d;letter-spacing:.15em;font-variant-numeric:tabular-nums;font-size:9px;font-weight:800}.quoteGachaCard.isRevealed{animation:.25s ease-out quoteGachaReveal}.quoteGachaDraw{color:#fff;background:#29261f;border:1px solid #29261f;border-radius:10px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:52px;margin-top:18px;padding:13px 18px;font-size:14px;font-weight:750;transition:transform .12s,opacity .12s;display:flex}.quoteGachaDraw:hover{opacity:.88;transform:translateY(-1px)}.quoteGachaDraw:focus-visible{outline-offset:3px;outline:3px solid #c7b48e}.quoteGachaDraw span{color:#e7d5ad}.quoteGachaHint{color:var(--muted);text-align:center;margin:12px 0 0;font-size:11px;line-height:1.7}@keyframes quoteGachaReveal{0%{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.quoteGachaPanel{padding:20px 16px}.quoteGachaIntro{margin-bottom:20px}.quoteGachaCard{min-height:225px;padding:30px 18px 22px}.quoteGachaQuote{margin:16px 0 22px}.quoteGachaDraw{min-height:54px}}@media (prefers-reduced-motion:reduce){.quoteGachaDraw{transition:none}.quoteGachaCard.isRevealed{animation:none}}.coffeeDiagnosis{max-width:760px}.coffeeDiagnosisPanel{padding:clamp(22px,4vw,36px)}.coffeeDiagnosisIntro{margin-bottom:26px}.coffeeDiagnosisKicker,.coffeeDiagnosisProgressMeta{color:#8b6b4a;letter-spacing:.15em;font-size:10px;font-weight:850}.coffeeDiagnosisIntro h2{letter-spacing:-.04em;margin:9px 0 7px;font-size:clamp(21px,3vw,27px)}.coffeeDiagnosisIntro p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.coffeeDiagnosisProgress{margin-bottom:28px}.coffeeDiagnosisProgressMeta{justify-content:space-between;margin-bottom:9px;display:flex}.coffeeDiagnosisProgressTrack{background:#eee8df;border-radius:99px;height:5px;overflow:hidden}.coffeeDiagnosisProgressTrack span{border-radius:inherit;background:#8b6b4a;height:100%;transition:width .2s;display:block}.coffeeDiagnosisQuestion{animation:.2s ease-out coffeeDiagnosisIn}.coffeeDiagnosisQuestion h3{margin:0 0 18px;font-size:clamp(19px,3vw,24px);line-height:1.55}.coffeeDiagnosisOptions{gap:10px;display:grid}.coffeeDiagnosisOption{border:1px solid var(--line);min-height:58px;color:var(--text);text-align:left;background:#fff;border-radius:12px;align-items:center;gap:13px;padding:12px 15px;font-size:14px;font-weight:650;transition:border-color .15s,background .15s;display:flex}.coffeeDiagnosisOption:hover{border-color:#c9b49b}.coffeeDiagnosisOption:focus-visible,.coffeeDiagnosisNext:focus-visible,.coffeeDiagnosisBack:focus-visible{outline-offset:3px;outline:3px solid #c6aa8a}.coffeeDiagnosisOption.isSelected{background:#fbf6ef;border-color:#96704d}.coffeeDiagnosisOptionLetter{color:#7a6046;background:#f3eee8;border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:850;display:grid}.coffeeDiagnosisOption.isSelected .coffeeDiagnosisOptionLetter{color:#fff;background:#8b6b4a}.coffeeDiagnosisOptionCheck{color:#8b6b4a;margin-left:auto;font-weight:850}.coffeeDiagnosisNav{justify-content:space-between;gap:12px;margin-top:24px;display:flex}.coffeeDiagnosisNext,.coffeeDiagnosisBack{border:1px solid #4a3829;border-radius:10px;min-height:48px;padding:12px 18px;font-size:13px;font-weight:750}.coffeeDiagnosisNext{color:#fff;background:#4a3829;justify-content:center;align-items:center;gap:12px;display:flex}.coffeeDiagnosisNext:hover:not(:disabled){opacity:.88}.coffeeDiagnosisNext:disabled{cursor:not-allowed;opacity:.38}.coffeeDiagnosisBack{border-color:var(--line);color:var(--text);background:#fff}.coffeeDiagnosisBack:disabled{opacity:.35}.coffeeDiagnosisResult{text-align:center;flex-direction:column;align-items:center;padding:8px 0 0;animation:.25s ease-out coffeeDiagnosisIn;display:flex}.coffeeDiagnosisResultEyebrow{color:var(--muted);margin:20px 0 0;font-size:12px}.coffeeDiagnosisResultEmoji{background:radial-gradient(circle at 35% 30%,#fffdf8,#f1e6d7);border:1px solid #e9dfd1;border-radius:50%;place-items:center;width:112px;height:112px;margin:15px 0 12px;font-size:56px;display:grid}.coffeeDiagnosisResult h2{letter-spacing:-.04em;margin:5px 0 8px;font-size:clamp(23px,4vw,32px)}.coffeeDiagnosisFlavor{color:#8b6b4a;margin:0;font-size:12px;font-weight:750}.coffeeDiagnosisResultText{max-width:500px;color:var(--muted);margin:18px 0 0;font-size:14px;line-height:1.9}.coffeeDiagnosisMatch{text-align:left;background:#fbf7f1;border:1px solid #e9dfd1;border-radius:12px;width:100%;margin-top:24px;padding:17px 20px}.coffeeDiagnosisMatch span{color:#8b6b4a;letter-spacing:.12em;font-size:10px;font-weight:850}.coffeeDiagnosisMatch p{color:#4c4034;margin:7px 0 0;font-size:13px;line-height:1.7}.coffeeDiagnosisRetry{width:100%;margin-top:18px}@keyframes coffeeDiagnosisIn{0%{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.coffeeDiagnosisPanel{padding:20px 16px}.coffeeDiagnosisOption{min-height:56px;padding:11px 12px}.coffeeDiagnosisNext{flex:1}.coffeeDiagnosisResultEmoji{width:100px;height:100px;font-size:50px}}@media (prefers-reduced-motion:reduce){.coffeeDiagnosisProgressTrack span,.coffeeDiagnosisOption,.coffeeDiagnosisNext{transition:none}.coffeeDiagnosisQuestion,.coffeeDiagnosisResult{animation:none}}.aiGuide{max-width:900px}.aiGuideHeader{align-items:center}.aiGuideHeroMark{color:#315c4e;background:radial-gradient(circle at 35% 30%,#fff,#eaf3ef);border:1px solid #dce7e3;border-radius:50%;flex-direction:column;flex:0 0 116px;justify-content:center;align-items:center;gap:2px;width:116px;height:116px;display:flex}.aiGuideHeroMark span{font-size:42px;line-height:1.1}.aiGuideHeroMark small{letter-spacing:.18em;text-align:center;font-size:9px;font-weight:850;line-height:1.5}.aiGuideSection{padding:38px 0 0}.aiGuideSectionHeading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.aiGuideKicker{color:#4e7869;letter-spacing:.15em;margin:0 0 8px;font-size:10px;font-weight:850}.aiGuideSectionHeading h2,.aiGuideChecklist h2{letter-spacing:-.04em;margin:0;font-size:clamp(22px,3.5vw,29px)}.aiGuideSectionHeading>p,.aiGuideChecklist>div:first-child>p:last-child{max-width:360px;color:var(--muted);margin:0;font-size:12px;line-height:1.8}.aiGuideCards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.aiGuideCard{border:1px solid var(--line);min-height:184px;color:var(--text);text-align:left;background:#fff;border-radius:13px;flex-direction:column;align-items:flex-start;padding:18px;transition:border-color .15s,background .15s,transform .15s;display:flex}.aiGuideCard:hover{border-color:#a8c2b7;transform:translateY(-2px)}.aiGuideCard:focus-visible,.aiGuideCopy:focus-visible{outline-offset:3px;outline:3px solid #b8d0c5}.aiGuideCard.isSelected{background:#f4f8f6;border-color:#507b6b;box-shadow:inset 0 0 0 1px #507b6b}.aiGuideCardIcon{background:#f7faf8;border:1px solid #e2ebe6;border-radius:10px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.aiGuideCardTitle{letter-spacing:-.02em;margin-top:15px;font-size:14px;font-weight:800}.aiGuideCardSummary{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.7}.aiGuideCardMeta{color:#4e7869;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:13px;font-size:10px;font-weight:750;display:flex}.aiGuideDetail{border:1px solid var(--line);background:#fff;border-radius:16px;margin-top:28px;padding:clamp(20px,4vw,32px)}.aiGuideDetailTop{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding-bottom:22px;display:flex}.aiGuideDetailIcon{background:#edf5f0;border-radius:14px;flex:0 0 54px;place-items:center;width:54px;height:54px;font-size:26px;display:grid}.aiGuideDetailTop .aiGuideKicker{margin-bottom:6px}.aiGuideDetailTop h2{letter-spacing:-.04em;margin:0;font-size:clamp(21px,3vw,27px)}.aiGuideDetailTop>div:last-child>p:last-child{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.7}.aiGuideSteps{gap:0;margin:0;padding:8px 0 24px;list-style:none;display:grid}.aiGuideSteps li{border-bottom:1px solid #f0f0f0;align-items:flex-start;gap:14px;padding:14px 0;display:flex}.aiGuideSteps li>span{color:#4e7869;background:#f0f5f2;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:850;display:grid}.aiGuideSteps li p{margin:4px 0 0;font-size:13px;line-height:1.7}.aiGuidePrompt{background:#f8fbf9;border:1px solid #dce8e1;border-radius:13px;padding:22px}.aiGuidePromptHeading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.aiGuidePromptHeading h3{letter-spacing:-.03em;margin:0;font-size:18px}.aiGuidePromptHeading>span{color:#638474;letter-spacing:.12em;white-space:nowrap;border:1px solid #dce8e1;border-radius:6px;padding:6px 8px;font-size:8px;font-weight:850}.aiGuidePromptHelp{color:var(--muted);margin:12px 0;font-size:11px;line-height:1.7}.aiGuidePrompt pre{color:#29352f;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #e7ece8;border-radius:9px;max-height:340px;margin:0;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.85;overflow:auto}.aiGuideCopy{color:#fff;background:#315c4e;border:1px solid #315c4e;border-radius:9px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:46px;margin-top:12px;padding:12px 16px;font-size:12px;font-weight:800;display:flex}.aiGuideCopy:hover{background:#264b3f}.aiGuideTip{background:#fffaf0;border:1px solid #f0e5cf;border-radius:11px;gap:12px;margin-top:18px;padding:16px;display:flex}.aiGuideTip>span{color:#ad8742;font-size:18px}.aiGuideTip strong{font-size:12px}.aiGuideTip p{color:#6e624e;margin:5px 0 0;font-size:12px;line-height:1.8}.aiGuideChecklist{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:1fr 1.1fr;gap:28px;margin-top:28px;padding:26px;display:grid}.aiGuideChecklist h2{font-size:22px}.aiGuideChecklist>div:first-child>p:last-child{margin-top:10px}.aiGuideCheckItems{gap:10px;display:grid}.aiGuideCheckItems label{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;align-items:flex-start;gap:10px;padding:11px 12px;font-size:12px;line-height:1.7;display:flex}.aiGuideCheckItems label.isChecked{color:#456b59;background:#f4f8f5;border-color:#c9ddd2}.aiGuideCheckItems input{accent-color:#315c4e;margin-top:3px}.aiGuideCheckProgress{color:var(--muted);text-align:right;margin:0;font-size:11px}@media (max-width:700px){.aiGuideHeroMark{flex-basis:86px;width:86px;height:86px}.aiGuideHeroMark span{font-size:32px}.aiGuideCards{grid-template-columns:repeat(2,minmax(0,1fr))}.aiGuideSectionHeading{display:block}.aiGuideSectionHeading>p{margin-top:9px}.aiGuideChecklist{grid-template-columns:1fr;gap:18px}}@media (max-width:480px){.aiGuideHeader{align-items:flex-start}.aiGuideHeroMark{flex-basis:64px;width:64px;height:64px}.aiGuideHeroMark span{font-size:25px}.aiGuideHeroMark small{font-size:7px}.aiGuideCards{gap:8px}.aiGuideCard{min-height:174px;padding:13px}.aiGuideCardTitle{font-size:13px}.aiGuideCardSummary{font-size:10px}.aiGuideDetail{padding:18px 14px}.aiGuidePrompt{padding:15px}.aiGuidePromptHeading{display:block}.aiGuidePromptHeading>span{margin-top:9px;display:inline-block}.aiGuideChecklist{padding:20px 16px}}@media (prefers-reduced-motion:reduce){.aiGuideCard{transition:none}}.aiEarning{max-width:850px}.aiEarningHeader{align-items:center}.aiEarningHero{color:#315c4e;background:radial-gradient(circle at 35% 30%,#fff,#eaf4ed);border:1px solid #d9e7df;border-radius:50%;flex-direction:column;flex:0 0 108px;justify-content:center;align-items:center;gap:3px;width:108px;height:108px;display:flex}.aiEarningHero span{font-size:42px;line-height:1}.aiEarningHero small{letter-spacing:.16em;text-align:center;font-size:9px;font-weight:850;line-height:1.5}.aiEarningPanel{border:1px solid var(--line);background:#fff;border-radius:16px;margin-top:24px;padding:clamp(20px,4vw,34px)}.aiEarningKicker{color:#4e7869;letter-spacing:.15em;margin:0 0 8px;font-size:10px;font-weight:850;display:block}.aiEarningIntro h2{letter-spacing:-.04em;margin:0;font-size:clamp(22px,3.5vw,29px)}.aiEarningIntro>p{color:var(--muted);margin:9px 0 0;font-size:12px;line-height:1.8}.aiEarningProgress{margin:28px 0 26px}.aiEarningProgress>div:first-child{color:#60766a;letter-spacing:.08em;justify-content:space-between;font-size:10px;font-weight:800;display:flex}.aiEarningTrack{background:#edf1ee;border-radius:99px;height:5px;margin-top:10px;overflow:hidden}.aiEarningTrack span{background:#477561;border-radius:99px;height:100%;transition:width .2s;display:block}.aiEarningQuestion h3{letter-spacing:-.03em;margin:0;font-size:clamp(19px,3vw,24px)}.aiEarningQuestion>p{color:var(--muted);margin:7px 0 18px;font-size:12px;line-height:1.7}.aiEarningOptions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.aiEarningOption{border:1px solid var(--line);min-height:68px;color:var(--text);text-align:left;background:#fff;border-radius:10px;align-items:center;gap:12px;padding:13px 14px;transition:border-color .15s,background .15s;display:flex}.aiEarningOption:hover{border-color:#a8c2b7}.aiEarningOption:focus-visible,.aiEarningPrimary:focus-visible,.aiEarningPrompt button:focus-visible,.aiEarningRestart:focus-visible{outline-offset:3px;outline:3px solid #b8d0c5}.aiEarningOption>span{color:#587a68;background:#f7faf8;border:1px solid #e5ebe7;border-radius:8px;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:10px;font-weight:850;display:grid}.aiEarningOption strong{flex:1;font-size:12px;line-height:1.65}.aiEarningOption i{color:#315c4e;font-size:15px;font-style:normal}.aiEarningOption.isSelected{background:#f3f8f5;border-color:#507b6b;box-shadow:inset 0 0 0 1px #507b6b}.aiEarningNav{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.aiEarningNav button,.aiEarningRestart{border:1px solid var(--line);min-height:44px;color:var(--text);background:#fff;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:750}.aiEarningNav button:disabled{opacity:.4;cursor:not-allowed}.aiEarningNav .aiEarningPrimary{color:#fff;background:#315c4e;border-color:#315c4e}.aiEarningPrimary span{margin-left:8px}.aiEarningResult{text-align:center}.aiEarningResultLabel{color:var(--muted);margin:0;font-size:12px}.aiEarningResultIcon{background:#f1f7f3;border:1px solid #dce8e1;border-radius:22px;place-items:center;width:76px;height:76px;margin:18px auto 12px;font-size:37px;display:grid}.aiEarningResult h2{letter-spacing:-.04em;margin:0;font-size:clamp(25px,4vw,34px)}.aiEarningTagline{color:#477561;margin:9px 0 0;font-size:14px;font-weight:750}.aiEarningFit{max-width:570px;color:var(--muted);margin:14px auto 22px;font-size:13px;line-height:1.9}.aiEarningFirst,.aiEarningCaution{text-align:left;background:#f6faf7;border:1px solid #dce8e1;border-radius:11px;padding:17px 19px}.aiEarningFirst>span,.aiEarningCaution>span{color:#477561;letter-spacing:.05em;font-size:11px;font-weight:850}.aiEarningFirst p,.aiEarningCaution p{margin:7px 0 0;font-size:12px;line-height:1.9}.aiEarningRoadmap{text-align:left;margin:22px 0}.aiEarningRoadmap h3,.aiEarningPrompt h3{letter-spacing:-.02em;margin:0;font-size:16px}.aiEarningRoadmap ol{counter-reset:roadmap;gap:9px;margin:13px 0 0;padding:0;list-style:none;display:grid}.aiEarningRoadmap li{counter-increment:roadmap;align-items:flex-start;gap:11px;font-size:12px;line-height:1.8;display:flex}.aiEarningRoadmap li:before{content:counter(roadmap,decimal-leading-zero);color:#477561;background:#edf4ef;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:9px;font-weight:850;display:grid}.aiEarningCaution{background:#fffaf0;border-color:#f0e5cf}.aiEarningCaution>span{color:#98743d}.aiEarningPrompt{border:1px solid var(--line);text-align:left;background:#fbfcfb;border-radius:11px;margin-top:18px;padding:19px}.aiEarningPrompt>p{color:var(--muted);margin:8px 0 12px;font-size:11px;line-height:1.7}.aiEarningPrompt pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #e6ebe7;border-radius:8px;max-height:300px;margin:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.8;overflow:auto}.aiEarningPrompt button{color:#fff;background:#315c4e;border:1px solid #315c4e;border-radius:8px;width:100%;min-height:44px;margin-top:11px;padding:11px 14px;font-size:12px;font-weight:800}.aiEarningRestart{margin-top:17px}.aiEarningDisclaimer{max-width:560px;color:var(--muted);margin:18px auto 0;font-size:10px;line-height:1.8}@media (max-width:600px){.aiEarningHero{flex-basis:76px;width:76px;height:76px}.aiEarningHero span{font-size:30px}.aiEarningHero small{font-size:7px}.aiEarningOptions{grid-template-columns:1fr}.aiEarningOption{min-height:58px}.aiEarningPanel{padding:20px 15px}.aiEarningPrompt{padding:14px}}@media (prefers-reduced-motion:reduce){.aiEarningTrack span,.aiEarningOption{transition:none}}.aiPromptBuilder{max-width:1120px}.aiPromptHeader{align-items:center}.aiPromptHero{color:#315c4e;background:linear-gradient(145deg,#f9fcfa,#eaf3ee);border:1px solid #dce7e1;border-radius:28px;flex-direction:column;flex:0 0 100px;justify-content:center;align-items:center;gap:4px;width:100px;height:100px;display:flex;transform:rotate(3deg)}.aiPromptHero span{font-size:37px;line-height:1}.aiPromptHero small{letter-spacing:.14em;text-align:center;font-size:9px;font-weight:850;line-height:1.5}.aiPromptLayout{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start;gap:18px;margin-top:24px;display:grid}.aiPromptPanel,.aiPromptPreview{border:1px solid var(--line);background:#fff;border-radius:15px;min-width:0;padding:clamp(18px,3vw,26px)}.aiPromptSectionHead{align-items:center;gap:12px;margin-bottom:20px;display:flex}.aiPromptSectionHead>span{color:#477561;background:#edf4ef;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:850;display:grid}.aiPromptSectionHead h2,.aiPromptPreviewTop h2{letter-spacing:-.035em;margin:0;font-size:19px}.aiPromptSectionHead p{color:var(--muted);margin:4px 0 0;font-size:11px}.aiPromptPurposes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:22px;display:grid}.aiPromptPurposes button{border:1px solid var(--line);min-height:48px;color:var(--text);text-align:left;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px 11px;font-size:11px;font-weight:700;display:flex}.aiPromptPurposes button span{color:#84948b;font-size:14px}.aiPromptPurposes button.isSelected{background:#f2f7f4;border-color:#507b6b;box-shadow:inset 0 0 0 1px #507b6b}.aiPromptPurposes button.isSelected span{color:#315c4e}.aiPromptField{flex-direction:column;gap:7px;margin-top:16px;display:flex}.aiPromptField label{flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.aiPromptField label span{color:#929992;font-size:9px;font-weight:500}.aiPromptField input,.aiPromptField textarea,.aiPromptField select{width:100%;min-width:0;color:var(--text);font:inherit;background:#fff;border:1px solid #e1e6e2;border-radius:8px;padding:11px 12px;font-size:12px;line-height:1.7}.aiPromptField textarea{resize:vertical}.aiPromptField input:focus,.aiPromptField textarea:focus,.aiPromptField select:focus{border-color:#739787;outline:3px solid #e5f0ea}.aiPromptTwoFields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.aiPromptReset{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;margin-top:20px;padding:9px 0;font-size:11px;text-decoration:underline}.aiPromptPreview{background:#fbfcfb;position:sticky;top:18px}.aiPromptPreviewTop{justify-content:space-between;align-items:center;gap:10px;display:flex}.aiPromptKicker{color:#4e7869;letter-spacing:.14em;margin-bottom:7px;font-size:9px;font-weight:850;display:block}.aiPromptLive{color:#477561;letter-spacing:.1em;white-space:nowrap;border:1px solid #dce8e1;border-radius:5px;padding:5px 7px;font-size:8px;font-weight:850}.aiPromptPreviewHint{color:var(--muted);margin:12px 0 14px;font-size:11px;line-height:1.8}.aiPromptPreview pre{color:#343b36;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #e4e9e5;border-radius:9px;min-height:320px;max-height:560px;margin:0;padding:15px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.9;overflow:auto}.aiPromptCopy{color:#fff;background:#315c4e;border:1px solid #315c4e;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:46px;margin-top:12px;padding:12px 15px;font-size:12px;font-weight:800;display:flex}.aiPromptCopy span{font-size:15px}.aiPromptTip{background:#f3f8f5;border:1px solid #dce8e1;border-radius:8px;align-items:flex-start;gap:10px;margin-top:16px;padding:13px;display:flex}.aiPromptTip>span{color:#477561;letter-spacing:.1em;font-size:9px;font-weight:900}.aiPromptTip p{color:#526158;margin:0;font-size:10px;line-height:1.8}.aiPromptPrivacy{color:#858b86;margin:14px 0 0;font-size:9px;line-height:1.8}.aiPromptPurposes button:focus-visible,.aiPromptCopy:focus-visible,.aiPromptReset:focus-visible{outline-offset:3px;outline:3px solid #b8d0c5}@media (max-width:760px){.aiPromptLayout{grid-template-columns:1fr}.aiPromptPreview{position:static}.aiPromptPreview pre{min-height:220px;max-height:420px}.aiPromptHero{border-radius:22px;flex-basis:78px;width:78px;height:78px}.aiPromptHero span{font-size:29px}.aiPromptHero small{font-size:7px}}@media (max-width:460px){.aiPromptPurposes{grid-template-columns:1fr}.aiPromptTwoFields{grid-template-columns:1fr;gap:0}.aiPromptPanel,.aiPromptPreview{padding:17px}}@media (min-width:701px){.searchRow .search{flex:auto;width:100%;max-width:760px}.searchRow{width:100%}}.siteIntro{max-width:none;margin-top:64px;padding:36px 0 0}.siteIntro>p:not(.eyebrow){max-width:820px}.introLinks{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px;display:grid}.introLinks button{border:1px solid var(--line);background:var(--panel);min-width:0;color:var(--text);text-align:left;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.introLinks button:hover{border-color:#cfcfcf;transform:translateY(-2px);box-shadow:0 8px 22px #0000000b}.introLinks button:focus-visible{outline-offset:3px;outline:3px solid #b8caff}.introLinkIcon{color:#356ae6;background:#eaf0ff;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:grid}.introLinkIcon--green{color:#278553;background:#e5f6ec}.introLinkIcon--orange{color:#b87523;background:#fff0dc}.introLinkCopy{flex-direction:column;flex:auto;gap:5px;min-width:0;display:flex}.introLinkCopy strong{font-size:14px}.introLinkCopy small{color:var(--muted);font-size:11px;line-height:1.5}.introLinkArrow{flex:none;font-size:18px}#app-list{scroll-margin-top:24px}@media (max-width:700px){.siteIntro{margin-top:48px;padding-top:28px}.introLinks{grid-template-columns:1fr;gap:9px;margin-top:20px}.introLinks button{padding:13px}.introLinkIcon{flex-basis:38px;width:38px;height:38px}}.introLinkCount{background:var(--soft);min-width:24px;height:24px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;place-items:center;padding:0 6px;font-size:11px;display:inline-grid}.introLinkIcon--purple{color:#7750b8;background:#f0e9ff}.introLinks button:hover .introLinkCount{color:var(--text);background:#ececec}.grid .card{border-color:#e5e7eb;border-radius:12px;gap:0;min-height:205px;padding:14px;transition:border-color .15s,box-shadow .15s;position:relative;box-shadow:0 1px 2px #10182806}.grid .card:hover{border-color:#d1d5db;box-shadow:0 6px 18px #1018280f}.grid .card .icon{background:#f2f4f7;border:0;border-radius:10px;width:40px;height:40px;font-size:21px}.grid .card h2{letter-spacing:-.02em;margin:11px 0 5px;font-size:16px;line-height:1.4}.grid .card p{color:#626b78;min-height:0;font-size:12px;line-height:1.55}.grid .card .tags{gap:5px;margin-top:10px}.grid .card .tags span{color:#667085;background:#f8f9fb;border:1px solid #eef0f3;border-radius:5px;padding:3px 6px;font-size:10px}.grid .card .featured{color:#1d4ed8;letter-spacing:0;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:700}.grid .card .open{z-index:2;color:#202733;border-top:1px solid #f0f1f3;align-items:center;min-height:34px;margin-top:8px;padding:9px 0 0;font-size:11px;position:relative}.grid .card .open span{font-size:14px}.grid .card .open.unavailable{color:#98a2b3;cursor:default}.grid .card .cardHitArea{z-index:1;border-radius:inherit;text-decoration:none;position:absolute;inset:0}.grid .card:focus-within{outline-offset:3px;outline:3px solid #c7d7fe}.grid .card .open:focus-visible{outline-offset:3px;border-radius:5px;outline:3px solid #a8c5ff}@media (prefers-reduced-motion:reduce){.grid .card{transition:none}}@media (max-width:700px){.grid .card{border-radius:11px;min-height:0;padding:11px}.grid .card .icon{width:34px;height:34px;font-size:18px}.grid .card h2{margin-top:10px;font-size:14px}.grid .card p{font-size:11px}.grid .card .tags{margin-top:8px}.grid .card .open{min-height:32px;margin-top:8px;font-size:10px}}.cardBadges{z-index:3;align-items:center;gap:8px;display:flex;position:relative}.favoriteButton{border:1px solid var(--line);color:#98a2b3;background:#fff;border-radius:999px;place-items:center;width:32px;height:32px;font-size:18px;line-height:1;display:grid}.favoriteButton:hover,.favoriteButton.isFavorite{color:#b7791f;background:#fffbeb;border-color:#f5d48b}.directoryToolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.viewTabs{border:1px solid var(--line);background:var(--panel);border-radius:999px;gap:6px;padding:4px;display:flex}.viewTabs button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:7px 12px;font-size:12px}.viewTabs button.active{background:var(--text);color:#fff}.recentSection{margin:28px 0 8px}.sectionHeading{justify-content:space-between;align-items:end;margin-bottom:12px;display:flex}.sectionHeading .eyebrow{margin:0 0 6px}.sectionHeading h2{letter-spacing:-.03em;margin:0;font-size:20px}.sectionHeading>span{color:var(--muted);font-size:11px}.recentList{gap:9px;padding:2px 1px 10px;display:flex;overflow-x:auto}.recentItem{border:1px solid var(--line);background:var(--panel);min-width:150px;color:var(--text);border-radius:11px;flex:none;align-items:center;gap:9px;padding:11px 13px;font-size:12px;text-decoration:none;display:flex}.recentItem:hover{background:var(--soft);border-color:#cbd5e1}.recentItem strong{font-weight:650}.recentItem>span:last-child{color:var(--muted);margin-left:auto}@media (max-width:700px){.directoryToolbar{align-items:flex-start}.viewTabs{width:100%}.viewTabs button{flex:1}.sectionHeading h2{font-size:18px}.recentItem{min-width:138px;padding:10px}}.gomokuBoard{aspect-ratio:1;background-color:#e8c98f;background-image:linear-gradient(90deg,#5b411f59 1px,#0000 1px),linear-gradient(#5b411f59 1px,#0000 1px);background-size:6.66667% 6.66667%;border:1px solid #c5a878;border-radius:8px;grid-template-columns:repeat(15,minmax(0,1fr));width:min(100%,570px);padding:5px;display:grid}.gomokuCell{background:0 0;border:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid}.gomokuCell:disabled{cursor:default}.gomokuStone{border-radius:50%;width:78%;height:78%;display:block;box-shadow:0 1px 3px #00000040}.gomokuBlack{background:radial-gradient(circle at 32% 28%,#555,#111 65%)}.gomokuWhite{background:radial-gradient(circle at 32% 28%,#fff,#e7e7e7 75%);border:1px solid #c8c8c8}.gomokuWin{background:#ffd7008c}.gomokuCell:focus-visible{outline-offset:-2px;border-radius:50%;outline:2px solid #2563eb}@media (max-width:520px){.gamePanel{padding:14px}.gomokuBoard{padding:3px}.gomokuStone{width:82%;height:82%}}.othelloScore{justify-content:center;gap:18px;margin:12px 0;display:flex}.othelloPlayer{border:1px solid var(--line);background:var(--panel);border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:13px;display:flex}.othelloPlayer b{font-variant-numeric:tabular-nums;font-size:16px}.othelloDisc{border-radius:50%;width:72%;height:72%;display:block;box-shadow:0 1px 3px #00000040}.othelloPlayer .othelloDisc{width:20px;height:20px}.othelloBlack{background:radial-gradient(circle at 32% 28%,#555,#111 65%)}.othelloWhite{background:radial-gradient(circle at 32% 28%,#fff,#e7e7e7 75%);border:1px solid #c8c8c8}.othelloBoard{aspect-ratio:1;background:#176b43;border:1px solid #174f35;border-radius:8px;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;width:min(100%,520px);margin:0 auto;padding:5px;display:grid}.othelloCell{background:#258653;border:0;border-radius:2px;place-items:center;min-width:0;min-height:0;padding:0;display:grid}.othelloCell:disabled{cursor:default}.othelloCell:not(:disabled):hover{background:#319965}.othelloCell .othelloDisc{width:82%;height:82%}.othelloHint{background:#ffffff6b;border-radius:50%;width:18%;height:18%}.othelloCell:focus-visible{outline-offset:-2px;outline:2px solid #facc15}@media (max-width:520px){.othelloBoard{gap:1px;padding:3px}.othelloScore{gap:8px}.othelloPlayer{padding:7px 10px;font-size:12px}}.dotsScore{justify-content:center;gap:12px;margin:12px 0;display:flex}.dotsPlayer{border:1px solid var(--line);background:var(--panel);border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:13px;display:flex}.dotsPlayer strong{font-variant-numeric:tabular-nums;font-size:16px}.dotsSwatch{border-radius:3px;width:13px;height:13px}.dotsBlue{background:#3478d4}.dotsRed{background:#e05252}.dotsBoard{aspect-ratio:1;background:#f4f6f8;border-radius:8px;flex-direction:column;width:min(100%,520px);margin:0 auto;padding:5px;display:flex}.dotsRow{flex:1;grid-template-columns:repeat(9,minmax(0,1fr));min-height:0;display:grid}.dotsDot{z-index:2;background:#344054;border-radius:50%;place-self:center;width:11px;height:11px}.dotsEdge{background:0 0;border:0;min-width:0;min-height:0;padding:0;position:relative}.dotsHorizontal{grid-column:span 1}.dotsVertical{grid-row:span 1}.dotsEdge:after{content:"";background:#d0d5dd;border-radius:4px;transition:background .12s;position:absolute}.dotsHorizontal:after{height:7px;top:50%;left:0;right:0;transform:translateY(-50%)}.dotsVertical:after{width:7px;top:0;bottom:0;left:50%;transform:translate(-50%)}.dotsEdge:not(:disabled):hover:after{background:#98a2b3}.dotsEdge.isDrawn.ownedBlue:after{background:#3478d4}.dotsEdge.isDrawn.ownedRed:after{background:#e05252}.dotsEdge:disabled{cursor:default}.dotsBox{background:0 0;border-radius:4px;margin:3px;display:block}.dotsBox.ownedBlue{background:#3478d447}.dotsBox.ownedRed{background:#e0525247}.dotsEdge:focus-visible{outline-offset:-2px;border-radius:4px;outline:2px solid #2563eb}@media (max-width:520px){.dotsBoard{padding:3px}.dotsDot{width:8px;height:8px}.dotsEdge:after{height:5px}.dotsVertical:after{width:5px}.dotsBox{margin:2px}}.checkersScore{justify-content:center;gap:12px;margin:12px 0;display:flex}.checkersPlayer{border:1px solid var(--line);background:var(--panel);border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:13px;display:flex}.checkersPlayer strong{font-variant-numeric:tabular-nums;font-size:16px}.checkersBoard{aspect-ratio:1;border:5px solid #9a7653;border-radius:7px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:min(100%,520px);margin:0 auto;display:grid;overflow:hidden}.checkersCell{border:0;border-radius:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.checkersCell.isLight{background:#f0dfc3}.checkersCell.isPlayable{background:#9b7655}.checkersCell:disabled{cursor:default}.checkersCell:not(:disabled):hover{filter:brightness(1.08)}.checkersCell.isSelected{box-shadow:inset 0 0 0 4px #facc15}.checkersPiece{aspect-ratio:1;box-sizing:border-box;border-radius:50%;place-items:center;width:76%;height:auto;font-size:clamp(13px,3vw,25px);font-weight:900;line-height:1;display:grid;position:relative;box-shadow:0 2px 4px #0000004d,inset 0 2px 3px #ffffff38}.checkersDark{color:#facc15;background:radial-gradient(circle at 32% 26%,#555,#171717 70%);border:2px solid #171717}.checkersLight{color:#9a6b27;background:radial-gradient(circle at 32% 26%,#fff,#dedede 75%);border:2px solid #c8c8c8}.checkersPiece.isKing{box-shadow:0 2px 4px #0000004d,inset 0 0 0 3px #facc15cc}.checkersHint{background:#ffffffa6;border-radius:50%;width:22%;height:22%;box-shadow:0 0 0 2px #0000001f}.checkersCell:focus-visible{outline-offset:-3px;z-index:2;outline:3px solid #2563eb}@media (max-width:520px){.checkersBoard{border-width:3px}.checkersScore{gap:7px}.checkersPlayer{padding:7px 10px;font-size:12px}.checkersPiece{border-width:1px;width:82%;height:auto}}.chessStatus{text-align:center;margin:18px 0 14px;font-size:20px;font-weight:800}.chessLayout{grid-template-columns:minmax(0,1fr) 190px;align-items:start;gap:18px;width:min(100%,720px);display:grid}.chessBoard{aspect-ratio:1;border:5px solid #8b6848;border-radius:8px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:100%;display:grid;overflow:hidden}.chessSquare{border:0;border-radius:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.chessSquare.light{background:#f0d9b5}.chessSquare.dark{background:#b58863}.chessSquare:disabled{cursor:default}.chessSquare:not(:disabled):hover{filter:brightness(1.08)}.chessSquare.selected{box-shadow:inset 0 0 0 4px #facc15}.chessSquare.lastMove:before{content:"";background:#facc1547;position:absolute;inset:0}.chessPiece{z-index:1;-webkit-user-select:none;user-select:none;place-items:center;width:88%;height:88%;font-family:Segoe UI Symbol,DejaVu Sans,serif;font-size:clamp(22px,6vw,54px);line-height:1;display:grid;position:relative}.whitePiece{color:#fffdf4;text-shadow:0 1px 2px #292929,1px 0 1px #292929,-1px 0 1px #292929}.blackPiece{color:#171717;text-shadow:0 1px 1px #f3e5d1}.chessTarget{z-index:2;pointer-events:none;background:#166534a6;border-radius:50%;width:22%;height:22%;position:absolute}.chessTarget.capture{background:0 0;border:4px solid #166534b8;width:88%;height:88%}.chessRank,.chessFile{z-index:3;color:#1e1e1ebf;pointer-events:none;font-size:clamp(8px,1.5vw,11px);font-weight:700;line-height:1;position:absolute}.chessRank{top:3px;left:4px}.chessFile{bottom:3px;right:4px}.chessMoves{border:1px solid var(--line);background:#fff;border-radius:10px;max-height:520px;padding:12px;overflow:auto}.chessMoves strong{margin-bottom:10px;font-size:13px;display:block}.chessMoves p{color:var(--muted);font-size:12px;line-height:1.6}.chessMoves ol{gap:5px;margin:0;padding:0;list-style:none;display:grid}.chessMoves li{font-variant-numeric:tabular-nums;border-radius:5px;grid-template-columns:26px 1fr 1fr;gap:5px;padding:5px 4px;font-size:12px;display:grid}.chessMoves li:nth-child(odd){background:var(--soft)}.chessMoves li span:first-child{color:var(--muted)}.chessPromotion{border:1px solid var(--line);text-align:center;border-radius:10px;gap:10px;margin-top:16px;padding:14px;display:grid}.chessPromotion strong{font-size:13px}.chessPromotion>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chessPromotion button{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:8px 10px;font-size:13px}@media (max-width:640px){.chessLayout{grid-template-columns:1fr;max-width:520px}.chessMoves{max-height:180px}.chessBoard{border-width:3px}.chessPiece{font-size:clamp(22px,10vw,48px)}}.mottoPanel{max-width:820px;margin-left:auto;margin-right:auto;padding:clamp(18px,4vw,36px)}.mottoIntro{text-align:center;max-width:600px;margin:4px auto 24px}.mottoOverline{letter-spacing:.16em;color:var(--muted);font-size:10px;font-weight:800}.mottoIntro h2{letter-spacing:-.03em;margin:10px 0 8px;font-size:clamp(20px,3vw,27px)}.mottoIntro p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.mottoFilters{flex-wrap:wrap;justify-content:center;gap:7px;margin:0 auto 22px;display:flex}.mottoFilters button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:8px 13px;font-size:12px}.mottoFilters button.active{background:var(--text);border-color:var(--text);color:#fff}.mottoCard{border:1px solid var(--line);text-align:center;background:linear-gradient(145deg,#fff,#faf8f2);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:240px;padding:38px 24px 30px;display:flex;position:relative;overflow:hidden}.mottoMark{color:#e8e1d3;font-family:Georgia,serif;font-size:120px;line-height:1;position:absolute;top:-22px;left:15px}.mottoKind{color:var(--muted);letter-spacing:.12em;font-size:10px;font-weight:800;position:relative}.mottoCard h3{letter-spacing:-.035em;overflow-wrap:anywhere;max-width:620px;margin:0;font-size:clamp(24px,4vw,36px);line-height:1.55;position:relative}.mottoCard p{max-width:560px;color:var(--muted);margin:0;font-size:14px;line-height:1.8;position:relative}.mottoActions{justify-content:center;align-items:center;gap:9px;margin-top:20px;display:flex}.mottoDraw{background:var(--text);color:#fff;border:0;border-radius:10px;min-height:46px;padding:0 24px;font-size:14px;font-weight:800}.mottoDraw:disabled{opacity:.45;cursor:not-allowed}.mottoDraw span{margin-right:7px}.mottoIconButton{border:1px solid var(--line);background:var(--panel);min-height:42px;color:var(--text);border-radius:10px;padding:0 14px;font-size:14px;font-weight:700}.mottoIconButton.isFavorite{color:#b7791f}.mottoFeedback{text-align:center;color:var(--muted);margin:10px 0 0;font-size:12px}.mottoBottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:16px;font-size:12px;display:flex}.mottoBottom button{color:var(--text);background:0 0;border:0;padding:5px 0;font-size:12px;font-weight:700}.mottoEmpty{text-align:center;color:var(--muted);margin:18px 0 0;font-size:13px}.mottoNote{max-width:820px;color:var(--muted);margin:14px auto 0;font-size:11px;line-height:1.7}@media (max-width:520px){.mottoCard{min-height:220px;padding:34px 18px 26px}.mottoCard h3{font-size:25px}.mottoCard p{font-size:13px}.mottoBottom{align-items:flex-start}.mottoFilters{gap:6px}.mottoFilters button{padding:7px 10px}}.battlePanel{max-width:980px;margin:0 auto;padding:clamp(16px,3vw,28px)}.battleTop{justify-content:space-between;align-items:center;display:flex}.battlePhase{background:var(--soft);color:var(--muted);border-radius:999px;padding:6px 11px;font-size:11px;font-weight:800}.battleReset{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:7px 12px;font-size:12px}.battleMessage{text-align:center;margin:18px 0;font-size:15px;font-weight:750}.battleSetup,.battleHandoff{text-align:center;border:1px solid var(--line);background:var(--panel);border-radius:14px;max-width:520px;margin:30px auto;padding:24px 16px}.battleSetupIcon,.battleHandoffIcon{font-size:38px}.battleSetup h2,.battleHandoff h2{margin:12px 0 8px;font-size:21px}.battleSetup p,.battleHandoff p{color:var(--muted);font-size:13px;line-height:1.7}.battleFleet{flex-wrap:wrap;justify-content:center;gap:7px;margin:20px 0;display:flex}.battleFleet span{border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:11px}.battleFleet b{color:var(--muted);margin-left:4px}.battlePrimary{background:var(--text);color:#fff;border:0;border-radius:9px;min-height:44px;padding:0 22px;font-size:13px;font-weight:800}.battleScore{justify-content:center;align-items:center;gap:20px;margin:20px 0;display:flex}.battleScore>div{border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:10px 13px;font-size:12px;display:flex}.battleScore strong{font-variant-numeric:tabular-nums;margin-left:4px;font-size:17px}.battleScore small{color:var(--muted);font-size:10px}.battleDot{border-radius:50%;width:9px;height:9px}.battleBlue{background:#3983d6}.battleRed{background:#dc6464}.battleVs{color:var(--muted);font-size:10px;font-weight:800}.battleBoards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:800px;margin:0 auto;display:grid}.battleBoardWrap h3{text-align:center;margin:0;font-size:14px}.battleBoardWrap>p{text-align:center;color:var(--muted);margin:4px 0 10px;font-size:11px}.battleGrid{aspect-ratio:1;background:#dbe8f2;border:1px solid #b8c8d8;border-radius:8px;grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;width:100%;padding:4px;display:grid}.battleCell{color:#fff;background:#b9d7ed;border:0;border-radius:2px;place-items:center;min-width:0;min-height:0;padding:0;font-size:clamp(9px,1.6vw,17px);font-weight:900;display:grid}.battleCell.isShip{color:#fff;background:#647b8e}.battleCell.isHit{color:#fff;background:#df6262}.battleCell.isMiss{color:#8295a5;background:#f5f8fa}.targetGrid .battleCell{background:#83b9df;font-size:clamp(10px,1.7vw,17px)}.targetGrid .battleCell:not(:disabled):hover{background:#559bd0}.targetGrid .battleCell:disabled{cursor:default;opacity:1}.targetGrid .battleCell.isHit{background:#df6262}.targetGrid .battleCell.isMiss{color:#8295a5;background:#f5f8fa}.battleLegend{color:var(--muted);justify-content:center;gap:18px;margin:16px 0;font-size:11px;display:flex}.battleLegend span{align-items:center;gap:6px;display:flex}.battleLegend i{background:#647b8e;border-radius:3px;width:11px;height:11px}.battleLegend i.isHit{background:#df6262}.battleLegend i.isMiss{background:#dce5ec}.battleHistory{border:1px solid var(--line);border-radius:10px;max-width:420px;margin:22px auto 0;padding:14px}.battleHistory strong{font-size:12px}.battleHistory ol{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px;margin:10px 0 0;padding-left:20px;font-size:11px;display:grid}.battleHistory p{color:var(--muted);margin:8px 0 0;font-size:11px}.battleResult{text-align:center;margin:20px 0}.battleResult h2{font-size:20px}.battleNote{max-width:980px;color:var(--muted);margin:14px auto 0;font-size:11px;line-height:1.7}@media (max-width:640px){.battleBoards{grid-template-columns:1fr;gap:20px;max-width:460px}.battleScore{gap:7px}.battleScore>div{gap:5px;padding:8px;font-size:10px}.battleScore strong{font-size:15px}.battleGrid{gap:1px;padding:3px}.battleCell{font-size:clamp(9px,3vw,15px)}.battleHistory ol{grid-template-columns:1fr}}.app-breadcrumb{box-sizing:border-box;width:calc(100% - 28px);min-height:44px;color:var(--muted);text-align:right;margin:10px 14px 0;padding:10px 0 0 150px;font-size:12px}.app-breadcrumb ol{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.app-breadcrumb a{color:var(--muted);text-decoration:none}.app-breadcrumb a:hover{color:var(--text);text-decoration:underline}.app-breadcrumb li[aria-current=page]{color:var(--text);font-weight:650}.related-apps{border-top:1px solid var(--line);width:min(1120px,100% - 40px);margin:36px auto 48px;padding-top:22px}.related-apps-inner{max-width:900px;margin:0 auto}.related-apps-eyebrow{color:var(--muted);letter-spacing:.14em;margin:0 0 6px;font-size:10px;font-weight:800}.related-apps h2{letter-spacing:-.02em;margin:0 0 14px;font-size:19px}.related-apps ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.related-apps li{min-width:0}.related-apps a{border:1px solid var(--line);background:var(--panel);min-height:54px;color:var(--text);border-radius:10px;align-items:center;gap:9px;padding:10px 12px;font-size:13px;font-weight:650;text-decoration:none;display:flex}.related-apps a:hover{background:var(--soft);border-color:#cbd5e1}.related-apps-arrow{color:var(--muted);margin-left:auto}@media (max-width:640px){.app-breadcrumb,.related-apps{width:calc(100% - 28px)}.related-apps ul{grid-template-columns:1fr}.related-apps{margin-top:28px;margin-bottom:32px}}