/* Original theme inspired by the friendly, softly colored daisyUI direction. */
:root{--blue:#6550bf;--ink:#292735;--muted:#696574;--line:#e2e0e8;--soft:#f0edf9;--theme-paper:#f7f7fa;--theme-shadow:0 5px 22px #29273507}
body.calm-theme{background:var(--theme-paper);color:var(--ink);font-family:Pretendard,system-ui,sans-serif}
.calm-theme :is(button,input,select,textarea){font-family:inherit}

.calm-theme h1{font-weight:780;letter-spacing:-1px}
.calm-theme :is(.page-title>p,.intro-copy,.hint,.feature-note,.result-caption,.stage-meta,.stage-empty p){color:var(--muted)}
.calm-theme header{background:#ffffff;border-color:var(--line)}
.calm-theme :is(.logo,.brand){color:#6550bf}
.calm-theme :is(.logo>span,.brand-symbol){background:#6550bf;border-radius:11px}
.calm-theme :is(.eyebrow,.back){color:#6550bf}
.calm-theme .home-intro{max-width:none;padding:30px 32px;margin:0 0 24px;border:1px solid #e2e0e8;border-radius:26px;background:#ffffff;box-shadow:var(--theme-shadow)}
.calm-theme .home-intro h1{font-size:clamp(28px,3.8vw,42px);max-width:800px}
.calm-theme #tool-search{border-radius:16px;border-color:#e2e0e8;background:#ffffff;box-shadow:none}
.calm-theme .categories{gap:8px}
.calm-theme .categories button{background:#fff;border:1px solid var(--line);border-radius:999px;color:#696574;min-height:44px}
.calm-theme .categories button[aria-pressed=true]{background:#6550bf;color:#fff;border-color:#6550bf}
.calm-theme .tool-card{border:1px solid #e2e0e8;border-radius:22px;background:white;box-shadow:var(--theme-shadow);transition:transform .16s ease,border-color .16s ease}
.calm-theme .tool-card:hover{transform:translateY(-3px);border-color:#a99ccc;box-shadow:0 9px 24px #29273510}
.calm-theme .tool-icon{background:#f0edf9;border-radius:14px;color:#6550bf}
.calm-theme .tool-card:nth-child(3n+2) .tool-icon{background:#fcf0dc;color:#825722}
.calm-theme .tool-card:nth-child(3n) .tool-icon{background:#eeeafa;color:#685493}
.calm-theme .tool-card p{color:#696574}
.calm-theme :is(.input-panel,.output-panel,.party-input,.planner,.lottery-input,.lottery-result,.result-content,.feature-box,.salary-section){border-color:var(--line);border-radius:22px;background:#fff;box-shadow:var(--theme-shadow)}
.calm-theme .party-stage{border-color:#e2e0e8;background:#f3f1f8;border-radius:24px;box-shadow:var(--theme-shadow)}
.calm-theme .party-stage:fullscreen{border-radius:0}
.calm-theme .party-tabs a{border-radius:999px;border-color:var(--line);background:white;color:#696574;font-weight:600}
.calm-theme .party-tabs a[aria-current=page]{background:#6550bf;border-color:#6550bf;color:white}
.calm-theme :is(.tool-actions){background:#ffffffFA;border-color:#e2e0e8;border-radius:17px;box-shadow:0 5px 20px #203d3210}
.calm-theme .tool-actions-name{color:#292735}
.calm-theme :is(.tool-action-primary,.primary,.primary-button){background:#6550bf;border-color:#6550bf;color:#fff;border-radius:14px;box-shadow:none}
.calm-theme :is(.tool-action-primary,.primary,.primary-button):hover{background:#514098}
.calm-theme .tool-action-result{background:#f0edf9;color:#6550bf;border-color:#e2e0e8;border-radius:14px}
.calm-theme :is(.stage-top button,.stage-footer button,.result-share-actions button,.result-actions button){border-radius:12px;border-color:#e2e0e8;background:#fff;color:#292735;min-height:44px}
.calm-theme :is(.entry-row,.item-editor,.work-record){border-color:#e2e0e8;background:#f7f7fa;border-radius:14px}
.calm-theme :is(.entry-add,.entry-toolbar>button,.entry-stepper button,.number-stepper button,.ladder-actions button){border-radius:12px;color:#6550bf;border-color:#e2e0e8;background:white}
.calm-theme .setup-summary{color:#6550bf;background:#f0edf9;border-radius:12px}
.calm-theme :is(.input-panel,.party-input,.planner,.lottery-input) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:#e2e0e8;border-radius:12px;background:#fff;color:#292735}
.calm-theme input::placeholder,.calm-theme textarea::placeholder{color:#696574;opacity:1}
.calm-theme input[type=checkbox],.calm-theme input[type=radio]{accent-color:#6550bf}
.calm-theme :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #6550bf;outline-offset:3px}
.calm-theme .stage-symbol{color:#6550bf}
.calm-theme .stage-top h2{color:#292735}
.calm-theme :is(.winner,.team-card,.order-list li){border-color:#e2e0e8;background:white;border-radius:18px;box-shadow:0 5px 15px #2d544509}
.calm-theme :is(.winner,.result-number,.order-list b,.team-card h3){color:#6550bf}
.calm-theme .transfer{background:#f0edf9;color:#6550bf;border-radius:12px}
.calm-theme :is(.chips input:checked+span,.duration-presets button[aria-pressed=true]){background:#f0edf9;border-color:#a99ccc;color:#6550bf}
.calm-theme .segmented input:checked+span{color:#6550bf}
.calm-theme .empty-mark{color:#6550bf;background:#f0edf9;border-color:#e2e0e8}
.calm-theme .list-toolbar{border-color:#e2e0e8}
.calm-theme :is(.share-dialog,.result-link-dialog,dialog){font-family:inherit;border-color:#e2e0e8;border-radius:22px;color:#292735;box-shadow:0 20px 70px #1c352530}
.calm-theme :is(.share-preview,.received-result,.shared-receipt){background:#f0edf9;border-color:#e2e0e8;border-radius:14px;color:#292735}
.calm-theme :is(.party-guide,.tool-guide,.search-guide){color:#696574}
.calm-theme footer{border-color:var(--line);color:#696574}
@keyframes calm-result-in{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.calm-theme :is(.winner-list,.team-grid,.order-list,.ladder-outcomes){animation:calm-result-in .28s ease-out both}}
@media(max-width:600px){.calm-theme .home-intro{padding:22px 20px;border-radius:20px}.calm-theme .tool-card{border-radius:18px}.calm-theme :is(.input-panel,.output-panel,.party-input,.planner){border-radius:18px}.calm-theme .tool-actions{border-radius:0 0 15px 15px}.calm-theme .party-tabs a{padding-inline:6px}}
@media(prefers-reduced-motion:reduce){.calm-theme .tool-card{transition:none}.calm-theme .tool-card:hover{transform:none}}

/* Bento home: asymmetric feature tiles and quieter utility cards. */
.bento-home main{max-width:1200px;padding-top:46px}
.bento-home.calm-theme .home-intro{position:relative;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0 0 28px;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:56px;align-items:center}
.home-kicker{font-size:14px;font-weight:700;letter-spacing:-.2px;grid-column:1}
.bento-home.calm-theme .home-intro h1{font-size:clamp(36px,4.8vw,60px);line-height:1.18;letter-spacing:-2px;grid-column:1;margin:16px 0}
.headline-dot{color:#7958cd}
.bento-home .home-purpose{grid-column:1;line-height:1.7;margin:0 0 18px;color:#696574}
.bento-home #tool-search{grid-column:2;grid-row:2;min-height:64px;border:1px solid #b8b3c5;border-radius:16px;padding:18px;font-size:16px;background:white}
.bento-home #search-help{grid-column:2;grid-row:3;align-self:start;margin:0;font-size:13px;color:#696574}
.bento-home .categories{grid-column:1/-1;margin-top:26px;border-top:1px solid #dfdce6;padding-top:22px}
.bento-home.calm-theme .categories button{border-radius:10px;background:transparent;border-color:transparent;font-weight:600}
.bento-home.calm-theme .categories button[aria-pressed=true]{background:#292735;color:white;border-color:#292735}
.bento-home .tool-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;align-items:stretch}
.bento-home .tool-shell{grid-column:span 2;min-width:0}
.bento-home .tool-shell:has(.tile-food),.bento-home .tool-shell:has(.tile-ladder){grid-column:span 3}
.bento-home.calm-theme .tool-card{height:100%;min-height:200px;padding:24px;display:flex;flex-direction:column;border-radius:20px;box-shadow:none;border-color:#e2e0e8;position:relative;overflow:hidden}
.bento-home.calm-theme .tool-card h2{font-size:19px;line-height:1.4;padding-right:20px;z-index:1}
.bento-home.calm-theme .tool-card p{line-height:1.6;margin:8px 0 20px;z-index:1}
.bento-home .card-category{margin-top:auto;color:#615b70;z-index:1}
.bento-home.calm-theme .tool-icon{margin-bottom:16px;width:44px;height:44px;border-radius:12px;background:#f1eff6}
.bento-home.calm-theme .featured-tile{min-height:290px;padding:28px}
.bento-home.calm-theme .featured-tile h2{font-size:30px;letter-spacing:-1px}
.bento-home.calm-theme .featured-tile p{max-width:52%;font-size:15px;margin-bottom:25px}
.bento-home.calm-theme .featured-tile .tool-icon{display:none}
.bento-home.calm-theme .tile-food{background:#ffe89c;border-color:#e4ce85}
.bento-home.calm-theme .tile-ladder{background:#e9e0fc;border-color:#d6c8ee}
.bento-home.calm-theme .tile-random{background:#fce9de;border-color:#ecd5c7;min-height:240px}
.bento-home.calm-theme .tile-random h2{font-size:25px}
.bento-home.calm-theme .featured-tile .card-category{border:2px solid #302b39;border-radius:10px;box-shadow:3px 3px 0 #302b39;background:white;padding:10px 13px;color:#302b39;width:166px;font-weight:750}
.tile-art{position:absolute;display:block;pointer-events:none;right:30px;top:58px;width:160px;height:160px}
.art-wheel{transform:rotate(-12deg)}
.wheel-face{display:block;width:100%;height:100%;border-radius:50%;border:6px solid #39313e;background:conic-gradient(#a98ae3 0deg 60deg,#fff7df 60deg 120deg,#ef927c 120deg 180deg,#fff7df 180deg 240deg,#a98ae3 240deg 300deg,#fff7df 300deg);box-shadow:6px 7px 0 #39313e22}
.wheel-face i{position:absolute;width:35px;height:35px;left:calc(50% - 17.5px);top:calc(50% - 17.5px);background:white;border:5px solid #39313e;border-radius:50%}
.wheel-pointer{position:absolute;left:calc(50% - 12px);top:-12px;width:24px;height:28px;background:#39313e;clip-path:polygon(0 0,100% 0,50% 100%);z-index:1}
.art-ladder{width:205px;right:18px;top:65px;transform:rotate(-7deg)}
.art-ladder svg{width:100%;height:100%}
.art-capsules{width:95px;height:115px;right:20px;top:70px}
.art-capsules i{position:absolute;width:46px;height:70px;border:3px solid #39313e;border-radius:28px;background:linear-gradient(#c3acf0 50%,#fff 50%);transform:rotate(30deg);left:8px;top:0;box-shadow:3px 4px 0 #39313e15}
.art-capsules i:nth-child(2){left:45px;top:40px;transform:rotate(-25deg);background:linear-gradient(#ffca64 50%,#fff 50%)}
.art-capsules i:nth-child(3){left:0;top:63px;transform:rotate(-55deg);background:linear-gradient(#f19d87 50%,#fff 50%)}
.bento-home.calm-theme .tile-random p{max-width:65%}
.bento-home .favorite-control{z-index:2;right:12px;top:12px}
.bento-home .catalog-heading h2{font-size:21px;letter-spacing:-.5px}
/* Restrict playful, tactile buttons to draw/game tools. */
.calm-theme:has(.party-layout) .tool-action-primary{border:2px solid #302b39;background:#ffe28b;color:#302b39;box-shadow:3px 3px 0 #302b39;border-radius:11px;font-weight:800}
.calm-theme:has(.party-layout) .tool-action-primary:hover:not(:disabled){background:#ffda6a}
.calm-theme:has(.party-layout) .tool-action-primary:active:not(:disabled){box-shadow:1px 1px 0 #302b39;transform:translate(2px,2px)}
.calm-theme:has(.party-layout) .tool-action-primary:disabled{box-shadow:none;opacity:.65}
@media(max-width:1100px){.bento-home .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-home .tool-shell,.bento-home .tool-shell:has(.tile-food),.bento-home .tool-shell:has(.tile-ladder){grid-column:auto}.tile-art{width:120px;height:120px;right:18px;top:85px}.art-ladder{width:145px}.bento-home.calm-theme .featured-tile h2{font-size:26px}.bento-home.calm-theme .featured-tile p{max-width:55%}.art-capsules{width:90px}.bento-home.calm-theme .tile-random p{max-width:60%}}
@media(max-width:600px){.bento-home main{padding-top:28px}.bento-home.calm-theme .home-intro{display:block;padding-bottom:22px}.bento-home.calm-theme .home-intro h1{font-size:40px;letter-spacing:-1.8px;margin:14px 0}.bento-home #tool-search{min-height:54px;font-size:14px;padding:13px}.bento-home #search-help{margin-top:10px;line-height:1.5}.bento-home .categories{margin-top:22px;padding-top:16px;gap:4px}.bento-home .tool-grid{grid-template-columns:1fr;gap:14px}.bento-home.calm-theme .tool-card{min-height:0;display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 14px;padding:20px}.bento-home.calm-theme .tool-icon{grid-row:1/4;margin:0}.bento-home.calm-theme .tool-card h2{font-size:18px}.bento-home.calm-theme .tool-card p{margin:6px 0 12px}.bento-home .card-category{grid-column:2}.bento-home.calm-theme .featured-tile{display:flex;min-height:250px;padding:24px}.bento-home.calm-theme .featured-tile h2{font-size:27px}.bento-home.calm-theme .featured-tile p{max-width:52%;font-size:14px}.bento-home.calm-theme .featured-tile .card-category{margin-top:auto}.bento-home .tile-art{top:70px;width:115px;height:115px;right:17px}.bento-home .art-ladder{width:137px}.bento-home .art-capsules{width:90px;right:25px}.bento-home .catalog-heading h2{font-size:19px}}

@media(max-width:600px){.bento-home .tile-art{top:68px;height:105px}.bento-home .art-ladder{width:115px}.bento-home.calm-theme .featured-tile p{max-width:calc(100% - 118px)}}
@media(max-width:360px){.bento-home .art-wheel{width:95px;height:95px;top:65px}.bento-home .art-capsules{right:12px}.bento-home.calm-theme .featured-tile .card-category{width:158px}}

@media(min-width:601px) and (max-width:1100px){.bento-home .art-wheel{width:100px;height:100px;top:85px}.bento-home .art-ladder{width:110px;height:110px}.bento-home.calm-theme .featured-tile p{max-width:calc(100% - 115px)}.bento-home.calm-theme .tile-random{min-height:290px}}

/* Six game tiles share a consistent 3-by-2 desktop layout. */
.bento-home .tool-shell:has(.featured-tile){grid-column:span 2}
.bento-home.calm-theme .featured-tile{min-height:280px;padding:24px}
.bento-home.calm-theme .featured-tile h2{font-size:25px;letter-spacing:-.8px}
.bento-home.calm-theme .featured-tile p{max-width:calc(100% - 114px);font-size:14px;line-height:1.65}
.bento-home .featured-tile .tile-art{top:88px;right:16px;width:100px;height:110px}
.bento-home .featured-tile .art-wheel{height:100px}
.bento-home .featured-tile .art-ladder{width:110px;height:110px}
.bento-home .featured-tile .art-capsules{width:90px;right:20px}
.bento-home .tile-art svg{width:100%;height:100%;display:block}
.bento-home.calm-theme .tile-teams{background:#e3ebfd;border-color:#cdd9ef}
.bento-home.calm-theme .tile-order{background:#f9e3ec;border-color:#ebccda}
.bento-home.calm-theme .tile-russian{background:#eae6f1;border-color:#d7cfdf}
@media(max-width:1100px){.bento-home .tool-shell:has(.featured-tile){grid-column:auto}}
@media(max-width:600px){.bento-home.calm-theme .featured-tile{min-height:240px}.bento-home.calm-theme .featured-tile h2{font-size:25px}.bento-home .featured-tile .tile-art{top:72px;height:100px}.bento-home .featured-tile .art-wheel{width:95px;height:95px}.bento-home .featured-tile .art-ladder{width:105px;height:100px}.bento-home .featured-tile .art-capsules{top:56px;height:110px;right:18px}.bento-home.calm-theme .featured-tile .card-category{width:158px}}
@media(max-width:600px){.bento-home .featured-tile .tile-art{top:58px}.bento-home .featured-tile .art-capsules{top:50px}}
