@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{color:#f6f6f6;background:#111;--font-weight-regular: 400;--font-weight-semibold: 500;--font-weight-bold: 600;--font-weight-black: 600;--font-size-brand: clamp(24px, 4dvh, 36px);--font-size-breadcrumb: clamp(18px, 3dvh, 26px);--font-size-display: clamp(32px, 7.4dvh, 92px);--font-size-display-compact: 28px;--font-size-action: clamp(24px, 5dvh, 48px);--font-size-action-secondary: clamp(21px, 4.4dvh, 42px);--font-size-mode-title: clamp(34px, 5.4dvh, 60px);--font-size-chip: clamp(16px, 2.7dvh, 27px);--font-size-toast: clamp(15px, 2.2dvh, 20px);--font-size-winner-title: clamp(40px, 7.2dvh, 86px);--font-size-control: clamp(16px, 2.8dvh, 25px);--font-size-story: clamp(13px, 2dvh, 18px);--font-size-chat-bubble: clamp(20px, 3.6dvh, 32px);--font-size-chat-time: clamp(12px, 1.8dvh, 16px);--font-size-chat-meta: clamp(16px, 2.8dvh, 24px);--font-size-avatar-symbol: clamp(9px, 1.6dvh, 13px);--font-size-badge: clamp(18px, 3dvh, 26px);--font-size-badge-hot: clamp(15px, 2.4dvh, 21px);--font-size-badge-hero: clamp(34px, 6dvh, 55px);--story-color-red: #f32944;--story-color-orange: #f37029;--story-color-green: #34c759;--story-color-blue: #0091ff;--story-color-purple: #9529f3;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,sans-serif;font-synthesis:none;line-height:1.2;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden;width:100%}body{background:#111;margin:0;min-width:320px}button{border:0;cursor:pointer;font:inherit}button:focus-visible{outline:3px solid #ffffff;outline-offset:2px}.app{background:#111;display:grid;gap:clamp(8px,1.8dvh,24px);grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden;padding:clamp(10px,2.2dvh,24px) clamp(12px,1.6vw,30px) clamp(10px,1.8dvh,18px)}.app-header{display:grid;flex:0 0 auto;gap:clamp(12px,3dvh,40px);min-height:0}.app-header h1{color:#f5f5f5;font-size:var(--font-size-brand);font-weight:800;letter-spacing:0;line-height:1;margin:0}.breadcrumb{align-items:center;color:#f6f6f6;display:flex;flex-wrap:wrap;font-size:var(--font-size-breadcrumb);font-weight:var(--font-weight-bold);gap:.35em;letter-spacing:0;margin:0;min-width:0}.breadcrumb-step{background:transparent;border-radius:6px;color:inherit;font:inherit;line-height:1.1;min-width:0;padding:2px 4px}.breadcrumb-step:hover{background:#ffffff1a}.breadcrumb-step[aria-current=page]{color:#fff}.breadcrumb-separator{color:#f6f6f6}.home-screen{align-items:center;display:grid;justify-items:center;min-height:0;overflow:hidden;padding:clamp(12px,4dvh,46px) clamp(12px,2vw,30px)}.mode-card-grid{display:grid;aspect-ratio:1600 / 500;gap:clamp(20px,3.125vw,60px);grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr);justify-content:center;max-height:100%;max-width:1600px;min-height:0;padding:clamp(10px,1.5625vw,30px);width:min(1600px,calc(100dvw - 60px),calc((100dvh - 170px)*3.2))}.mode-card{align-items:center;background:#1e1e1e;color:#fff;display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;justify-items:center;min-height:0;min-width:0;overflow:hidden;padding:clamp(18px,3.7dvh,40px) clamp(16px,2.5vw,36px) clamp(22px,4dvh,46px);width:100%}.mode-card:hover{background:#232323}.mode-card strong{font-size:var(--font-size-mode-title);font-weight:var(--font-weight-black);letter-spacing:0;line-height:1;text-align:center;white-space:nowrap}.general-thumbnail{display:block;height:clamp(130px,24dvh,190px);position:relative;width:clamp(160px,38vw,280px)}.home-avatar{display:inline-flex;position:absolute}.home-avatar img{display:block;height:100%;image-rendering:pixelated;object-fit:contain;width:100%}.home-avatar--whitehair{height:61%;left:6%;top:10%;width:41%}.home-avatar--hammer{height:68%;right:7%;top:0;width:46%}.home-avatar--cream{bottom:0;height:64%;left:33%;width:44%}.home-avatar--mini{height:clamp(46px,8dvh,66px);position:static;width:clamp(46px,8dvh,66px)}.home-badge{align-items:center;color:#fff;display:inline-flex;font-weight:var(--font-weight-black);justify-content:center;position:absolute}.home-badge--f{background:#75ad61;border-radius:4px;bottom:33%;font-size:clamp(22px,3.2dvh,30px);height:clamp(30px,4.4dvh,36px);left:0;width:clamp(30px,4.4dvh,36px)}.home-badge--red{background:#f15666;border-radius:999px;height:clamp(32px,4.8dvh,40px);right:24%;top:39%;width:clamp(32px,4.8dvh,40px)}.home-badge--red span{border:4px solid #ffffff;border-radius:7px;height:60%;position:relative;width:60%}.home-badge--red span:after{color:#fff;content:"★";font-size:14px;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.story-thumbnail{display:grid;gap:clamp(16px,3dvh,28px);justify-self:center;width:min(300px,42vw)}.story-line{align-items:center;display:grid;gap:clamp(16px,2.4vw,32px);grid-template-columns:auto minmax(0,1fr)}.story-bar{border-radius:999px;display:block;height:clamp(20px,3.2dvh,24px)}.story-bar--green{background:#82f0a5;width:58%}.story-bar--purple{background:#9278bf;width:96%}.story-bar--blue{background:#3476dd;width:34%}.general-thumbnail,.story-thumbnail,.vote-thumbnail{align-items:center;display:flex;justify-content:center;max-width:100%}.general-thumbnail{aspect-ratio:288 / 180;height:auto;position:static;width:min(288px,76%)}.story-thumbnail{aspect-ratio:299 / 200;gap:0;height:auto;width:min(299px,76%)}.vote-thumbnail{aspect-ratio:276 / 200;height:auto;width:min(276px,76%)}.general-thumbnail img,.story-thumbnail img,.vote-thumbnail img{display:block;height:100%;image-rendering:pixelated;object-fit:contain;width:100%}.story-setup-screen,.raffle-screen,.winner-screen{min-height:0;overflow:hidden}.story-setup-screen,.raffle-screen{display:grid;gap:clamp(8px,2.2dvh,30px);grid-template-areas:"title" "board" "actions";grid-template-rows:auto minmax(0,1fr) auto;position:relative}.story-setup-board{display:grid;gap:clamp(12px,1.6vw,30px);grid-area:board;grid-template-columns:minmax(0,1fr) clamp(320px,27.6vw,530px);min-height:0;overflow:hidden}.story-wordcloud-panel,.story-keyword-panel{background:#171717;min-height:0;overflow:hidden}.story-wordcloud-panel{display:grid;grid-template-rows:auto minmax(0,1fr);padding:clamp(22px,3.4dvh,34px) clamp(24px,3.2vw,60px)}.story-watch-copy{background:linear-gradient(90deg,#4796e3,#9177c7,#ca6673);background-clip:text;color:transparent;font-size:clamp(20px,3.4dvh,34px);font-weight:var(--font-weight-bold);letter-spacing:0;line-height:1.1;margin:0;-webkit-background-clip:text}.story-wordcloud{min-height:0;overflow:hidden;padding:clamp(14px,2.4dvh,28px) 0 clamp(8px,1.8dvh,22px);position:relative}.story-word-slot{align-items:center;display:flex;height:auto;justify-content:center;left:0;max-width:min(70%,720px);min-height:clamp(54px,10dvh,118px);min-width:0;overflow:visible;padding:clamp(3px,.8dvh,10px);position:absolute;top:0;transform:translate3d(var(--story-word-x, 50%),var(--story-word-y, 50%),0) translate3d(-50%,-50%,0);width:max-content;will-change:transform}.story-word-slot--exiting{pointer-events:none}.story-word-motion{--cursor-shift-x: 0px;--cursor-shift-y: 0px;max-width:100%;min-width:0;transform:translate3d(var(--cursor-shift-x),var(--cursor-shift-y),0);transition:transform .62s cubic-bezier(.16,1,.3,1);will-change:transform}.story-word-float{max-width:100%;min-width:0;will-change:transform}.story-word-float--1{animation:story-slot-float-a 9.8s ease-in-out infinite}.story-word-float--2{animation:story-slot-float-b 10.6s ease-in-out .12s infinite}.story-word-float--3{animation:story-slot-float-c 10.2s ease-in-out 80ms infinite}.story-word-float--4{animation:story-slot-float-d 11s ease-in-out .18s infinite}.story-word-float--5{animation:story-slot-float-e 10.4s ease-in-out 40ms infinite}.story-word{-webkit-font-smoothing:antialiased;animation:story-word-arrive .36s cubic-bezier(.2,.8,.22,1) both;background:transparent;color:#fff;display:block;font-weight:var(--font-weight-black);letter-spacing:0;line-height:.95;max-width:100%;min-width:0;overflow:hidden;padding:0;text-overflow:ellipsis;text-rendering:geometricprecision;transition:color .28s ease,filter .18s ease,font-size .52s cubic-bezier(.16,1,.3,1);white-space:nowrap;will-change:transform,opacity}.story-word-label{animation:story-word-breathe 6.8s ease-in-out .36s infinite;display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;will-change:transform}.story-word--exiting{animation:story-word-leave .22s ease-in both}.story-word--exiting .story-word-label{animation:none}.story-word:hover,.story-word--selected{filter:brightness(1.08)}@keyframes story-word-arrive{0%{opacity:0;transform:scale(.76)}72%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes story-word-breathe{0%,to{transform:scale(.995)}50%{transform:scale(1.012)}}@keyframes story-word-leave{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.72)}}@keyframes story-slot-float-a{0%,to{transform:translate3d(-.34%,-.24%,0)}50%{transform:translate3d(.38%,.28%,0)}}@keyframes story-slot-float-b{0%,to{transform:translate3d(.3%,-.32%,0)}50%{transform:translate3d(-.42%,.3%,0)}}@keyframes story-slot-float-c{0%,to{transform:translate3d(-.28%,.34%,0)}50%{transform:translate3d(.34%,-.3%,0)}}@keyframes story-slot-float-d{0%,to{transform:translate3d(.32%,.24%,0)}50%{transform:translate3d(-.32%,-.28%,0)}}@keyframes story-slot-float-e{0%,to{transform:translate3d(-.22%,.3%,0)}50%{transform:translate3d(.28%,-.34%,0)}}.story-keyword-panel{--story-card-height: clamp(56px, 6.8519dvh, 74px);--story-card-insert-height: clamp(170px, 22.2222dvh, 240px);--story-card-bounce-distance: clamp(3px, .463dvh, 5px);--story-card-circle-size: clamp(24px, 2.7778dvh, 30px);--story-card-circle-right: clamp(16px, 1.0417vw, 20px);--story-card-text-left: clamp(20px, 1.5625vw, 30px);--story-card-text-top: clamp(11px, 1.3889dvh, 15px);--story-card-circle-top: clamp(16px, 2.037dvh, 22px);--story-card-width: min( calc(100% - 10px) , clamp(312px, 27.0313vw, 519px));--story-panel-header-height: clamp(48px, 5.3704dvh, 58px);align-self:start;block-size:min(100%,clamp(430px,58.1481dvh,628px));display:grid;grid-template-rows:var(--story-panel-header-height) minmax(0,1fr);inline-size:clamp(320px,27.5521vw,529px);justify-self:end}.story-keyword-panel h3{align-items:center;background:#4a4a4a;color:#fff;display:flex;font-size:clamp(28px,3.3333dvh,36px);font-weight:var(--font-weight-bold);letter-spacing:0;line-height:1;margin:0;padding:0 clamp(20px,2.0833vw,40px)}.story-keyword-wallet{background:#171717;min-height:0;overflow:hidden;padding-top:clamp(10px,1.3889dvh,15px)}.story-keyword-card-list{align-items:center;display:flex;flex-direction:column;gap:clamp(3px,.463dvh,5px);min-height:0;overflow:visible}.story-keyword-card-shell{block-size:var(--story-card-height);inline-size:var(--story-card-width);position:relative;animation:story-wallet-slot-open .68s cubic-bezier(.18,.9,.22,1) both;z-index:1}.story-keyword-card-shell--removing{animation:story-wallet-slot-close .3s ease-in both;pointer-events:none;z-index:2}.story-keyword-card{background:color-mix(in srgb,var(--keyword-color) 35%,#171717);border-radius:clamp(10px,1.4815dvh,16px) clamp(10px,1.4815dvh,16px) 0 0;bottom:0;box-shadow:inset 0 -4px 7.2px #00000040;color:#fff;display:block;font-size:clamp(26px,3.3333dvh,36px);font-weight:var(--font-weight-semibold);height:var(--story-card-height);inline-size:100%;letter-spacing:0;line-height:1.2222;overflow:visible;position:absolute;text-align:left;transform-origin:center bottom;animation:story-wallet-card-insert .82s linear both}.story-keyword-card--removing{animation:story-wallet-card-remove .3s cubic-bezier(.4,0,1,1) both}.story-keyword-card>span,.story-keyword-edit-input{background:transparent;border:0;color:#fff;font:inherit;left:var(--story-card-text-left);min-width:0;outline:0;overflow:hidden;padding:0;position:absolute;right:calc(var(--story-card-circle-right) + var(--story-card-circle-size) + clamp(22px,2.0833vw,40px));text-overflow:ellipsis;top:var(--story-card-text-top);white-space:nowrap}.story-keyword-edit-input{width:auto}.story-keyword-edit-input::selection{background:#ffffff3d}.story-keyword-color-button{align-items:center;background:transparent;border:0;display:flex;height:var(--story-card-circle-size);justify-content:center;padding:0;position:absolute;right:var(--story-card-circle-right);top:var(--story-card-circle-top);width:var(--story-card-circle-size);z-index:4}.story-keyword-color-button i,.story-color-option--selected{align-items:center;background:transparent;border:2.5px solid var(--keyword-color);border-radius:999px;box-sizing:border-box;display:flex;height:var(--story-card-circle-size);justify-content:center;width:var(--story-card-circle-size)}.story-keyword-color-button i:after,.story-color-option--selected:after{background:var(--keyword-color);border-radius:999px;content:"";display:block;height:clamp(16px,1.8519dvh,20px);width:clamp(16px,1.8519dvh,20px)}.story-keyword-color-button:focus-visible{outline:2px solid #ffffff;outline-offset:4px}.story-color-popover{align-items:center;animation:story-color-popover-in .24s cubic-bezier(.16,1,.3,1) both;background:#1e1e1e;border-radius:clamp(10px,1.4815dvh,16px);display:flex;gap:clamp(8px,.9259dvh,10px);height:clamp(42px,4.6296dvh,50px);justify-content:center;padding:clamp(8px,.9259dvh,10px);position:absolute;right:calc(var(--story-card-circle-right) + var(--story-card-circle-size) + clamp(22px,2.0833vw,40px));top:clamp(12px,1.5741dvh,17px);transform-origin:right center;width:clamp(178px,10.9375vw,210px);z-index:5}.story-color-popover--closing{animation:story-color-popover-out .24s ease-in both;pointer-events:none}.story-color-popover:after{border-bottom:clamp(10px,1.3889dvh,15px) solid transparent;border-left:clamp(18px,2.3438vw,45px) solid #1e1e1e;border-top:clamp(10px,1.3889dvh,15px) solid transparent;content:"";position:absolute;right:calc(clamp(17px,2.0833vw,40px)*-1);top:50%;transform:translateY(-50%)}.story-color-option{align-items:center;background:var(--story-option-color);border:0;border-radius:999px;display:flex;flex:0 0 auto;height:var(--story-card-circle-size);justify-content:center;padding:0;position:relative;width:var(--story-card-circle-size);z-index:1}.story-color-option span{display:none}.story-color-option--selected{background:transparent;border:2.5px solid var(--story-option-color)}.story-color-option--selected:after{background:var(--story-option-color)}.story-color-option:focus-visible{outline:2px solid #ffffff;outline-offset:3px}@keyframes story-color-popover-in{0%{opacity:0;transform:translate3d(24px,0,0) scale(.68)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes story-color-popover-out{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(18px,0,0) scale(.68)}}.story-keyword-add-button{align-items:center;background:#1d1d1d;color:#fff;display:flex;font-size:clamp(34px,4.1667dvh,45px);font-weight:var(--font-weight-semibold);height:clamp(76px,9.2593dvh,100px);justify-content:center;letter-spacing:0;margin:0 auto;transition:margin-top .28s ease,transform .22s ease,opacity .18s ease;width:100%}.story-keyword-add-button--after-cards{margin-top:clamp(7px,.9259dvh,10px)}.story-keyword-add-button:disabled{cursor:not-allowed;opacity:.42}.story-keyword-add-button:not(:disabled):active{transform:translateY(1px)}@keyframes story-wallet-slot-open{0%{block-size:0;margin-bottom:calc(var(--story-card-height) * -.12)}to{block-size:var(--story-card-height);margin-bottom:0}}@keyframes story-wallet-slot-close{0%{block-size:var(--story-card-height);margin-bottom:0}to{block-size:0;margin-bottom:calc(var(--story-card-height) * -.12)}}@keyframes story-wallet-card-insert{0%{animation-timing-function:cubic-bezier(.17,.86,.24,1);height:var(--story-card-insert-height);opacity:.98;transform:translate3d(0,calc((var(--story-card-insert-height) - var(--story-card-height) + clamp(18px,2.7778dvh,30px)) * -1),0)}42%{animation-timing-function:linear;height:var(--story-card-insert-height);opacity:1;transform:translateZ(0)}82%{animation-timing-function:cubic-bezier(.2,.9,.24,1);height:var(--story-card-height);opacity:1;transform:translateZ(0)}91%{animation-timing-function:cubic-bezier(.22,.8,.28,1);height:var(--story-card-height);opacity:1;transform:translate3d(0,var(--story-card-bounce-distance),0)}to{height:var(--story-card-height);opacity:1;transform:translateZ(0)}}@keyframes story-wallet-card-remove{0%{height:var(--story-card-height);opacity:1;transform:translateZ(0)}to{height:var(--story-card-insert-height);opacity:0;transform:translate3d(0,calc((var(--story-card-insert-height) - var(--story-card-height) + clamp(18px,2.7778dvh,30px)) * -1),0)}}.winner-screen{display:grid;gap:clamp(8px,1.8dvh,18px);grid-template-rows:auto minmax(0,1fr)}.winner-topbar{align-items:center;display:grid;gap:clamp(10px,2vw,24px);grid-template-columns:minmax(0,1fr) auto minmax(110px,1fr);min-height:clamp(54px,9dvh,92px);min-width:0}.page-title{align-items:center;display:flex;grid-area:title;justify-content:center;min-height:clamp(48px,12dvh,126px);padding:0 clamp(12px,3vw,36px)}.page-title h2{color:#fff;font-size:var(--font-size-display);font-weight:520;letter-spacing:0;line-height:1.08;margin:0;max-width:1800px;text-align:center;text-wrap:balance;white-space:normal}.raffle-board,.winner-board{background:#171717;border:1px solid #1f1f1f;min-height:0;overflow:hidden}.raffle-board{grid-area:board;padding:clamp(14px,2.8dvh,28px)}.participant-cloud{align-content:start;display:flex;flex-wrap:wrap;gap:clamp(8px,1.6dvh,15px) clamp(8px,1.4vw,14px);height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:4px}.participant-chip,.participant-row{align-items:center;background:#282828;border-radius:5px;color:#fff;display:inline-flex;font-size:var(--font-size-chip);font-weight:var(--font-weight-bold);gap:clamp(6px,1.1dvh,10px);letter-spacing:0;min-height:clamp(38px,6.2dvh,60px);min-width:0;padding:clamp(6px,1dvh,10px) clamp(8px,1.3dvh,14px) clamp(6px,1dvh,10px) clamp(6px,1dvh,10px);white-space:nowrap}.participant-chip{max-width:100%}.participant-chip strong,.participant-row strong{display:inline-block;font-weight:var(--font-weight-regular);max-width:min(320px,44vw);min-width:0;overflow:hidden;text-overflow:ellipsis}.toast-message{animation:toast-message-lifecycle 4s ease-in-out both;border-radius:12px;bottom:calc(clamp(48px,8.8dvh,88px) + clamp(8px,1.8dvh,30px) + 12px);box-shadow:0 14px 34px #00000047;color:#fff;font-size:var(--font-size-toast);font-weight:var(--font-weight-bold);left:50%;letter-spacing:0;line-height:1.25;max-width:min(520px,calc(100% - 32px));padding:clamp(10px,1.8dvh,14px) clamp(16px,2.6dvh,24px);pointer-events:none;position:absolute;text-align:center;transform:translate(-50%);z-index:5}.toast-message--info{background:#303030e0;border:1px solid rgb(255 255 255 / .1)}.toast-message--systemError{animation-name:toast-system-error-lifecycle;background:#8f222cf0;border:1px solid rgb(255 112 124 / .56);box-shadow:0 14px 34px #00000052,0 0 0 1px #ffffff0d inset}@keyframes toast-message-lifecycle{0%{opacity:0;transform:translate(-50%,8px)}7.5%{opacity:1;transform:translate(-50%)}82.5%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,8px)}}@keyframes toast-system-error-lifecycle{0%{opacity:0;transform:translate(-50%,8px)}1.5%{opacity:.78;transform:translate(calc(-50% - 10px))}3%{opacity:1;transform:translate(calc(-50% + 9px))}4.5%{opacity:1;transform:translate(calc(-50% - 7px))}6%{opacity:1;transform:translate(calc(-50% + 5px))}7.5%,82.5%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,8px)}}.bottom-actions{display:grid;gap:clamp(8px,1.8dvh,30px);grid-area:actions;grid-template-columns:minmax(0,1fr) minmax(0,474px);margin-top:0;min-height:0}.action-button{align-items:center;background:#2d2d2d;border-radius:4px;box-shadow:inset 0 0 0 2px #333;color:#fff;display:flex;font-size:var(--font-size-action);font-weight:var(--font-weight-black);height:clamp(48px,8.8dvh,88px);justify-content:center;letter-spacing:0;line-height:1.05;min-width:0;padding:0 clamp(12px,2dvh,28px);text-align:center;white-space:normal;word-break:keep-all}.action-button:hover{filter:brightness(1.08)}.action-button:disabled{cursor:wait;filter:none;opacity:.62}.action-button--wide{grid-column:1 / -1}.action-button--primary{background:#079747;box-shadow:inset 0 0 0 2px #0b7a3d}.action-button--secondary{background:#2c2c2c;box-shadow:inset 0 0 0 2px #363636;font-size:var(--font-size-action-secondary)}.winner-hero{align-items:center;display:flex;gap:clamp(12px,2.4dvh,32px);grid-column:2;justify-content:center;margin:0;min-height:clamp(54px,9dvh,92px);min-width:0;overflow:visible;padding:0 clamp(8px,2vw,24px)}.winner-hero h2{color:#fff;font-size:var(--font-size-winner-title);font-weight:var(--font-weight-regular);letter-spacing:0;line-height:1;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.winner-hero .chat-badge{height:clamp(44px,7dvh,64px)}.winner-hero .chat-badge--status{height:56px;width:56px}.winner-keyword-tag{align-items:center;background:var(--keyword-color);border-radius:8px;color:#fff;display:flex;font-size:clamp(24px,5dvh,42px);font-weight:var(--font-weight-bold);height:clamp(44px,7dvh,60px);justify-content:center;letter-spacing:0;max-width:clamp(106px,12vw,180px);min-width:clamp(82px,8vw,126px);overflow:hidden;padding:0 clamp(10px,1.7dvh,16px);white-space:nowrap}.winner-top-actions{align-self:center;background:#1f1f1f;display:grid;gap:clamp(8px,1.2dvh,12px);grid-column:3;justify-self:end;min-width:clamp(112px,8.4vw,150px);padding:clamp(8px,1.4dvh,12px)}.winner-top-actions .mini-button{width:100%}.winner-board{display:grid;grid-template-columns:minmax(240px,520px) minmax(0,1fr);padding:clamp(12px,2.6dvh,28px)}.winner-roster{border-right:clamp(8px,1.6vw,16px) solid #171717;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;min-width:0;padding-right:clamp(8px,1.4vw,14px)}.winner-tools{align-items:center;background:#282828;display:grid;gap:clamp(8px,1.6dvh,18px);grid-template-columns:minmax(0,1fr) auto;min-width:0;padding:clamp(6px,1dvh,10px)}.keyword-filter-panel{align-items:center;background:#282828;display:flex;gap:clamp(7px,1.2dvh,10px);min-width:0;overflow-x:auto;overflow-y:hidden;padding:clamp(8px,1.2dvh,12px)}.keyword-filter-button{align-items:center;background:var(--keyword-fill);border-radius:999px;color:#fff;display:grid;flex:0 0 clamp(78px,6.6vw,96px);font-size:clamp(12px,2dvh,18px);font-weight:var(--font-weight-bold);gap:clamp(5px,.8dvh,8px);grid-template-columns:auto minmax(0,1fr);height:clamp(30px,4.4dvh,38px);letter-spacing:0;min-width:0;overflow:hidden;padding:0 clamp(8px,1.2dvh,10px)}.keyword-filter-button--disabled{background:#edeae852;color:#bab9b9}.keyword-filter-radio{background:#fff;border-radius:999px;display:inline-flex;height:clamp(16px,2.8dvh,22px);position:relative;width:clamp(16px,2.8dvh,22px)}.keyword-filter-radio:after{background:var(--keyword-color);border-radius:999px;content:"";height:42%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:42%}.keyword-filter-button--disabled .keyword-filter-radio:after{background:#7c7c7c}.mini-button{align-items:center;color:#fff;display:flex;font-size:var(--font-size-control);font-weight:var(--font-weight-black);height:clamp(30px,4.4dvh,38px);justify-content:center;letter-spacing:0;min-width:0;overflow:hidden;padding:0 clamp(6px,1.2dvh,10px);text-overflow:ellipsis;white-space:nowrap}.auto-fit-text{display:block;line-height:1.1;max-width:100%;min-width:0;overflow:hidden;text-overflow:clip;white-space:nowrap}.mini-button--ghost{background:#3b3b3b;box-shadow:inset 0 0 0 1px #454545}.mini-button--green{background:#079747;min-width:clamp(64px,8dvh,90px)}.winner-list{align-content:start;display:grid;gap:clamp(6px,1.2dvh,10px);margin-top:clamp(8px,2dvh,25px);min-height:0;overflow-x:hidden;overflow-y:auto}.participant-row{display:grid;grid-template-columns:minmax(0,1fr) auto;text-align:left;width:100%}.participant-row--selected{box-shadow:inset 0 0 0 2px #ffffff38,inset 4px 0 #079747}.entry-preview{align-items:center;display:grid;gap:clamp(7px,1.2dvh,10px);grid-template-columns:auto auto;justify-self:end;min-width:0}.entry-preview-dot{background:var(--keyword-color);border-radius:999px;display:inline-flex;height:clamp(13px,2.3dvh,17px);width:clamp(13px,2.3dvh,17px)}.story-snippet{background:#8b8b8b;border-radius:8px;color:#111;display:block;font-size:var(--font-size-story);font-weight:var(--font-weight-semibold);line-height:1.1;overflow:hidden;padding:clamp(5px,1dvh,8px) clamp(7px,1.2dvh,10px);position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:clamp(82px,8.6vw,114px)}.story-snippet:before{border-color:transparent #8b8b8b transparent transparent;border-style:solid;border-width:0 8px 8px 0;bottom:0;content:"";left:-6px;position:absolute}.conversation-panel{background:#151515;display:grid;gap:clamp(12px,3.2dvh,48px);grid-template-rows:minmax(0,1fr) auto;min-height:0;min-width:0;overflow:hidden;padding:clamp(16px,4dvh,56px) clamp(18px,3.2vw,60px) clamp(12px,2dvh,18px)}.conversation-start{align-items:center;color:#cfcfcf;display:grid;flex:0 0 auto;gap:clamp(14px,2.8dvh,38px);grid-template-columns:minmax(32px,1fr) auto minmax(32px,1fr);min-width:0;width:100%}.conversation-start span{background:#c9c9c9;height:3px;min-width:0}.conversation-start strong{font-size:var(--font-size-control);font-weight:var(--font-weight-black);letter-spacing:0;text-align:center;white-space:normal;word-break:keep-all}.conversation-body{align-items:stretch;display:grid;gap:clamp(18px,4dvh,48px);grid-template-columns:clamp(54px,8dvh,80px) minmax(0,1fr);min-height:0;overflow:hidden}.winner-identity{align-items:center;align-self:end;display:grid;gap:clamp(10px,3.4dvh,34px);justify-items:center;min-width:0;padding-bottom:1px}.winner-identity strong{color:#fff;font-size:var(--font-size-control);font-weight:var(--font-weight-black);letter-spacing:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.winner-image{display:inline-flex;flex:0 0 auto;overflow:hidden}.winner-image img{display:block;height:100%;object-fit:contain;width:100%}.winner-image--chat{height:clamp(48px,7.4dvh,72px);width:clamp(48px,7.4dvh,72px)}.winner-image--subscriber img{image-rendering:pixelated}.winner-image--fallback{border-radius:4px}.winner-image--fallback img{object-fit:cover}.bubble-stack{align-self:stretch;display:block;max-height:100%;min-height:0;overflow-y:auto;padding-right:4px}.bubble-stack-content{align-items:flex-start;display:flex;flex-direction:column;gap:clamp(6px,1.2dvh,10px);justify-content:flex-end;min-height:100%}.bubble-line{align-items:end;display:flex;flex:0 0 auto;gap:clamp(8px,1.6dvh,14px);max-width:100%;min-width:0}.chat-bubble{background:#dedede;border-radius:8px;color:#111;font-size:var(--font-size-chat-bubble);font-weight:var(--font-weight-semibold);letter-spacing:0;line-height:1.22;margin:0;max-width:min(540px,100%);overflow-wrap:anywhere;padding:clamp(9px,1.8dvh,15px) clamp(12px,2.4dvh,21px);position:relative}.chat-bubble:before{border-color:transparent #dedede transparent transparent;border-style:solid;border-width:0 14px 14px 0;bottom:0;content:"";left:-10px;position:absolute}.bubble-line time{color:#b8b8b8;flex:0 0 auto;font-size:var(--font-size-chat-time);font-weight:var(--font-weight-bold);margin-bottom:6px}.conversation-footer{align-items:center;background:#222;color:#fff;display:grid;font-size:var(--font-size-chat-meta);font-weight:var(--font-weight-black);gap:clamp(10px,1.8vw,24px);grid-template-columns:minmax(0,1fr) auto minmax(72px,auto);min-height:clamp(44px,6dvh,60px);letter-spacing:0;margin:0 calc(-1*clamp(18px,3.2vw,60px)) calc(-1*clamp(12px,2dvh,18px));padding:0 clamp(18px,3.2vw,60px);word-break:keep-all}.conversation-footer>strong{font-weight:var(--font-weight-regular);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-footer-label{text-align:right;white-space:nowrap}.conversation-footer-time{display:inline-block;font:inherit;min-width:72px;text-align:left}.avatar{display:inline-flex;flex:0 0 auto;overflow:visible}.avatar img{display:block;height:100%;image-rendering:pixelated;object-fit:contain;width:100%}.avatar--small{height:clamp(24px,4dvh,36px);width:clamp(24px,4dvh,36px)}.avatar--chat,.avatar--large{height:clamp(48px,7.4dvh,72px);width:clamp(48px,7.4dvh,72px)}.avatar--empty{display:none}.avatar--red{align-items:center;background:#f15666;border-radius:999px;justify-content:center}.avatar--red span{border:4px solid #ffffff;border-radius:7px;height:62%;position:relative;width:62%}.avatar--red span:after{color:#fff;content:"★";font-size:var(--font-size-avatar-symbol);font-weight:var(--font-weight-black);left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.participant-identity{align-items:center;display:inline-flex;gap:clamp(6px,1.1dvh,10px);min-width:0}.chat-badge-list{align-items:center;display:inline-flex;flex:0 0 auto;gap:clamp(4px,.8dvh,6px)}.chat-badge{display:block;height:clamp(24px,3.8dvh,32px);image-rendering:pixelated;object-fit:contain;width:auto}.chat-badge--status{border-radius:4px;height:27px;width:27px}.badge{align-items:center;border-radius:4px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:var(--font-size-badge);font-weight:var(--font-weight-black);height:clamp(24px,3.8dvh,32px);justify-content:center;letter-spacing:0;min-width:clamp(24px,3.8dvh,32px);padding:0 clamp(5px,1dvh,7px)}.badge--f{background:#75ad61}.badge--s{background:#9278bf}.badge--hot{background:#d95797;font-size:var(--font-size-badge-hot)}.badge--hero{border-radius:4px;font-size:var(--font-size-badge-hero);height:clamp(44px,7.4dvh,64px);min-width:clamp(44px,7.4dvh,64px);padding:0 clamp(8px,1.6dvh,13px)}@media (max-width: 1280px){.winner-board{grid-template-columns:minmax(220px,380px) minmax(0,1fr)}.participant-chip strong,.participant-row strong{max-width:min(260px,38vw)}}@media (max-width: 860px){.app{padding:clamp(8px,1.8dvh,14px)}.mode-card-grid{gap:clamp(12px,3vw,24px)}.mode-card{padding:clamp(16px,3dvh,24px) clamp(10px,3vw,18px) clamp(18px,3.4dvh,28px)}.story-setup-board{gap:10px;grid-template-columns:minmax(0,1fr) minmax(210px,34%)}.story-wordcloud-panel{padding:16px}.bottom-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.winner-board{grid-template-columns:1fr;grid-template-rows:minmax(92px,34%) minmax(0,1fr)}.winner-topbar{grid-template-columns:minmax(0,1fr) auto}.winner-hero{grid-column:1;justify-content:start}.winner-top-actions{grid-column:2}.winner-roster{border-bottom:8px solid #171717;border-right:0;padding-bottom:8px;padding-right:0}.winner-list{display:flex;overflow-x:auto;overflow-y:hidden}.participant-row{flex:0 0 auto;width:max-content}.entry-preview{grid-template-columns:auto auto}.conversation-panel{padding:clamp(10px,2.6dvh,16px)}.conversation-body{gap:clamp(12px,2.4dvh,18px);grid-template-columns:clamp(44px,7dvh,56px) minmax(0,1fr)}}@media (max-height: 620px){.app-header{align-items:end;gap:10px 18px;grid-template-columns:auto minmax(0,1fr)}.home-screen{padding:8px}.mode-card{padding-bottom:18px;padding-top:18px}.breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-title{min-height:clamp(38px,10dvh,64px)}.winner-hero{margin:0;min-height:clamp(44px,9dvh,60px)}.winner-topbar{min-height:clamp(44px,9dvh,60px)}.winner-top-actions{gap:6px;padding:6px}.conversation-panel{gap:10px}.bubble-stack{padding-bottom:8px}}@media (max-height: 460px){:root{--font-size-mode-title: 26px}.raffle-screen{gap:6px}.page-title h2{font-size:var(--font-size-display-compact)}.action-button{height:42px}.conversation-start{gap:8px}.winner-board{padding:8px}}